medos-sdk 1.1.10 → 1.1.12

package/dist/vanilla/enquiry-widget.js

@@ -3847,33 +3847,3218 @@
     mergeConfig
   } = axios;
 
+  function getDefaultExportFromCjs (x) {
+  	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+  }
+
+  var jsxRuntime = {exports: {}};
+
+  var reactJsxRuntime_production = {};
+
+  /**
+   * @license React
+   * react-jsx-runtime.production.js
+   *
+   * Copyright (c) Meta Platforms, Inc. and affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   */
+
+  var hasRequiredReactJsxRuntime_production;
+
+  function requireReactJsxRuntime_production () {
+  	if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
+  	hasRequiredReactJsxRuntime_production = 1;
+  	var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
+  	  REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
+  	function jsxProd(type, config, maybeKey) {
+  	  var key = null;
+  	  void 0 !== maybeKey && (key = "" + maybeKey);
+  	  void 0 !== config.key && (key = "" + config.key);
+  	  if ("key" in config) {
+  	    maybeKey = {};
+  	    for (var propName in config)
+  	      "key" !== propName && (maybeKey[propName] = config[propName]);
+  	  } else maybeKey = config;
+  	  config = maybeKey.ref;
+  	  return {
+  	    $$typeof: REACT_ELEMENT_TYPE,
+  	    type: type,
+  	    key: key,
+  	    ref: void 0 !== config ? config : null,
+  	    props: maybeKey
+  	  };
+  	}
+  	reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
+  	reactJsxRuntime_production.jsx = jsxProd;
+  	reactJsxRuntime_production.jsxs = jsxProd;
+  	return reactJsxRuntime_production;
+  }
+
+  var reactJsxRuntime_development = {};
+
+  var react = {exports: {}};
+
+  var react_production = {};
+
+  /**
+   * @license React
+   * react.production.js
+   *
+   * Copyright (c) Meta Platforms, Inc. and affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   */
+
+  var hasRequiredReact_production;
+
+  function requireReact_production () {
+  	if (hasRequiredReact_production) return react_production;
+  	hasRequiredReact_production = 1;
+  	var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
+  	  REACT_PORTAL_TYPE = Symbol.for("react.portal"),
+  	  REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
+  	  REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
+  	  REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
+  	  REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
+  	  REACT_CONTEXT_TYPE = Symbol.for("react.context"),
+  	  REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
+  	  REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
+  	  REACT_MEMO_TYPE = Symbol.for("react.memo"),
+  	  REACT_LAZY_TYPE = Symbol.for("react.lazy"),
+  	  REACT_ACTIVITY_TYPE = Symbol.for("react.activity"),
+  	  MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+  	function getIteratorFn(maybeIterable) {
+  	  if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
+  	  maybeIterable =
+  	    (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
+  	    maybeIterable["@@iterator"];
+  	  return "function" === typeof maybeIterable ? maybeIterable : null;
+  	}
+  	var ReactNoopUpdateQueue = {
+  	    isMounted: function () {
+  	      return false;
+  	    },
+  	    enqueueForceUpdate: function () {},
+  	    enqueueReplaceState: function () {},
+  	    enqueueSetState: function () {}
+  	  },
+  	  assign = Object.assign,
+  	  emptyObject = {};
+  	function Component(props, context, updater) {
+  	  this.props = props;
+  	  this.context = context;
+  	  this.refs = emptyObject;
+  	  this.updater = updater || ReactNoopUpdateQueue;
+  	}
+  	Component.prototype.isReactComponent = {};
+  	Component.prototype.setState = function (partialState, callback) {
+  	  if (
+  	    "object" !== typeof partialState &&
+  	    "function" !== typeof partialState &&
+  	    null != partialState
+  	  )
+  	    throw Error(
+  	      "takes an object of state variables to update or a function which returns an object of state variables."
+  	    );
+  	  this.updater.enqueueSetState(this, partialState, callback, "setState");
+  	};
+  	Component.prototype.forceUpdate = function (callback) {
+  	  this.updater.enqueueForceUpdate(this, callback, "forceUpdate");
+  	};
+  	function ComponentDummy() {}
+  	ComponentDummy.prototype = Component.prototype;
+  	function PureComponent(props, context, updater) {
+  	  this.props = props;
+  	  this.context = context;
+  	  this.refs = emptyObject;
+  	  this.updater = updater || ReactNoopUpdateQueue;
+  	}
+  	var pureComponentPrototype = (PureComponent.prototype = new ComponentDummy());
+  	pureComponentPrototype.constructor = PureComponent;
+  	assign(pureComponentPrototype, Component.prototype);
+  	pureComponentPrototype.isPureReactComponent = true;
+  	var isArrayImpl = Array.isArray;
+  	function noop() {}
+  	var ReactSharedInternals = { H: null, A: null, T: null, S: null },
+  	  hasOwnProperty = Object.prototype.hasOwnProperty;
+  	function ReactElement(type, key, props) {
+  	  var refProp = props.ref;
+  	  return {
+  	    $$typeof: REACT_ELEMENT_TYPE,
+  	    type: type,
+  	    key: key,
+  	    ref: void 0 !== refProp ? refProp : null,
+  	    props: props
+  	  };
+  	}
+  	function cloneAndReplaceKey(oldElement, newKey) {
+  	  return ReactElement(oldElement.type, newKey, oldElement.props);
+  	}
+  	function isValidElement(object) {
+  	  return (
+  	    "object" === typeof object &&
+  	    null !== object &&
+  	    object.$$typeof === REACT_ELEMENT_TYPE
+  	  );
+  	}
+  	function escape(key) {
+  	  var escaperLookup = { "=": "=0", ":": "=2" };
+  	  return (
+  	    "$" +
+  	    key.replace(/[=:]/g, function (match) {
+  	      return escaperLookup[match];
+  	    })
+  	  );
+  	}
+  	var userProvidedKeyEscapeRegex = /\/+/g;
+  	function getElementKey(element, index) {
+  	  return "object" === typeof element && null !== element && null != element.key
+  	    ? escape("" + element.key)
+  	    : index.toString(36);
+  	}
+  	function resolveThenable(thenable) {
+  	  switch (thenable.status) {
+  	    case "fulfilled":
+  	      return thenable.value;
+  	    case "rejected":
+  	      throw thenable.reason;
+  	    default:
+  	      switch (
+  	        ("string" === typeof thenable.status
+  	          ? thenable.then(noop, noop)
+  	          : ((thenable.status = "pending"),
+  	            thenable.then(
+  	              function (fulfilledValue) {
+  	                "pending" === thenable.status &&
+  	                  ((thenable.status = "fulfilled"),
+  	                  (thenable.value = fulfilledValue));
+  	              },
+  	              function (error) {
+  	                "pending" === thenable.status &&
+  	                  ((thenable.status = "rejected"), (thenable.reason = error));
+  	              }
+  	            )),
+  	        thenable.status)
+  	      ) {
+  	        case "fulfilled":
+  	          return thenable.value;
+  	        case "rejected":
+  	          throw thenable.reason;
+  	      }
+  	  }
+  	  throw thenable;
+  	}
+  	function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
+  	  var type = typeof children;
+  	  if ("undefined" === type || "boolean" === type) children = null;
+  	  var invokeCallback = false;
+  	  if (null === children) invokeCallback = true;
+  	  else
+  	    switch (type) {
+  	      case "bigint":
+  	      case "string":
+  	      case "number":
+  	        invokeCallback = true;
+  	        break;
+  	      case "object":
+  	        switch (children.$$typeof) {
+  	          case REACT_ELEMENT_TYPE:
+  	          case REACT_PORTAL_TYPE:
+  	            invokeCallback = true;
+  	            break;
+  	          case REACT_LAZY_TYPE:
+  	            return (
+  	              (invokeCallback = children._init),
+  	              mapIntoArray(
+  	                invokeCallback(children._payload),
+  	                array,
+  	                escapedPrefix,
+  	                nameSoFar,
+  	                callback
+  	              )
+  	            );
+  	        }
+  	    }
+  	  if (invokeCallback)
+  	    return (
+  	      (callback = callback(children)),
+  	      (invokeCallback =
+  	        "" === nameSoFar ? "." + getElementKey(children, 0) : nameSoFar),
+  	      isArrayImpl(callback)
+  	        ? ((escapedPrefix = ""),
+  	          null != invokeCallback &&
+  	            (escapedPrefix =
+  	              invokeCallback.replace(userProvidedKeyEscapeRegex, "$&/") + "/"),
+  	          mapIntoArray(callback, array, escapedPrefix, "", function (c) {
+  	            return c;
+  	          }))
+  	        : null != callback &&
+  	          (isValidElement(callback) &&
+  	            (callback = cloneAndReplaceKey(
+  	              callback,
+  	              escapedPrefix +
+  	                (null == callback.key ||
+  	                (children && children.key === callback.key)
+  	                  ? ""
+  	                  : ("" + callback.key).replace(
+  	                      userProvidedKeyEscapeRegex,
+  	                      "$&/"
+  	                    ) + "/") +
+  	                invokeCallback
+  	            )),
+  	          array.push(callback)),
+  	      1
+  	    );
+  	  invokeCallback = 0;
+  	  var nextNamePrefix = "" === nameSoFar ? "." : nameSoFar + ":";
+  	  if (isArrayImpl(children))
+  	    for (var i = 0; i < children.length; i++)
+  	      (nameSoFar = children[i]),
+  	        (type = nextNamePrefix + getElementKey(nameSoFar, i)),
+  	        (invokeCallback += mapIntoArray(
+  	          nameSoFar,
+  	          array,
+  	          escapedPrefix,
+  	          type,
+  	          callback
+  	        ));
+  	  else if (((i = getIteratorFn(children)), "function" === typeof i))
+  	    for (
+  	      children = i.call(children), i = 0;
+  	      !(nameSoFar = children.next()).done;
+
+  	    )
+  	      (nameSoFar = nameSoFar.value),
+  	        (type = nextNamePrefix + getElementKey(nameSoFar, i++)),
+  	        (invokeCallback += mapIntoArray(
+  	          nameSoFar,
+  	          array,
+  	          escapedPrefix,
+  	          type,
+  	          callback
+  	        ));
+  	  else if ("object" === type) {
+  	    if ("function" === typeof children.then)
+  	      return mapIntoArray(
+  	        resolveThenable(children),
+  	        array,
+  	        escapedPrefix,
+  	        nameSoFar,
+  	        callback
+  	      );
+  	    array = String(children);
+  	    throw Error(
+  	      "Objects are not valid as a React child (found: " +
+  	        ("[object Object]" === array
+  	          ? "object with keys {" + Object.keys(children).join(", ") + "}"
+  	          : array) +
+  	        "). If you meant to render a collection of children, use an array instead."
+  	    );
+  	  }
+  	  return invokeCallback;
+  	}
+  	function mapChildren(children, func, context) {
+  	  if (null == children) return children;
+  	  var result = [],
+  	    count = 0;
+  	  mapIntoArray(children, result, "", "", function (child) {
+  	    return func.call(context, child, count++);
+  	  });
+  	  return result;
+  	}
+  	function lazyInitializer(payload) {
+  	  if (-1 === payload._status) {
+  	    var ctor = payload._result;
+  	    ctor = ctor();
+  	    ctor.then(
+  	      function (moduleObject) {
+  	        if (0 === payload._status || -1 === payload._status)
+  	          (payload._status = 1), (payload._result = moduleObject);
+  	      },
+  	      function (error) {
+  	        if (0 === payload._status || -1 === payload._status)
+  	          (payload._status = 2), (payload._result = error);
+  	      }
+  	    );
+  	    -1 === payload._status && ((payload._status = 0), (payload._result = ctor));
+  	  }
+  	  if (1 === payload._status) return payload._result.default;
+  	  throw payload._result;
+  	}
+  	var reportGlobalError =
+  	    "function" === typeof reportError
+  	      ? reportError
+  	      : function (error) {
+  	          if (
+  	            "object" === typeof window &&
+  	            "function" === typeof window.ErrorEvent
+  	          ) {
+  	            var event = new window.ErrorEvent("error", {
+  	              bubbles: true,
+  	              cancelable: true,
+  	              message:
+  	                "object" === typeof error &&
+  	                null !== error &&
+  	                "string" === typeof error.message
+  	                  ? String(error.message)
+  	                  : String(error),
+  	              error: error
+  	            });
+  	            if (!window.dispatchEvent(event)) return;
+  	          } else if (
+  	            "object" === typeof process &&
+  	            "function" === typeof process.emit
+  	          ) {
+  	            process.emit("uncaughtException", error);
+  	            return;
+  	          }
+  	          console.error(error);
+  	        },
+  	  Children = {
+  	    map: mapChildren,
+  	    forEach: function (children, forEachFunc, forEachContext) {
+  	      mapChildren(
+  	        children,
+  	        function () {
+  	          forEachFunc.apply(this, arguments);
+  	        },
+  	        forEachContext
+  	      );
+  	    },
+  	    count: function (children) {
+  	      var n = 0;
+  	      mapChildren(children, function () {
+  	        n++;
+  	      });
+  	      return n;
+  	    },
+  	    toArray: function (children) {
+  	      return (
+  	        mapChildren(children, function (child) {
+  	          return child;
+  	        }) || []
+  	      );
+  	    },
+  	    only: function (children) {
+  	      if (!isValidElement(children))
+  	        throw Error(
+  	          "React.Children.only expected to receive a single React element child."
+  	        );
+  	      return children;
+  	    }
+  	  };
+  	react_production.Activity = REACT_ACTIVITY_TYPE;
+  	react_production.Children = Children;
+  	react_production.Component = Component;
+  	react_production.Fragment = REACT_FRAGMENT_TYPE;
+  	react_production.Profiler = REACT_PROFILER_TYPE;
+  	react_production.PureComponent = PureComponent;
+  	react_production.StrictMode = REACT_STRICT_MODE_TYPE;
+  	react_production.Suspense = REACT_SUSPENSE_TYPE;
+  	react_production.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
+  	  ReactSharedInternals;
+  	react_production.__COMPILER_RUNTIME = {
+  	  __proto__: null,
+  	  c: function (size) {
+  	    return ReactSharedInternals.H.useMemoCache(size);
+  	  }
+  	};
+  	react_production.cache = function (fn) {
+  	  return function () {
+  	    return fn.apply(null, arguments);
+  	  };
+  	};
+  	react_production.cacheSignal = function () {
+  	  return null;
+  	};
+  	react_production.cloneElement = function (element, config, children) {
+  	  if (null === element || void 0 === element)
+  	    throw Error(
+  	      "The argument must be a React element, but you passed " + element + "."
+  	    );
+  	  var props = assign({}, element.props),
+  	    key = element.key;
+  	  if (null != config)
+  	    for (propName in (void 0 !== config.key && (key = "" + config.key), config))
+  	      !hasOwnProperty.call(config, propName) ||
+  	        "key" === propName ||
+  	        "__self" === propName ||
+  	        "__source" === propName ||
+  	        ("ref" === propName && void 0 === config.ref) ||
+  	        (props[propName] = config[propName]);
+  	  var propName = arguments.length - 2;
+  	  if (1 === propName) props.children = children;
+  	  else if (1 < propName) {
+  	    for (var childArray = Array(propName), i = 0; i < propName; i++)
+  	      childArray[i] = arguments[i + 2];
+  	    props.children = childArray;
+  	  }
+  	  return ReactElement(element.type, key, props);
+  	};
+  	react_production.createContext = function (defaultValue) {
+  	  defaultValue = {
+  	    $$typeof: REACT_CONTEXT_TYPE,
+  	    _currentValue: defaultValue,
+  	    _currentValue2: defaultValue,
+  	    _threadCount: 0,
+  	    Provider: null,
+  	    Consumer: null
+  	  };
+  	  defaultValue.Provider = defaultValue;
+  	  defaultValue.Consumer = {
+  	    $$typeof: REACT_CONSUMER_TYPE,
+  	    _context: defaultValue
+  	  };
+  	  return defaultValue;
+  	};
+  	react_production.createElement = function (type, config, children) {
+  	  var propName,
+  	    props = {},
+  	    key = null;
+  	  if (null != config)
+  	    for (propName in (void 0 !== config.key && (key = "" + config.key), config))
+  	      hasOwnProperty.call(config, propName) &&
+  	        "key" !== propName &&
+  	        "__self" !== propName &&
+  	        "__source" !== propName &&
+  	        (props[propName] = config[propName]);
+  	  var childrenLength = arguments.length - 2;
+  	  if (1 === childrenLength) props.children = children;
+  	  else if (1 < childrenLength) {
+  	    for (var childArray = Array(childrenLength), i = 0; i < childrenLength; i++)
+  	      childArray[i] = arguments[i + 2];
+  	    props.children = childArray;
+  	  }
+  	  if (type && type.defaultProps)
+  	    for (propName in ((childrenLength = type.defaultProps), childrenLength))
+  	      void 0 === props[propName] &&
+  	        (props[propName] = childrenLength[propName]);
+  	  return ReactElement(type, key, props);
+  	};
+  	react_production.createRef = function () {
+  	  return { current: null };
+  	};
+  	react_production.forwardRef = function (render) {
+  	  return { $$typeof: REACT_FORWARD_REF_TYPE, render: render };
+  	};
+  	react_production.isValidElement = isValidElement;
+  	react_production.lazy = function (ctor) {
+  	  return {
+  	    $$typeof: REACT_LAZY_TYPE,
+  	    _payload: { _status: -1, _result: ctor },
+  	    _init: lazyInitializer
+  	  };
+  	};
+  	react_production.memo = function (type, compare) {
+  	  return {
+  	    $$typeof: REACT_MEMO_TYPE,
+  	    type: type,
+  	    compare: void 0 === compare ? null : compare
+  	  };
+  	};
+  	react_production.startTransition = function (scope) {
+  	  var prevTransition = ReactSharedInternals.T,
+  	    currentTransition = {};
+  	  ReactSharedInternals.T = currentTransition;
+  	  try {
+  	    var returnValue = scope(),
+  	      onStartTransitionFinish = ReactSharedInternals.S;
+  	    null !== onStartTransitionFinish &&
+  	      onStartTransitionFinish(currentTransition, returnValue);
+  	    "object" === typeof returnValue &&
+  	      null !== returnValue &&
+  	      "function" === typeof returnValue.then &&
+  	      returnValue.then(noop, reportGlobalError);
+  	  } catch (error) {
+  	    reportGlobalError(error);
+  	  } finally {
+  	    null !== prevTransition &&
+  	      null !== currentTransition.types &&
+  	      (prevTransition.types = currentTransition.types),
+  	      (ReactSharedInternals.T = prevTransition);
+  	  }
+  	};
+  	react_production.unstable_useCacheRefresh = function () {
+  	  return ReactSharedInternals.H.useCacheRefresh();
+  	};
+  	react_production.use = function (usable) {
+  	  return ReactSharedInternals.H.use(usable);
+  	};
+  	react_production.useActionState = function (action, initialState, permalink) {
+  	  return ReactSharedInternals.H.useActionState(action, initialState, permalink);
+  	};
+  	react_production.useCallback = function (callback, deps) {
+  	  return ReactSharedInternals.H.useCallback(callback, deps);
+  	};
+  	react_production.useContext = function (Context) {
+  	  return ReactSharedInternals.H.useContext(Context);
+  	};
+  	react_production.useDebugValue = function () {};
+  	react_production.useDeferredValue = function (value, initialValue) {
+  	  return ReactSharedInternals.H.useDeferredValue(value, initialValue);
+  	};
+  	react_production.useEffect = function (create, deps) {
+  	  return ReactSharedInternals.H.useEffect(create, deps);
+  	};
+  	react_production.useEffectEvent = function (callback) {
+  	  return ReactSharedInternals.H.useEffectEvent(callback);
+  	};
+  	react_production.useId = function () {
+  	  return ReactSharedInternals.H.useId();
+  	};
+  	react_production.useImperativeHandle = function (ref, create, deps) {
+  	  return ReactSharedInternals.H.useImperativeHandle(ref, create, deps);
+  	};
+  	react_production.useInsertionEffect = function (create, deps) {
+  	  return ReactSharedInternals.H.useInsertionEffect(create, deps);
+  	};
+  	react_production.useLayoutEffect = function (create, deps) {
+  	  return ReactSharedInternals.H.useLayoutEffect(create, deps);
+  	};
+  	react_production.useMemo = function (create, deps) {
+  	  return ReactSharedInternals.H.useMemo(create, deps);
+  	};
+  	react_production.useOptimistic = function (passthrough, reducer) {
+  	  return ReactSharedInternals.H.useOptimistic(passthrough, reducer);
+  	};
+  	react_production.useReducer = function (reducer, initialArg, init) {
+  	  return ReactSharedInternals.H.useReducer(reducer, initialArg, init);
+  	};
+  	react_production.useRef = function (initialValue) {
+  	  return ReactSharedInternals.H.useRef(initialValue);
+  	};
+  	react_production.useState = function (initialState) {
+  	  return ReactSharedInternals.H.useState(initialState);
+  	};
+  	react_production.useSyncExternalStore = function (
+  	  subscribe,
+  	  getSnapshot,
+  	  getServerSnapshot
+  	) {
+  	  return ReactSharedInternals.H.useSyncExternalStore(
+  	    subscribe,
+  	    getSnapshot,
+  	    getServerSnapshot
+  	  );
+  	};
+  	react_production.useTransition = function () {
+  	  return ReactSharedInternals.H.useTransition();
+  	};
+  	react_production.version = "19.2.0";
+  	return react_production;
+  }
+
+  var react_development = {exports: {}};
+
+  /**
+   * @license React
+   * react.development.js
+   *
+   * Copyright (c) Meta Platforms, Inc. and affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   */
+  react_development.exports;
+
+  var hasRequiredReact_development;
+
+  function requireReact_development () {
+  	if (hasRequiredReact_development) return react_development.exports;
+  	hasRequiredReact_development = 1;
+  	(function (module, exports$1) {
+  		"production" !== process.env.NODE_ENV &&
+  		  (function () {
+  		    function defineDeprecationWarning(methodName, info) {
+  		      Object.defineProperty(Component.prototype, methodName, {
+  		        get: function () {
+  		          console.warn(
+  		            "%s(...) is deprecated in plain JavaScript React classes. %s",
+  		            info[0],
+  		            info[1]
+  		          );
+  		        }
+  		      });
+  		    }
+  		    function getIteratorFn(maybeIterable) {
+  		      if (null === maybeIterable || "object" !== typeof maybeIterable)
+  		        return null;
+  		      maybeIterable =
+  		        (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
+  		        maybeIterable["@@iterator"];
+  		      return "function" === typeof maybeIterable ? maybeIterable : null;
+  		    }
+  		    function warnNoop(publicInstance, callerName) {
+  		      publicInstance =
+  		        ((publicInstance = publicInstance.constructor) &&
+  		          (publicInstance.displayName || publicInstance.name)) ||
+  		        "ReactClass";
+  		      var warningKey = publicInstance + "." + callerName;
+  		      didWarnStateUpdateForUnmountedComponent[warningKey] ||
+  		        (console.error(
+  		          "Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",
+  		          callerName,
+  		          publicInstance
+  		        ),
+  		        (didWarnStateUpdateForUnmountedComponent[warningKey] = true));
+  		    }
+  		    function Component(props, context, updater) {
+  		      this.props = props;
+  		      this.context = context;
+  		      this.refs = emptyObject;
+  		      this.updater = updater || ReactNoopUpdateQueue;
+  		    }
+  		    function ComponentDummy() {}
+  		    function PureComponent(props, context, updater) {
+  		      this.props = props;
+  		      this.context = context;
+  		      this.refs = emptyObject;
+  		      this.updater = updater || ReactNoopUpdateQueue;
+  		    }
+  		    function noop() {}
+  		    function testStringCoercion(value) {
+  		      return "" + value;
+  		    }
+  		    function checkKeyStringCoercion(value) {
+  		      try {
+  		        testStringCoercion(value);
+  		        var JSCompiler_inline_result = !1;
+  		      } catch (e) {
+  		        JSCompiler_inline_result = true;
+  		      }
+  		      if (JSCompiler_inline_result) {
+  		        JSCompiler_inline_result = console;
+  		        var JSCompiler_temp_const = JSCompiler_inline_result.error;
+  		        var JSCompiler_inline_result$jscomp$0 =
+  		          ("function" === typeof Symbol &&
+  		            Symbol.toStringTag &&
+  		            value[Symbol.toStringTag]) ||
+  		          value.constructor.name ||
+  		          "Object";
+  		        JSCompiler_temp_const.call(
+  		          JSCompiler_inline_result,
+  		          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+  		          JSCompiler_inline_result$jscomp$0
+  		        );
+  		        return testStringCoercion(value);
+  		      }
+  		    }
+  		    function getComponentNameFromType(type) {
+  		      if (null == type) return null;
+  		      if ("function" === typeof type)
+  		        return type.$$typeof === REACT_CLIENT_REFERENCE
+  		          ? null
+  		          : type.displayName || type.name || null;
+  		      if ("string" === typeof type) return type;
+  		      switch (type) {
+  		        case REACT_FRAGMENT_TYPE:
+  		          return "Fragment";
+  		        case REACT_PROFILER_TYPE:
+  		          return "Profiler";
+  		        case REACT_STRICT_MODE_TYPE:
+  		          return "StrictMode";
+  		        case REACT_SUSPENSE_TYPE:
+  		          return "Suspense";
+  		        case REACT_SUSPENSE_LIST_TYPE:
+  		          return "SuspenseList";
+  		        case REACT_ACTIVITY_TYPE:
+  		          return "Activity";
+  		      }
+  		      if ("object" === typeof type)
+  		        switch (
+  		          ("number" === typeof type.tag &&
+  		            console.error(
+  		              "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+  		            ),
+  		          type.$$typeof)
+  		        ) {
+  		          case REACT_PORTAL_TYPE:
+  		            return "Portal";
+  		          case REACT_CONTEXT_TYPE:
+  		            return type.displayName || "Context";
+  		          case REACT_CONSUMER_TYPE:
+  		            return (type._context.displayName || "Context") + ".Consumer";
+  		          case REACT_FORWARD_REF_TYPE:
+  		            var innerType = type.render;
+  		            type = type.displayName;
+  		            type ||
+  		              ((type = innerType.displayName || innerType.name || ""),
+  		              (type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef"));
+  		            return type;
+  		          case REACT_MEMO_TYPE:
+  		            return (
+  		              (innerType = type.displayName || null),
+  		              null !== innerType
+  		                ? innerType
+  		                : getComponentNameFromType(type.type) || "Memo"
+  		            );
+  		          case REACT_LAZY_TYPE:
+  		            innerType = type._payload;
+  		            type = type._init;
+  		            try {
+  		              return getComponentNameFromType(type(innerType));
+  		            } catch (x) {}
+  		        }
+  		      return null;
+  		    }
+  		    function getTaskName(type) {
+  		      if (type === REACT_FRAGMENT_TYPE) return "<>";
+  		      if (
+  		        "object" === typeof type &&
+  		        null !== type &&
+  		        type.$$typeof === REACT_LAZY_TYPE
+  		      )
+  		        return "<...>";
+  		      try {
+  		        var name = getComponentNameFromType(type);
+  		        return name ? "<" + name + ">" : "<...>";
+  		      } catch (x) {
+  		        return "<...>";
+  		      }
+  		    }
+  		    function getOwner() {
+  		      var dispatcher = ReactSharedInternals.A;
+  		      return null === dispatcher ? null : dispatcher.getOwner();
+  		    }
+  		    function UnknownOwner() {
+  		      return Error("react-stack-top-frame");
+  		    }
+  		    function hasValidKey(config) {
+  		      if (hasOwnProperty.call(config, "key")) {
+  		        var getter = Object.getOwnPropertyDescriptor(config, "key").get;
+  		        if (getter && getter.isReactWarning) return false;
+  		      }
+  		      return void 0 !== config.key;
+  		    }
+  		    function defineKeyPropWarningGetter(props, displayName) {
+  		      function warnAboutAccessingKey() {
+  		        specialPropKeyWarningShown ||
+  		          ((specialPropKeyWarningShown = true),
+  		          console.error(
+  		            "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+  		            displayName
+  		          ));
+  		      }
+  		      warnAboutAccessingKey.isReactWarning = true;
+  		      Object.defineProperty(props, "key", {
+  		        get: warnAboutAccessingKey,
+  		        configurable: true
+  		      });
+  		    }
+  		    function elementRefGetterWithDeprecationWarning() {
+  		      var componentName = getComponentNameFromType(this.type);
+  		      didWarnAboutElementRef[componentName] ||
+  		        ((didWarnAboutElementRef[componentName] = true),
+  		        console.error(
+  		          "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+  		        ));
+  		      componentName = this.props.ref;
+  		      return void 0 !== componentName ? componentName : null;
+  		    }
+  		    function ReactElement(type, key, props, owner, debugStack, debugTask) {
+  		      var refProp = props.ref;
+  		      type = {
+  		        $$typeof: REACT_ELEMENT_TYPE,
+  		        type: type,
+  		        key: key,
+  		        props: props,
+  		        _owner: owner
+  		      };
+  		      null !== (void 0 !== refProp ? refProp : null)
+  		        ? Object.defineProperty(type, "ref", {
+  		            enumerable: false,
+  		            get: elementRefGetterWithDeprecationWarning
+  		          })
+  		        : Object.defineProperty(type, "ref", { enumerable: false, value: null });
+  		      type._store = {};
+  		      Object.defineProperty(type._store, "validated", {
+  		        configurable: false,
+  		        enumerable: false,
+  		        writable: true,
+  		        value: 0
+  		      });
+  		      Object.defineProperty(type, "_debugInfo", {
+  		        configurable: false,
+  		        enumerable: false,
+  		        writable: true,
+  		        value: null
+  		      });
+  		      Object.defineProperty(type, "_debugStack", {
+  		        configurable: false,
+  		        enumerable: false,
+  		        writable: true,
+  		        value: debugStack
+  		      });
+  		      Object.defineProperty(type, "_debugTask", {
+  		        configurable: false,
+  		        enumerable: false,
+  		        writable: true,
+  		        value: debugTask
+  		      });
+  		      Object.freeze && (Object.freeze(type.props), Object.freeze(type));
+  		      return type;
+  		    }
+  		    function cloneAndReplaceKey(oldElement, newKey) {
+  		      newKey = ReactElement(
+  		        oldElement.type,
+  		        newKey,
+  		        oldElement.props,
+  		        oldElement._owner,
+  		        oldElement._debugStack,
+  		        oldElement._debugTask
+  		      );
+  		      oldElement._store &&
+  		        (newKey._store.validated = oldElement._store.validated);
+  		      return newKey;
+  		    }
+  		    function validateChildKeys(node) {
+  		      isValidElement(node)
+  		        ? node._store && (node._store.validated = 1)
+  		        : "object" === typeof node &&
+  		          null !== node &&
+  		          node.$$typeof === REACT_LAZY_TYPE &&
+  		          ("fulfilled" === node._payload.status
+  		            ? isValidElement(node._payload.value) &&
+  		              node._payload.value._store &&
+  		              (node._payload.value._store.validated = 1)
+  		            : node._store && (node._store.validated = 1));
+  		    }
+  		    function isValidElement(object) {
+  		      return (
+  		        "object" === typeof object &&
+  		        null !== object &&
+  		        object.$$typeof === REACT_ELEMENT_TYPE
+  		      );
+  		    }
+  		    function escape(key) {
+  		      var escaperLookup = { "=": "=0", ":": "=2" };
+  		      return (
+  		        "$" +
+  		        key.replace(/[=:]/g, function (match) {
+  		          return escaperLookup[match];
+  		        })
+  		      );
+  		    }
+  		    function getElementKey(element, index) {
+  		      return "object" === typeof element &&
+  		        null !== element &&
+  		        null != element.key
+  		        ? (checkKeyStringCoercion(element.key), escape("" + element.key))
+  		        : index.toString(36);
+  		    }
+  		    function resolveThenable(thenable) {
+  		      switch (thenable.status) {
+  		        case "fulfilled":
+  		          return thenable.value;
+  		        case "rejected":
+  		          throw thenable.reason;
+  		        default:
+  		          switch (
+  		            ("string" === typeof thenable.status
+  		              ? thenable.then(noop, noop)
+  		              : ((thenable.status = "pending"),
+  		                thenable.then(
+  		                  function (fulfilledValue) {
+  		                    "pending" === thenable.status &&
+  		                      ((thenable.status = "fulfilled"),
+  		                      (thenable.value = fulfilledValue));
+  		                  },
+  		                  function (error) {
+  		                    "pending" === thenable.status &&
+  		                      ((thenable.status = "rejected"),
+  		                      (thenable.reason = error));
+  		                  }
+  		                )),
+  		            thenable.status)
+  		          ) {
+  		            case "fulfilled":
+  		              return thenable.value;
+  		            case "rejected":
+  		              throw thenable.reason;
+  		          }
+  		      }
+  		      throw thenable;
+  		    }
+  		    function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
+  		      var type = typeof children;
+  		      if ("undefined" === type || "boolean" === type) children = null;
+  		      var invokeCallback = false;
+  		      if (null === children) invokeCallback = true;
+  		      else
+  		        switch (type) {
+  		          case "bigint":
+  		          case "string":
+  		          case "number":
+  		            invokeCallback = true;
+  		            break;
+  		          case "object":
+  		            switch (children.$$typeof) {
+  		              case REACT_ELEMENT_TYPE:
+  		              case REACT_PORTAL_TYPE:
+  		                invokeCallback = true;
+  		                break;
+  		              case REACT_LAZY_TYPE:
+  		                return (
+  		                  (invokeCallback = children._init),
+  		                  mapIntoArray(
+  		                    invokeCallback(children._payload),
+  		                    array,
+  		                    escapedPrefix,
+  		                    nameSoFar,
+  		                    callback
+  		                  )
+  		                );
+  		            }
+  		        }
+  		      if (invokeCallback) {
+  		        invokeCallback = children;
+  		        callback = callback(invokeCallback);
+  		        var childKey =
+  		          "" === nameSoFar ? "." + getElementKey(invokeCallback, 0) : nameSoFar;
+  		        isArrayImpl(callback)
+  		          ? ((escapedPrefix = ""),
+  		            null != childKey &&
+  		              (escapedPrefix =
+  		                childKey.replace(userProvidedKeyEscapeRegex, "$&/") + "/"),
+  		            mapIntoArray(callback, array, escapedPrefix, "", function (c) {
+  		              return c;
+  		            }))
+  		          : null != callback &&
+  		            (isValidElement(callback) &&
+  		              (null != callback.key &&
+  		                ((invokeCallback && invokeCallback.key === callback.key) ||
+  		                  checkKeyStringCoercion(callback.key)),
+  		              (escapedPrefix = cloneAndReplaceKey(
+  		                callback,
+  		                escapedPrefix +
+  		                  (null == callback.key ||
+  		                  (invokeCallback && invokeCallback.key === callback.key)
+  		                    ? ""
+  		                    : ("" + callback.key).replace(
+  		                        userProvidedKeyEscapeRegex,
+  		                        "$&/"
+  		                      ) + "/") +
+  		                  childKey
+  		              )),
+  		              "" !== nameSoFar &&
+  		                null != invokeCallback &&
+  		                isValidElement(invokeCallback) &&
+  		                null == invokeCallback.key &&
+  		                invokeCallback._store &&
+  		                !invokeCallback._store.validated &&
+  		                (escapedPrefix._store.validated = 2),
+  		              (callback = escapedPrefix)),
+  		            array.push(callback));
+  		        return 1;
+  		      }
+  		      invokeCallback = 0;
+  		      childKey = "" === nameSoFar ? "." : nameSoFar + ":";
+  		      if (isArrayImpl(children))
+  		        for (var i = 0; i < children.length; i++)
+  		          (nameSoFar = children[i]),
+  		            (type = childKey + getElementKey(nameSoFar, i)),
+  		            (invokeCallback += mapIntoArray(
+  		              nameSoFar,
+  		              array,
+  		              escapedPrefix,
+  		              type,
+  		              callback
+  		            ));
+  		      else if (((i = getIteratorFn(children)), "function" === typeof i))
+  		        for (
+  		          i === children.entries &&
+  		            (didWarnAboutMaps ||
+  		              console.warn(
+  		                "Using Maps as children is not supported. Use an array of keyed ReactElements instead."
+  		              ),
+  		            (didWarnAboutMaps = true)),
+  		            children = i.call(children),
+  		            i = 0;
+  		          !(nameSoFar = children.next()).done;
+
+  		        )
+  		          (nameSoFar = nameSoFar.value),
+  		            (type = childKey + getElementKey(nameSoFar, i++)),
+  		            (invokeCallback += mapIntoArray(
+  		              nameSoFar,
+  		              array,
+  		              escapedPrefix,
+  		              type,
+  		              callback
+  		            ));
+  		      else if ("object" === type) {
+  		        if ("function" === typeof children.then)
+  		          return mapIntoArray(
+  		            resolveThenable(children),
+  		            array,
+  		            escapedPrefix,
+  		            nameSoFar,
+  		            callback
+  		          );
+  		        array = String(children);
+  		        throw Error(
+  		          "Objects are not valid as a React child (found: " +
+  		            ("[object Object]" === array
+  		              ? "object with keys {" + Object.keys(children).join(", ") + "}"
+  		              : array) +
+  		            "). If you meant to render a collection of children, use an array instead."
+  		        );
+  		      }
+  		      return invokeCallback;
+  		    }
+  		    function mapChildren(children, func, context) {
+  		      if (null == children) return children;
+  		      var result = [],
+  		        count = 0;
+  		      mapIntoArray(children, result, "", "", function (child) {
+  		        return func.call(context, child, count++);
+  		      });
+  		      return result;
+  		    }
+  		    function lazyInitializer(payload) {
+  		      if (-1 === payload._status) {
+  		        var ioInfo = payload._ioInfo;
+  		        null != ioInfo && (ioInfo.start = ioInfo.end = performance.now());
+  		        ioInfo = payload._result;
+  		        var thenable = ioInfo();
+  		        thenable.then(
+  		          function (moduleObject) {
+  		            if (0 === payload._status || -1 === payload._status) {
+  		              payload._status = 1;
+  		              payload._result = moduleObject;
+  		              var _ioInfo = payload._ioInfo;
+  		              null != _ioInfo && (_ioInfo.end = performance.now());
+  		              void 0 === thenable.status &&
+  		                ((thenable.status = "fulfilled"),
+  		                (thenable.value = moduleObject));
+  		            }
+  		          },
+  		          function (error) {
+  		            if (0 === payload._status || -1 === payload._status) {
+  		              payload._status = 2;
+  		              payload._result = error;
+  		              var _ioInfo2 = payload._ioInfo;
+  		              null != _ioInfo2 && (_ioInfo2.end = performance.now());
+  		              void 0 === thenable.status &&
+  		                ((thenable.status = "rejected"), (thenable.reason = error));
+  		            }
+  		          }
+  		        );
+  		        ioInfo = payload._ioInfo;
+  		        if (null != ioInfo) {
+  		          ioInfo.value = thenable;
+  		          var displayName = thenable.displayName;
+  		          "string" === typeof displayName && (ioInfo.name = displayName);
+  		        }
+  		        -1 === payload._status &&
+  		          ((payload._status = 0), (payload._result = thenable));
+  		      }
+  		      if (1 === payload._status)
+  		        return (
+  		          (ioInfo = payload._result),
+  		          void 0 === ioInfo &&
+  		            console.error(
+  		              "lazy: Expected the result of a dynamic import() call. Instead received: %s\n\nYour code should look like: \n  const MyComponent = lazy(() => import('./MyComponent'))\n\nDid you accidentally put curly braces around the import?",
+  		              ioInfo
+  		            ),
+  		          "default" in ioInfo ||
+  		            console.error(
+  		              "lazy: Expected the result of a dynamic import() call. Instead received: %s\n\nYour code should look like: \n  const MyComponent = lazy(() => import('./MyComponent'))",
+  		              ioInfo
+  		            ),
+  		          ioInfo.default
+  		        );
+  		      throw payload._result;
+  		    }
+  		    function resolveDispatcher() {
+  		      var dispatcher = ReactSharedInternals.H;
+  		      null === dispatcher &&
+  		        console.error(
+  		          "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."
+  		        );
+  		      return dispatcher;
+  		    }
+  		    function releaseAsyncTransition() {
+  		      ReactSharedInternals.asyncTransitions--;
+  		    }
+  		    function enqueueTask(task) {
+  		      if (null === enqueueTaskImpl)
+  		        try {
+  		          var requireString = ("require" + Math.random()).slice(0, 7);
+  		          enqueueTaskImpl = (module && module[requireString]).call(
+  		            module,
+  		            "timers"
+  		          ).setImmediate;
+  		        } catch (_err) {
+  		          enqueueTaskImpl = function (callback) {
+  		            false === didWarnAboutMessageChannel &&
+  		              ((didWarnAboutMessageChannel = true),
+  		              "undefined" === typeof MessageChannel &&
+  		                console.error(
+  		                  "This browser does not have a MessageChannel implementation, so enqueuing tasks via await act(async () => ...) will fail. Please file an issue at https://github.com/facebook/react/issues if you encounter this warning."
+  		                ));
+  		            var channel = new MessageChannel();
+  		            channel.port1.onmessage = callback;
+  		            channel.port2.postMessage(void 0);
+  		          };
+  		        }
+  		      return enqueueTaskImpl(task);
+  		    }
+  		    function aggregateErrors(errors) {
+  		      return 1 < errors.length && "function" === typeof AggregateError
+  		        ? new AggregateError(errors)
+  		        : errors[0];
+  		    }
+  		    function popActScope(prevActQueue, prevActScopeDepth) {
+  		      prevActScopeDepth !== actScopeDepth - 1 &&
+  		        console.error(
+  		          "You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. "
+  		        );
+  		      actScopeDepth = prevActScopeDepth;
+  		    }
+  		    function recursivelyFlushAsyncActWork(returnValue, resolve, reject) {
+  		      var queue = ReactSharedInternals.actQueue;
+  		      if (null !== queue)
+  		        if (0 !== queue.length)
+  		          try {
+  		            flushActQueue(queue);
+  		            enqueueTask(function () {
+  		              return recursivelyFlushAsyncActWork(returnValue, resolve, reject);
+  		            });
+  		            return;
+  		          } catch (error) {
+  		            ReactSharedInternals.thrownErrors.push(error);
+  		          }
+  		        else ReactSharedInternals.actQueue = null;
+  		      0 < ReactSharedInternals.thrownErrors.length
+  		        ? ((queue = aggregateErrors(ReactSharedInternals.thrownErrors)),
+  		          (ReactSharedInternals.thrownErrors.length = 0),
+  		          reject(queue))
+  		        : resolve(returnValue);
+  		    }
+  		    function flushActQueue(queue) {
+  		      if (!isFlushing) {
+  		        isFlushing = true;
+  		        var i = 0;
+  		        try {
+  		          for (; i < queue.length; i++) {
+  		            var callback = queue[i];
+  		            do {
+  		              ReactSharedInternals.didUsePromise = !1;
+  		              var continuation = callback(!1);
+  		              if (null !== continuation) {
+  		                if (ReactSharedInternals.didUsePromise) {
+  		                  queue[i] = callback;
+  		                  queue.splice(0, i);
+  		                  return;
+  		                }
+  		                callback = continuation;
+  		              } else break;
+  		            } while (1);
+  		          }
+  		          queue.length = 0;
+  		        } catch (error) {
+  		          queue.splice(0, i + 1), ReactSharedInternals.thrownErrors.push(error);
+  		        } finally {
+  		          isFlushing = false;
+  		        }
+  		      }
+  		    }
+  		    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
+  		      "function" ===
+  		        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart &&
+  		      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+  		    var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
+  		      REACT_PORTAL_TYPE = Symbol.for("react.portal"),
+  		      REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
+  		      REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
+  		      REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
+  		      REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
+  		      REACT_CONTEXT_TYPE = Symbol.for("react.context"),
+  		      REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
+  		      REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
+  		      REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
+  		      REACT_MEMO_TYPE = Symbol.for("react.memo"),
+  		      REACT_LAZY_TYPE = Symbol.for("react.lazy"),
+  		      REACT_ACTIVITY_TYPE = Symbol.for("react.activity"),
+  		      MAYBE_ITERATOR_SYMBOL = Symbol.iterator,
+  		      didWarnStateUpdateForUnmountedComponent = {},
+  		      ReactNoopUpdateQueue = {
+  		        isMounted: function () {
+  		          return false;
+  		        },
+  		        enqueueForceUpdate: function (publicInstance) {
+  		          warnNoop(publicInstance, "forceUpdate");
+  		        },
+  		        enqueueReplaceState: function (publicInstance) {
+  		          warnNoop(publicInstance, "replaceState");
+  		        },
+  		        enqueueSetState: function (publicInstance) {
+  		          warnNoop(publicInstance, "setState");
+  		        }
+  		      },
+  		      assign = Object.assign,
+  		      emptyObject = {};
+  		    Object.freeze(emptyObject);
+  		    Component.prototype.isReactComponent = {};
+  		    Component.prototype.setState = function (partialState, callback) {
+  		      if (
+  		        "object" !== typeof partialState &&
+  		        "function" !== typeof partialState &&
+  		        null != partialState
+  		      )
+  		        throw Error(
+  		          "takes an object of state variables to update or a function which returns an object of state variables."
+  		        );
+  		      this.updater.enqueueSetState(this, partialState, callback, "setState");
+  		    };
+  		    Component.prototype.forceUpdate = function (callback) {
+  		      this.updater.enqueueForceUpdate(this, callback, "forceUpdate");
+  		    };
+  		    var deprecatedAPIs = {
+  		      isMounted: [
+  		        "isMounted",
+  		        "Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."
+  		      ],
+  		      replaceState: [
+  		        "replaceState",
+  		        "Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."
+  		      ]
+  		    };
+  		    for (fnName in deprecatedAPIs)
+  		      deprecatedAPIs.hasOwnProperty(fnName) &&
+  		        defineDeprecationWarning(fnName, deprecatedAPIs[fnName]);
+  		    ComponentDummy.prototype = Component.prototype;
+  		    deprecatedAPIs = PureComponent.prototype = new ComponentDummy();
+  		    deprecatedAPIs.constructor = PureComponent;
+  		    assign(deprecatedAPIs, Component.prototype);
+  		    deprecatedAPIs.isPureReactComponent = true;
+  		    var isArrayImpl = Array.isArray,
+  		      REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
+  		      ReactSharedInternals = {
+  		        H: null,
+  		        A: null,
+  		        T: null,
+  		        S: null,
+  		        actQueue: null,
+  		        asyncTransitions: 0,
+  		        isBatchingLegacy: false,
+  		        didScheduleLegacyUpdate: false,
+  		        didUsePromise: false,
+  		        thrownErrors: [],
+  		        getCurrentStack: null,
+  		        recentlyCreatedOwnerStacks: 0
+  		      },
+  		      hasOwnProperty = Object.prototype.hasOwnProperty,
+  		      createTask = console.createTask
+  		        ? console.createTask
+  		        : function () {
+  		            return null;
+  		          };
+  		    deprecatedAPIs = {
+  		      react_stack_bottom_frame: function (callStackForError) {
+  		        return callStackForError();
+  		      }
+  		    };
+  		    var specialPropKeyWarningShown, didWarnAboutOldJSXRuntime;
+  		    var didWarnAboutElementRef = {};
+  		    var unknownOwnerDebugStack = deprecatedAPIs.react_stack_bottom_frame.bind(
+  		      deprecatedAPIs,
+  		      UnknownOwner
+  		    )();
+  		    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
+  		    var didWarnAboutMaps = false,
+  		      userProvidedKeyEscapeRegex = /\/+/g,
+  		      reportGlobalError =
+  		        "function" === typeof reportError
+  		          ? reportError
+  		          : function (error) {
+  		              if (
+  		                "object" === typeof window &&
+  		                "function" === typeof window.ErrorEvent
+  		              ) {
+  		                var event = new window.ErrorEvent("error", {
+  		                  bubbles: true,
+  		                  cancelable: true,
+  		                  message:
+  		                    "object" === typeof error &&
+  		                    null !== error &&
+  		                    "string" === typeof error.message
+  		                      ? String(error.message)
+  		                      : String(error),
+  		                  error: error
+  		                });
+  		                if (!window.dispatchEvent(event)) return;
+  		              } else if (
+  		                "object" === typeof process &&
+  		                "function" === typeof process.emit
+  		              ) {
+  		                process.emit("uncaughtException", error);
+  		                return;
+  		              }
+  		              console.error(error);
+  		            },
+  		      didWarnAboutMessageChannel = false,
+  		      enqueueTaskImpl = null,
+  		      actScopeDepth = 0,
+  		      didWarnNoAwaitAct = false,
+  		      isFlushing = false,
+  		      queueSeveralMicrotasks =
+  		        "function" === typeof queueMicrotask
+  		          ? function (callback) {
+  		              queueMicrotask(function () {
+  		                return queueMicrotask(callback);
+  		              });
+  		            }
+  		          : enqueueTask;
+  		    deprecatedAPIs = Object.freeze({
+  		      __proto__: null,
+  		      c: function (size) {
+  		        return resolveDispatcher().useMemoCache(size);
+  		      }
+  		    });
+  		    var fnName = {
+  		      map: mapChildren,
+  		      forEach: function (children, forEachFunc, forEachContext) {
+  		        mapChildren(
+  		          children,
+  		          function () {
+  		            forEachFunc.apply(this, arguments);
+  		          },
+  		          forEachContext
+  		        );
+  		      },
+  		      count: function (children) {
+  		        var n = 0;
+  		        mapChildren(children, function () {
+  		          n++;
+  		        });
+  		        return n;
+  		      },
+  		      toArray: function (children) {
+  		        return (
+  		          mapChildren(children, function (child) {
+  		            return child;
+  		          }) || []
+  		        );
+  		      },
+  		      only: function (children) {
+  		        if (!isValidElement(children))
+  		          throw Error(
+  		            "React.Children.only expected to receive a single React element child."
+  		          );
+  		        return children;
+  		      }
+  		    };
+  		    exports$1.Activity = REACT_ACTIVITY_TYPE;
+  		    exports$1.Children = fnName;
+  		    exports$1.Component = Component;
+  		    exports$1.Fragment = REACT_FRAGMENT_TYPE;
+  		    exports$1.Profiler = REACT_PROFILER_TYPE;
+  		    exports$1.PureComponent = PureComponent;
+  		    exports$1.StrictMode = REACT_STRICT_MODE_TYPE;
+  		    exports$1.Suspense = REACT_SUSPENSE_TYPE;
+  		    exports$1.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
+  		      ReactSharedInternals;
+  		    exports$1.__COMPILER_RUNTIME = deprecatedAPIs;
+  		    exports$1.act = function (callback) {
+  		      var prevActQueue = ReactSharedInternals.actQueue,
+  		        prevActScopeDepth = actScopeDepth;
+  		      actScopeDepth++;
+  		      var queue = (ReactSharedInternals.actQueue =
+  		          null !== prevActQueue ? prevActQueue : []),
+  		        didAwaitActCall = false;
+  		      try {
+  		        var result = callback();
+  		      } catch (error) {
+  		        ReactSharedInternals.thrownErrors.push(error);
+  		      }
+  		      if (0 < ReactSharedInternals.thrownErrors.length)
+  		        throw (
+  		          (popActScope(prevActQueue, prevActScopeDepth),
+  		          (callback = aggregateErrors(ReactSharedInternals.thrownErrors)),
+  		          (ReactSharedInternals.thrownErrors.length = 0),
+  		          callback)
+  		        );
+  		      if (
+  		        null !== result &&
+  		        "object" === typeof result &&
+  		        "function" === typeof result.then
+  		      ) {
+  		        var thenable = result;
+  		        queueSeveralMicrotasks(function () {
+  		          didAwaitActCall ||
+  		            didWarnNoAwaitAct ||
+  		            ((didWarnNoAwaitAct = true),
+  		            console.error(
+  		              "You called act(async () => ...) without await. This could lead to unexpected testing behaviour, interleaving multiple act calls and mixing their scopes. You should - await act(async () => ...);"
+  		            ));
+  		        });
+  		        return {
+  		          then: function (resolve, reject) {
+  		            didAwaitActCall = true;
+  		            thenable.then(
+  		              function (returnValue) {
+  		                popActScope(prevActQueue, prevActScopeDepth);
+  		                if (0 === prevActScopeDepth) {
+  		                  try {
+  		                    flushActQueue(queue),
+  		                      enqueueTask(function () {
+  		                        return recursivelyFlushAsyncActWork(
+  		                          returnValue,
+  		                          resolve,
+  		                          reject
+  		                        );
+  		                      });
+  		                  } catch (error$0) {
+  		                    ReactSharedInternals.thrownErrors.push(error$0);
+  		                  }
+  		                  if (0 < ReactSharedInternals.thrownErrors.length) {
+  		                    var _thrownError = aggregateErrors(
+  		                      ReactSharedInternals.thrownErrors
+  		                    );
+  		                    ReactSharedInternals.thrownErrors.length = 0;
+  		                    reject(_thrownError);
+  		                  }
+  		                } else resolve(returnValue);
+  		              },
+  		              function (error) {
+  		                popActScope(prevActQueue, prevActScopeDepth);
+  		                0 < ReactSharedInternals.thrownErrors.length
+  		                  ? ((error = aggregateErrors(
+  		                      ReactSharedInternals.thrownErrors
+  		                    )),
+  		                    (ReactSharedInternals.thrownErrors.length = 0),
+  		                    reject(error))
+  		                  : reject(error);
+  		              }
+  		            );
+  		          }
+  		        };
+  		      }
+  		      var returnValue$jscomp$0 = result;
+  		      popActScope(prevActQueue, prevActScopeDepth);
+  		      0 === prevActScopeDepth &&
+  		        (flushActQueue(queue),
+  		        0 !== queue.length &&
+  		          queueSeveralMicrotasks(function () {
+  		            didAwaitActCall ||
+  		              didWarnNoAwaitAct ||
+  		              ((didWarnNoAwaitAct = true),
+  		              console.error(
+  		                "A component suspended inside an `act` scope, but the `act` call was not awaited. When testing React components that depend on asynchronous data, you must await the result:\n\nawait act(() => ...)"
+  		              ));
+  		          }),
+  		        (ReactSharedInternals.actQueue = null));
+  		      if (0 < ReactSharedInternals.thrownErrors.length)
+  		        throw (
+  		          ((callback = aggregateErrors(ReactSharedInternals.thrownErrors)),
+  		          (ReactSharedInternals.thrownErrors.length = 0),
+  		          callback)
+  		        );
+  		      return {
+  		        then: function (resolve, reject) {
+  		          didAwaitActCall = true;
+  		          0 === prevActScopeDepth
+  		            ? ((ReactSharedInternals.actQueue = queue),
+  		              enqueueTask(function () {
+  		                return recursivelyFlushAsyncActWork(
+  		                  returnValue$jscomp$0,
+  		                  resolve,
+  		                  reject
+  		                );
+  		              }))
+  		            : resolve(returnValue$jscomp$0);
+  		        }
+  		      };
+  		    };
+  		    exports$1.cache = function (fn) {
+  		      return function () {
+  		        return fn.apply(null, arguments);
+  		      };
+  		    };
+  		    exports$1.cacheSignal = function () {
+  		      return null;
+  		    };
+  		    exports$1.captureOwnerStack = function () {
+  		      var getCurrentStack = ReactSharedInternals.getCurrentStack;
+  		      return null === getCurrentStack ? null : getCurrentStack();
+  		    };
+  		    exports$1.cloneElement = function (element, config, children) {
+  		      if (null === element || void 0 === element)
+  		        throw Error(
+  		          "The argument must be a React element, but you passed " +
+  		            element +
+  		            "."
+  		        );
+  		      var props = assign({}, element.props),
+  		        key = element.key,
+  		        owner = element._owner;
+  		      if (null != config) {
+  		        var JSCompiler_inline_result;
+  		        a: {
+  		          if (
+  		            hasOwnProperty.call(config, "ref") &&
+  		            (JSCompiler_inline_result = Object.getOwnPropertyDescriptor(
+  		              config,
+  		              "ref"
+  		            ).get) &&
+  		            JSCompiler_inline_result.isReactWarning
+  		          ) {
+  		            JSCompiler_inline_result = false;
+  		            break a;
+  		          }
+  		          JSCompiler_inline_result = void 0 !== config.ref;
+  		        }
+  		        JSCompiler_inline_result && (owner = getOwner());
+  		        hasValidKey(config) &&
+  		          (checkKeyStringCoercion(config.key), (key = "" + config.key));
+  		        for (propName in config)
+  		          !hasOwnProperty.call(config, propName) ||
+  		            "key" === propName ||
+  		            "__self" === propName ||
+  		            "__source" === propName ||
+  		            ("ref" === propName && void 0 === config.ref) ||
+  		            (props[propName] = config[propName]);
+  		      }
+  		      var propName = arguments.length - 2;
+  		      if (1 === propName) props.children = children;
+  		      else if (1 < propName) {
+  		        JSCompiler_inline_result = Array(propName);
+  		        for (var i = 0; i < propName; i++)
+  		          JSCompiler_inline_result[i] = arguments[i + 2];
+  		        props.children = JSCompiler_inline_result;
+  		      }
+  		      props = ReactElement(
+  		        element.type,
+  		        key,
+  		        props,
+  		        owner,
+  		        element._debugStack,
+  		        element._debugTask
+  		      );
+  		      for (key = 2; key < arguments.length; key++)
+  		        validateChildKeys(arguments[key]);
+  		      return props;
+  		    };
+  		    exports$1.createContext = function (defaultValue) {
+  		      defaultValue = {
+  		        $$typeof: REACT_CONTEXT_TYPE,
+  		        _currentValue: defaultValue,
+  		        _currentValue2: defaultValue,
+  		        _threadCount: 0,
+  		        Provider: null,
+  		        Consumer: null
+  		      };
+  		      defaultValue.Provider = defaultValue;
+  		      defaultValue.Consumer = {
+  		        $$typeof: REACT_CONSUMER_TYPE,
+  		        _context: defaultValue
+  		      };
+  		      defaultValue._currentRenderer = null;
+  		      defaultValue._currentRenderer2 = null;
+  		      return defaultValue;
+  		    };
+  		    exports$1.createElement = function (type, config, children) {
+  		      for (var i = 2; i < arguments.length; i++)
+  		        validateChildKeys(arguments[i]);
+  		      i = {};
+  		      var key = null;
+  		      if (null != config)
+  		        for (propName in (didWarnAboutOldJSXRuntime ||
+  		          !("__self" in config) ||
+  		          "key" in config ||
+  		          ((didWarnAboutOldJSXRuntime = true),
+  		          console.warn(
+  		            "Your app (or one of its dependencies) is using an outdated JSX transform. Update to the modern JSX transform for faster performance: https://react.dev/link/new-jsx-transform"
+  		          )),
+  		        hasValidKey(config) &&
+  		          (checkKeyStringCoercion(config.key), (key = "" + config.key)),
+  		        config))
+  		          hasOwnProperty.call(config, propName) &&
+  		            "key" !== propName &&
+  		            "__self" !== propName &&
+  		            "__source" !== propName &&
+  		            (i[propName] = config[propName]);
+  		      var childrenLength = arguments.length - 2;
+  		      if (1 === childrenLength) i.children = children;
+  		      else if (1 < childrenLength) {
+  		        for (
+  		          var childArray = Array(childrenLength), _i = 0;
+  		          _i < childrenLength;
+  		          _i++
+  		        )
+  		          childArray[_i] = arguments[_i + 2];
+  		        Object.freeze && Object.freeze(childArray);
+  		        i.children = childArray;
+  		      }
+  		      if (type && type.defaultProps)
+  		        for (propName in ((childrenLength = type.defaultProps), childrenLength))
+  		          void 0 === i[propName] && (i[propName] = childrenLength[propName]);
+  		      key &&
+  		        defineKeyPropWarningGetter(
+  		          i,
+  		          "function" === typeof type
+  		            ? type.displayName || type.name || "Unknown"
+  		            : type
+  		        );
+  		      var propName = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
+  		      return ReactElement(
+  		        type,
+  		        key,
+  		        i,
+  		        getOwner(),
+  		        propName ? Error("react-stack-top-frame") : unknownOwnerDebugStack,
+  		        propName ? createTask(getTaskName(type)) : unknownOwnerDebugTask
+  		      );
+  		    };
+  		    exports$1.createRef = function () {
+  		      var refObject = { current: null };
+  		      Object.seal(refObject);
+  		      return refObject;
+  		    };
+  		    exports$1.forwardRef = function (render) {
+  		      null != render && render.$$typeof === REACT_MEMO_TYPE
+  		        ? console.error(
+  		            "forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."
+  		          )
+  		        : "function" !== typeof render
+  		          ? console.error(
+  		              "forwardRef requires a render function but was given %s.",
+  		              null === render ? "null" : typeof render
+  		            )
+  		          : 0 !== render.length &&
+  		            2 !== render.length &&
+  		            console.error(
+  		              "forwardRef render functions accept exactly two parameters: props and ref. %s",
+  		              1 === render.length
+  		                ? "Did you forget to use the ref parameter?"
+  		                : "Any additional parameter will be undefined."
+  		            );
+  		      null != render &&
+  		        null != render.defaultProps &&
+  		        console.error(
+  		          "forwardRef render functions do not support defaultProps. Did you accidentally pass a React component?"
+  		        );
+  		      var elementType = { $$typeof: REACT_FORWARD_REF_TYPE, render: render },
+  		        ownName;
+  		      Object.defineProperty(elementType, "displayName", {
+  		        enumerable: false,
+  		        configurable: true,
+  		        get: function () {
+  		          return ownName;
+  		        },
+  		        set: function (name) {
+  		          ownName = name;
+  		          render.name ||
+  		            render.displayName ||
+  		            (Object.defineProperty(render, "name", { value: name }),
+  		            (render.displayName = name));
+  		        }
+  		      });
+  		      return elementType;
+  		    };
+  		    exports$1.isValidElement = isValidElement;
+  		    exports$1.lazy = function (ctor) {
+  		      ctor = { _status: -1, _result: ctor };
+  		      var lazyType = {
+  		          $$typeof: REACT_LAZY_TYPE,
+  		          _payload: ctor,
+  		          _init: lazyInitializer
+  		        },
+  		        ioInfo = {
+  		          name: "lazy",
+  		          start: -1,
+  		          end: -1,
+  		          value: null,
+  		          owner: null,
+  		          debugStack: Error("react-stack-top-frame"),
+  		          debugTask: console.createTask ? console.createTask("lazy()") : null
+  		        };
+  		      ctor._ioInfo = ioInfo;
+  		      lazyType._debugInfo = [{ awaited: ioInfo }];
+  		      return lazyType;
+  		    };
+  		    exports$1.memo = function (type, compare) {
+  		      null == type &&
+  		        console.error(
+  		          "memo: The first argument must be a component. Instead received: %s",
+  		          null === type ? "null" : typeof type
+  		        );
+  		      compare = {
+  		        $$typeof: REACT_MEMO_TYPE,
+  		        type: type,
+  		        compare: void 0 === compare ? null : compare
+  		      };
+  		      var ownName;
+  		      Object.defineProperty(compare, "displayName", {
+  		        enumerable: false,
+  		        configurable: true,
+  		        get: function () {
+  		          return ownName;
+  		        },
+  		        set: function (name) {
+  		          ownName = name;
+  		          type.name ||
+  		            type.displayName ||
+  		            (Object.defineProperty(type, "name", { value: name }),
+  		            (type.displayName = name));
+  		        }
+  		      });
+  		      return compare;
+  		    };
+  		    exports$1.startTransition = function (scope) {
+  		      var prevTransition = ReactSharedInternals.T,
+  		        currentTransition = {};
+  		      currentTransition._updatedFibers = new Set();
+  		      ReactSharedInternals.T = currentTransition;
+  		      try {
+  		        var returnValue = scope(),
+  		          onStartTransitionFinish = ReactSharedInternals.S;
+  		        null !== onStartTransitionFinish &&
+  		          onStartTransitionFinish(currentTransition, returnValue);
+  		        "object" === typeof returnValue &&
+  		          null !== returnValue &&
+  		          "function" === typeof returnValue.then &&
+  		          (ReactSharedInternals.asyncTransitions++,
+  		          returnValue.then(releaseAsyncTransition, releaseAsyncTransition),
+  		          returnValue.then(noop, reportGlobalError));
+  		      } catch (error) {
+  		        reportGlobalError(error);
+  		      } finally {
+  		        null === prevTransition &&
+  		          currentTransition._updatedFibers &&
+  		          ((scope = currentTransition._updatedFibers.size),
+  		          currentTransition._updatedFibers.clear(),
+  		          10 < scope &&
+  		            console.warn(
+  		              "Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."
+  		            )),
+  		          null !== prevTransition &&
+  		            null !== currentTransition.types &&
+  		            (null !== prevTransition.types &&
+  		              prevTransition.types !== currentTransition.types &&
+  		              console.error(
+  		                "We expected inner Transitions to have transferred the outer types set and that you cannot add to the outer Transition while inside the inner.This is a bug in React."
+  		              ),
+  		            (prevTransition.types = currentTransition.types)),
+  		          (ReactSharedInternals.T = prevTransition);
+  		      }
+  		    };
+  		    exports$1.unstable_useCacheRefresh = function () {
+  		      return resolveDispatcher().useCacheRefresh();
+  		    };
+  		    exports$1.use = function (usable) {
+  		      return resolveDispatcher().use(usable);
+  		    };
+  		    exports$1.useActionState = function (action, initialState, permalink) {
+  		      return resolveDispatcher().useActionState(
+  		        action,
+  		        initialState,
+  		        permalink
+  		      );
+  		    };
+  		    exports$1.useCallback = function (callback, deps) {
+  		      return resolveDispatcher().useCallback(callback, deps);
+  		    };
+  		    exports$1.useContext = function (Context) {
+  		      var dispatcher = resolveDispatcher();
+  		      Context.$$typeof === REACT_CONSUMER_TYPE &&
+  		        console.error(
+  		          "Calling useContext(Context.Consumer) is not supported and will cause bugs. Did you mean to call useContext(Context) instead?"
+  		        );
+  		      return dispatcher.useContext(Context);
+  		    };
+  		    exports$1.useDebugValue = function (value, formatterFn) {
+  		      return resolveDispatcher().useDebugValue(value, formatterFn);
+  		    };
+  		    exports$1.useDeferredValue = function (value, initialValue) {
+  		      return resolveDispatcher().useDeferredValue(value, initialValue);
+  		    };
+  		    exports$1.useEffect = function (create, deps) {
+  		      null == create &&
+  		        console.warn(
+  		          "React Hook useEffect requires an effect callback. Did you forget to pass a callback to the hook?"
+  		        );
+  		      return resolveDispatcher().useEffect(create, deps);
+  		    };
+  		    exports$1.useEffectEvent = function (callback) {
+  		      return resolveDispatcher().useEffectEvent(callback);
+  		    };
+  		    exports$1.useId = function () {
+  		      return resolveDispatcher().useId();
+  		    };
+  		    exports$1.useImperativeHandle = function (ref, create, deps) {
+  		      return resolveDispatcher().useImperativeHandle(ref, create, deps);
+  		    };
+  		    exports$1.useInsertionEffect = function (create, deps) {
+  		      null == create &&
+  		        console.warn(
+  		          "React Hook useInsertionEffect requires an effect callback. Did you forget to pass a callback to the hook?"
+  		        );
+  		      return resolveDispatcher().useInsertionEffect(create, deps);
+  		    };
+  		    exports$1.useLayoutEffect = function (create, deps) {
+  		      null == create &&
+  		        console.warn(
+  		          "React Hook useLayoutEffect requires an effect callback. Did you forget to pass a callback to the hook?"
+  		        );
+  		      return resolveDispatcher().useLayoutEffect(create, deps);
+  		    };
+  		    exports$1.useMemo = function (create, deps) {
+  		      return resolveDispatcher().useMemo(create, deps);
+  		    };
+  		    exports$1.useOptimistic = function (passthrough, reducer) {
+  		      return resolveDispatcher().useOptimistic(passthrough, reducer);
+  		    };
+  		    exports$1.useReducer = function (reducer, initialArg, init) {
+  		      return resolveDispatcher().useReducer(reducer, initialArg, init);
+  		    };
+  		    exports$1.useRef = function (initialValue) {
+  		      return resolveDispatcher().useRef(initialValue);
+  		    };
+  		    exports$1.useState = function (initialState) {
+  		      return resolveDispatcher().useState(initialState);
+  		    };
+  		    exports$1.useSyncExternalStore = function (
+  		      subscribe,
+  		      getSnapshot,
+  		      getServerSnapshot
+  		    ) {
+  		      return resolveDispatcher().useSyncExternalStore(
+  		        subscribe,
+  		        getSnapshot,
+  		        getServerSnapshot
+  		      );
+  		    };
+  		    exports$1.useTransition = function () {
+  		      return resolveDispatcher().useTransition();
+  		    };
+  		    exports$1.version = "19.2.0";
+  		    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
+  		      "function" ===
+  		        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
+  		      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  		  })(); 
+  	} (react_development, react_development.exports));
+  	return react_development.exports;
+  }
+
+  var hasRequiredReact;
+
+  function requireReact () {
+  	if (hasRequiredReact) return react.exports;
+  	hasRequiredReact = 1;
+
+  	if (process.env.NODE_ENV === 'production') {
+  	  react.exports = requireReact_production();
+  	} else {
+  	  react.exports = requireReact_development();
+  	}
+  	return react.exports;
+  }
+
+  /**
+   * @license React
+   * react-jsx-runtime.development.js
+   *
+   * Copyright (c) Meta Platforms, Inc. and affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   */
+
+  var hasRequiredReactJsxRuntime_development;
+
+  function requireReactJsxRuntime_development () {
+  	if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
+  	hasRequiredReactJsxRuntime_development = 1;
+  	"production" !== process.env.NODE_ENV &&
+  	  (function () {
+  	    function getComponentNameFromType(type) {
+  	      if (null == type) return null;
+  	      if ("function" === typeof type)
+  	        return type.$$typeof === REACT_CLIENT_REFERENCE
+  	          ? null
+  	          : type.displayName || type.name || null;
+  	      if ("string" === typeof type) return type;
+  	      switch (type) {
+  	        case REACT_FRAGMENT_TYPE:
+  	          return "Fragment";
+  	        case REACT_PROFILER_TYPE:
+  	          return "Profiler";
+  	        case REACT_STRICT_MODE_TYPE:
+  	          return "StrictMode";
+  	        case REACT_SUSPENSE_TYPE:
+  	          return "Suspense";
+  	        case REACT_SUSPENSE_LIST_TYPE:
+  	          return "SuspenseList";
+  	        case REACT_ACTIVITY_TYPE:
+  	          return "Activity";
+  	      }
+  	      if ("object" === typeof type)
+  	        switch (
+  	          ("number" === typeof type.tag &&
+  	            console.error(
+  	              "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+  	            ),
+  	          type.$$typeof)
+  	        ) {
+  	          case REACT_PORTAL_TYPE:
+  	            return "Portal";
+  	          case REACT_CONTEXT_TYPE:
+  	            return type.displayName || "Context";
+  	          case REACT_CONSUMER_TYPE:
+  	            return (type._context.displayName || "Context") + ".Consumer";
+  	          case REACT_FORWARD_REF_TYPE:
+  	            var innerType = type.render;
+  	            type = type.displayName;
+  	            type ||
+  	              ((type = innerType.displayName || innerType.name || ""),
+  	              (type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef"));
+  	            return type;
+  	          case REACT_MEMO_TYPE:
+  	            return (
+  	              (innerType = type.displayName || null),
+  	              null !== innerType
+  	                ? innerType
+  	                : getComponentNameFromType(type.type) || "Memo"
+  	            );
+  	          case REACT_LAZY_TYPE:
+  	            innerType = type._payload;
+  	            type = type._init;
+  	            try {
+  	              return getComponentNameFromType(type(innerType));
+  	            } catch (x) {}
+  	        }
+  	      return null;
+  	    }
+  	    function testStringCoercion(value) {
+  	      return "" + value;
+  	    }
+  	    function checkKeyStringCoercion(value) {
+  	      try {
+  	        testStringCoercion(value);
+  	        var JSCompiler_inline_result = !1;
+  	      } catch (e) {
+  	        JSCompiler_inline_result = true;
+  	      }
+  	      if (JSCompiler_inline_result) {
+  	        JSCompiler_inline_result = console;
+  	        var JSCompiler_temp_const = JSCompiler_inline_result.error;
+  	        var JSCompiler_inline_result$jscomp$0 =
+  	          ("function" === typeof Symbol &&
+  	            Symbol.toStringTag &&
+  	            value[Symbol.toStringTag]) ||
+  	          value.constructor.name ||
+  	          "Object";
+  	        JSCompiler_temp_const.call(
+  	          JSCompiler_inline_result,
+  	          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+  	          JSCompiler_inline_result$jscomp$0
+  	        );
+  	        return testStringCoercion(value);
+  	      }
+  	    }
+  	    function getTaskName(type) {
+  	      if (type === REACT_FRAGMENT_TYPE) return "<>";
+  	      if (
+  	        "object" === typeof type &&
+  	        null !== type &&
+  	        type.$$typeof === REACT_LAZY_TYPE
+  	      )
+  	        return "<...>";
+  	      try {
+  	        var name = getComponentNameFromType(type);
+  	        return name ? "<" + name + ">" : "<...>";
+  	      } catch (x) {
+  	        return "<...>";
+  	      }
+  	    }
+  	    function getOwner() {
+  	      var dispatcher = ReactSharedInternals.A;
+  	      return null === dispatcher ? null : dispatcher.getOwner();
+  	    }
+  	    function UnknownOwner() {
+  	      return Error("react-stack-top-frame");
+  	    }
+  	    function hasValidKey(config) {
+  	      if (hasOwnProperty.call(config, "key")) {
+  	        var getter = Object.getOwnPropertyDescriptor(config, "key").get;
+  	        if (getter && getter.isReactWarning) return false;
+  	      }
+  	      return void 0 !== config.key;
+  	    }
+  	    function defineKeyPropWarningGetter(props, displayName) {
+  	      function warnAboutAccessingKey() {
+  	        specialPropKeyWarningShown ||
+  	          ((specialPropKeyWarningShown = true),
+  	          console.error(
+  	            "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+  	            displayName
+  	          ));
+  	      }
+  	      warnAboutAccessingKey.isReactWarning = true;
+  	      Object.defineProperty(props, "key", {
+  	        get: warnAboutAccessingKey,
+  	        configurable: true
+  	      });
+  	    }
+  	    function elementRefGetterWithDeprecationWarning() {
+  	      var componentName = getComponentNameFromType(this.type);
+  	      didWarnAboutElementRef[componentName] ||
+  	        ((didWarnAboutElementRef[componentName] = true),
+  	        console.error(
+  	          "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+  	        ));
+  	      componentName = this.props.ref;
+  	      return void 0 !== componentName ? componentName : null;
+  	    }
+  	    function ReactElement(type, key, props, owner, debugStack, debugTask) {
+  	      var refProp = props.ref;
+  	      type = {
+  	        $$typeof: REACT_ELEMENT_TYPE,
+  	        type: type,
+  	        key: key,
+  	        props: props,
+  	        _owner: owner
+  	      };
+  	      null !== (void 0 !== refProp ? refProp : null)
+  	        ? Object.defineProperty(type, "ref", {
+  	            enumerable: false,
+  	            get: elementRefGetterWithDeprecationWarning
+  	          })
+  	        : Object.defineProperty(type, "ref", { enumerable: false, value: null });
+  	      type._store = {};
+  	      Object.defineProperty(type._store, "validated", {
+  	        configurable: false,
+  	        enumerable: false,
+  	        writable: true,
+  	        value: 0
+  	      });
+  	      Object.defineProperty(type, "_debugInfo", {
+  	        configurable: false,
+  	        enumerable: false,
+  	        writable: true,
+  	        value: null
+  	      });
+  	      Object.defineProperty(type, "_debugStack", {
+  	        configurable: false,
+  	        enumerable: false,
+  	        writable: true,
+  	        value: debugStack
+  	      });
+  	      Object.defineProperty(type, "_debugTask", {
+  	        configurable: false,
+  	        enumerable: false,
+  	        writable: true,
+  	        value: debugTask
+  	      });
+  	      Object.freeze && (Object.freeze(type.props), Object.freeze(type));
+  	      return type;
+  	    }
+  	    function jsxDEVImpl(
+  	      type,
+  	      config,
+  	      maybeKey,
+  	      isStaticChildren,
+  	      debugStack,
+  	      debugTask
+  	    ) {
+  	      var children = config.children;
+  	      if (void 0 !== children)
+  	        if (isStaticChildren)
+  	          if (isArrayImpl(children)) {
+  	            for (
+  	              isStaticChildren = 0;
+  	              isStaticChildren < children.length;
+  	              isStaticChildren++
+  	            )
+  	              validateChildKeys(children[isStaticChildren]);
+  	            Object.freeze && Object.freeze(children);
+  	          } else
+  	            console.error(
+  	              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+  	            );
+  	        else validateChildKeys(children);
+  	      if (hasOwnProperty.call(config, "key")) {
+  	        children = getComponentNameFromType(type);
+  	        var keys = Object.keys(config).filter(function (k) {
+  	          return "key" !== k;
+  	        });
+  	        isStaticChildren =
+  	          0 < keys.length
+  	            ? "{key: someKey, " + keys.join(": ..., ") + ": ...}"
+  	            : "{key: someKey}";
+  	        didWarnAboutKeySpread[children + isStaticChildren] ||
+  	          ((keys =
+  	            0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}"),
+  	          console.error(
+  	            'A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',
+  	            isStaticChildren,
+  	            children,
+  	            keys,
+  	            children
+  	          ),
+  	          (didWarnAboutKeySpread[children + isStaticChildren] = true));
+  	      }
+  	      children = null;
+  	      void 0 !== maybeKey &&
+  	        (checkKeyStringCoercion(maybeKey), (children = "" + maybeKey));
+  	      hasValidKey(config) &&
+  	        (checkKeyStringCoercion(config.key), (children = "" + config.key));
+  	      if ("key" in config) {
+  	        maybeKey = {};
+  	        for (var propName in config)
+  	          "key" !== propName && (maybeKey[propName] = config[propName]);
+  	      } else maybeKey = config;
+  	      children &&
+  	        defineKeyPropWarningGetter(
+  	          maybeKey,
+  	          "function" === typeof type
+  	            ? type.displayName || type.name || "Unknown"
+  	            : type
+  	        );
+  	      return ReactElement(
+  	        type,
+  	        children,
+  	        maybeKey,
+  	        getOwner(),
+  	        debugStack,
+  	        debugTask
+  	      );
+  	    }
+  	    function validateChildKeys(node) {
+  	      isValidElement(node)
+  	        ? node._store && (node._store.validated = 1)
+  	        : "object" === typeof node &&
+  	          null !== node &&
+  	          node.$$typeof === REACT_LAZY_TYPE &&
+  	          ("fulfilled" === node._payload.status
+  	            ? isValidElement(node._payload.value) &&
+  	              node._payload.value._store &&
+  	              (node._payload.value._store.validated = 1)
+  	            : node._store && (node._store.validated = 1));
+  	    }
+  	    function isValidElement(object) {
+  	      return (
+  	        "object" === typeof object &&
+  	        null !== object &&
+  	        object.$$typeof === REACT_ELEMENT_TYPE
+  	      );
+  	    }
+  	    var React = requireReact(),
+  	      REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
+  	      REACT_PORTAL_TYPE = Symbol.for("react.portal"),
+  	      REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
+  	      REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
+  	      REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
+  	      REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
+  	      REACT_CONTEXT_TYPE = Symbol.for("react.context"),
+  	      REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
+  	      REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
+  	      REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
+  	      REACT_MEMO_TYPE = Symbol.for("react.memo"),
+  	      REACT_LAZY_TYPE = Symbol.for("react.lazy"),
+  	      REACT_ACTIVITY_TYPE = Symbol.for("react.activity"),
+  	      REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
+  	      ReactSharedInternals =
+  	        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
+  	      hasOwnProperty = Object.prototype.hasOwnProperty,
+  	      isArrayImpl = Array.isArray,
+  	      createTask = console.createTask
+  	        ? console.createTask
+  	        : function () {
+  	            return null;
+  	          };
+  	    React = {
+  	      react_stack_bottom_frame: function (callStackForError) {
+  	        return callStackForError();
+  	      }
+  	    };
+  	    var specialPropKeyWarningShown;
+  	    var didWarnAboutElementRef = {};
+  	    var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(
+  	      React,
+  	      UnknownOwner
+  	    )();
+  	    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
+  	    var didWarnAboutKeySpread = {};
+  	    reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
+  	    reactJsxRuntime_development.jsx = function (type, config, maybeKey) {
+  	      var trackActualOwner =
+  	        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
+  	      return jsxDEVImpl(
+  	        type,
+  	        config,
+  	        maybeKey,
+  	        false,
+  	        trackActualOwner
+  	          ? Error("react-stack-top-frame")
+  	          : unknownOwnerDebugStack,
+  	        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
+  	      );
+  	    };
+  	    reactJsxRuntime_development.jsxs = function (type, config, maybeKey) {
+  	      var trackActualOwner =
+  	        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
+  	      return jsxDEVImpl(
+  	        type,
+  	        config,
+  	        maybeKey,
+  	        true,
+  	        trackActualOwner
+  	          ? Error("react-stack-top-frame")
+  	          : unknownOwnerDebugStack,
+  	        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
+  	      );
+  	    };
+  	  })();
+  	return reactJsxRuntime_development;
+  }
+
+  var hasRequiredJsxRuntime;
+
+  function requireJsxRuntime () {
+  	if (hasRequiredJsxRuntime) return jsxRuntime.exports;
+  	hasRequiredJsxRuntime = 1;
+
+  	if (process.env.NODE_ENV === 'production') {
+  	  jsxRuntime.exports = requireReactJsxRuntime_production();
+  	} else {
+  	  jsxRuntime.exports = requireReactJsxRuntime_development();
+  	}
+  	return jsxRuntime.exports;
+  }
+
+  var jsxRuntimeExports = requireJsxRuntime();
+
+  const mapBloodGroupToApi = (uiBloodGroup) => {
+      const bloodGroupMap = {
+          "A+": "A_POSITIVE",
+          "A-": "A_NEGATIVE",
+          "B+": "B_POSITIVE",
+          "B-": "B_NEGATIVE",
+          "AB+": "AB_POSITIVE",
+          "AB-": "AB_NEGATIVE",
+          "O+": "O_POSITIVE",
+          "O-": "O_NEGATIVE",
+      };
+      return bloodGroupMap[uiBloodGroup];
+  };
+
+  var reactExports = requireReact();
+  var React = /*@__PURE__*/getDefaultExportFromCjs(reactExports);
+
+  const defaultTheme = {
+      name: "default",
+      colors: {
+          primary: "#27903F",
+          primaryHover: "#218838",
+          primaryActive: "#1e7835",
+          secondary: "#009b4d",
+          secondaryHover: "#008840",
+          accent: "#10b981",
+          accentHover: "#059669",
+          background: "#f6f8fa",
+          backgroundSecondary: "#f9fafb",
+          backgroundTertiary: "#fff",
+          surface: "#fff",
+          surfaceHover: "#f9fafb",
+          border: "#e5e7eb",
+          borderHover: "#d1d5db",
+          borderFocus: "#27903F",
+          text: "#111827",
+          textSecondary: "#374151",
+          textTertiary: "#4E8F50",
+          textDisabled: "#9ca3af",
+          textOnPrimary: "#fff",
+          textOnSecondary: "#fff",
+          success: "#4E8F50",
+          successBackground: "#ecfdf5",
+          successBorder: "#6ee7b7",
+          error: "#ef4444",
+          errorBackground: "#fee2e2",
+          errorBorder: "#fca5a5",
+          warning: "#f59e0b",
+          warningBackground: "#fef3c7",
+          warningBorder: "#fcd34d",
+          info: "#3b82f6",
+          infoBackground: "#dbeafe",
+          infoBorder: "#93c5fd",
+      },
+      typography: {
+          fontFamily: "'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+          fontFamilyHeading: "'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+          fontSizeXs: "12px",
+          fontSizeSm: "14px",
+          fontSizeMd: "16px",
+          fontSizeLg: "18px",
+          fontSizeXl: "20px",
+          fontSize2xl: "24px",
+          fontSize3xl: "30px",
+          fontWeightNormal: "400",
+          fontWeightMedium: "500",
+          fontWeightSemibold: "600",
+          fontWeightBold: "700",
+          lineHeightTight: "1.25",
+          lineHeightNormal: "1.5",
+          lineHeightRelaxed: "1.75",
+      },
+      spacing: {
+          xs: "4px",
+          sm: "8px",
+          md: "12px",
+          lg: "16px",
+          xl: "20px",
+          "2xl": "24px",
+          "3xl": "32px",
+          "4xl": "40px",
+      },
+      shadows: {
+          none: "none",
+          sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+          md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+          lg: "0 8px 24px rgba(16, 24, 40, 0.08)",
+          xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
+          "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
+      },
+      radii: {
+          none: "0",
+          sm: "4px",
+          md: "8px",
+          lg: "12px",
+          xl: "16px",
+          full: "9999px",
+      },
+      transitions: {
+          fast: "150ms cubic-bezier(0.4, 0, 0.2, 1)",
+          normal: "200ms cubic-bezier(0.4, 0, 0.2, 1)",
+          slow: "300ms cubic-bezier(0.4, 0, 0.2, 1)",
+      },
+      breakpoints: {
+          mobile: "320px",
+          tablet: "768px",
+          desktop: "1024px",
+          wide: "1280px",
+      },
+  };
+
+  const ThemeContext = reactExports.createContext(undefined);
+  function useTheme() {
+      const context = React.useContext(ThemeContext);
+      return context?.theme || defaultTheme;
+  }
+
+  function getContainerStyles(theme, prefix = "medos", breakpoint) {
+      const isMobile = breakpoint === "mobile";
+      const isTablet = breakpoint === "tablet";
+      return {
+          container: {
+              display: "flex",
+              justifyContent: "center",
+              padding: isMobile ? "16px" : "20px",
+              fontFamily: theme.typography.fontFamily,
+              background: theme.colors.background,
+          },
+          card: {
+              width: "100%",
+              maxWidth: isMobile || isTablet ? "100%" : 720,
+              background: theme.colors.surface,
+              borderRadius: "12px",
+              boxShadow: "0 4px 12px rgba(0, 0, 0, 0.08)",
+              padding: isMobile ? "20px" : "24px",
+              boxSizing: "border-box",
+          },
+          header: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              marginBottom: "20px",
+              flexWrap: isMobile ? "wrap" : "nowrap",
+          },
+          title: {
+              marginLeft: isMobile ? 0 : 10,
+              fontSize: isMobile ? "18px" : "20px",
+              fontWeight: 600,
+              color: theme.colors.text,
+              margin: 0,
+          },
+          section: {
+              marginTop: "16px",
+          },
+          errorMessage: {
+              marginBottom: "16px",
+              padding: "12px 16px",
+              borderRadius: "8px",
+              backgroundColor: theme.colors.errorBackground,
+              color: theme.colors.error,
+              fontWeight: 500,
+              fontSize: "14px",
+              border: `1px solid ${theme.colors.error}20`,
+          },
+          content: {
+              padding: isMobile ? "16px 0 16px 0" : "24px 0 24px 0",
+          },
+          actions: {
+              display: "flex",
+              gap: "12px",
+              marginTop: "24px",
+              paddingTop: "20px",
+              borderTop: `1px solid ${theme.colors.border}`,
+              justifyContent: isMobile ? "stretch" : "flex-end",
+              flexDirection: isMobile ? "column" : "row",
+          },
+          branding: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              gap: "8px",
+              marginTop: isMobile ? "16px" : "24px",
+              paddingTop: isMobile ? "12px" : "16px",
+              borderTop: `1px solid ${theme.colors.border}`,
+              opacity: 0.8,
+          },
+          poweredBy: {
+              fontSize: "12px",
+              color: theme.colors.textSecondary,
+              fontWeight: 500,
+          },
+      };
+  }
+  function getButtonStyles(theme, prefix = "medos", breakpoint) {
+      const isMobile = breakpoint === "mobile";
+      const minHeight = isMobile ? "44px" : "40px";
+      const basePadding = isMobile ? "12px 20px" : "10px 20px";
+      const borderRadius = "8px";
+      return {
+          primary: {
+              background: theme.colors.secondary,
+              color: theme.colors.textOnSecondary,
+              border: "none",
+              padding: basePadding,
+              borderRadius,
+              cursor: "pointer",
+              fontWeight: 600,
+              fontSize: "14px",
+              transition: "all 0.2s ease",
+              minHeight,
+              width: isMobile ? "100%" : "auto",
+              boxShadow: "0 1px 2px rgba(0, 0, 0, 0.05)",
+              lineHeight: "1.5",
+          },
+          primaryHover: {
+              background: theme.colors.secondaryHover,
+              boxShadow: "0 2px 4px rgba(0, 0, 0, 0.1)",
+          },
+          primaryDisabled: {
+              opacity: 0.6,
+              cursor: "not-allowed",
+          },
+          secondary: {
+              background: theme.colors.surface,
+              color: theme.colors.primary,
+              border: `1px solid ${theme.colors.border}`,
+              padding: basePadding,
+              borderRadius,
+              cursor: "pointer",
+              fontWeight: 600,
+              fontSize: "14px",
+              transition: "all 0.2s ease",
+              minHeight,
+              width: isMobile ? "100%" : "auto",
+              lineHeight: "1.5",
+          },
+          secondaryHover: {
+              background: theme.colors.surfaceHover,
+              borderColor: theme.colors.borderHover,
+          },
+          outline: {
+              background: "transparent",
+              color: theme.colors.text,
+              border: `1px solid ${theme.colors.border}`,
+              padding: basePadding,
+              borderRadius,
+              cursor: "pointer",
+              fontWeight: 500,
+              fontSize: "14px",
+              transition: "all 0.2s ease",
+              minHeight,
+              width: isMobile ? "100%" : "auto",
+              lineHeight: "1.5",
+          },
+          outlineHover: {
+              background: theme.colors.backgroundSecondary,
+              borderColor: theme.colors.borderHover,
+          },
+          ghost: {
+              background: "transparent",
+              color: theme.colors.primary,
+              border: "none",
+              padding: basePadding,
+              borderRadius,
+              cursor: "pointer",
+              fontWeight: 500,
+              fontSize: "14px",
+              transition: "all 0.2s ease",
+              minHeight,
+              width: isMobile ? "100%" : "auto",
+              lineHeight: "1.5",
+          },
+          ghostHover: {
+              background: `${theme.colors.primary}10`,
+          },
+      };
+  }
+  function getPhoneVerifyStyles(theme, prefix = "medos", breakpoint) {
+      const isMobile = breakpoint === "mobile";
+      const borderRadius = "12px";
+      const cardBorder = `1px solid ${theme.colors.border}`;
+      return {
+          container: {
+              border: cardBorder,
+              borderRadius,
+              overflow: "hidden",
+              backgroundColor: theme.colors.surface,
+              boxShadow: "0 1px 3px rgba(0, 0, 0, 0.04)",
+          },
+          header: {
+              padding: isMobile ? "16px 20px" : "18px 24px",
+              borderBottom: cardBorder,
+              backgroundColor: theme.colors.primary,
+              color: theme.colors.textOnPrimary,
+          },
+          title: {
+              fontSize: isMobile ? "16px" : "18px",
+              fontWeight: 600,
+              margin: 0,
+              color: theme.colors.textOnPrimary,
+          },
+          content: {
+              padding: isMobile ? "20px" : "24px",
+          },
+          label: {
+              display: "block",
+              fontSize: "14px",
+              fontWeight: 500,
+              color: theme.colors.text,
+              marginBottom: "8px",
+          },
+          phoneInputContainer: {
+              display: "flex",
+              gap: "10px",
+              flexDirection: isMobile ? "column" : "row",
+          },
+          phoneInput: {
+              flex: 1,
+              width: "100%",
+              padding: "10px 14px",
+              borderRadius: "8px",
+              border: `1px solid ${theme.colors.border}`,
+              fontSize: "14px",
+              outline: "none",
+              color: theme.colors.text,
+              boxSizing: "border-box",
+              transition: "border-color 0.2s ease, box-shadow 0.2s ease",
+              minHeight: isMobile ? "44px" : "40px",
+              backgroundColor: theme.colors.surface,
+          },
+          phoneInputFocus: {
+              borderColor: theme.colors.primary,
+              boxShadow: `0 0 0 3px ${theme.colors.primary}15`,
+          },
+          phoneDisplay: {
+              padding: "10px 14px",
+              background: theme.colors.backgroundSecondary,
+              borderRadius: "8px",
+              fontSize: "14px",
+              color: theme.colors.text,
+              fontWeight: 500,
+              border: `1px solid ${theme.colors.border}`,
+          },
+          otpInput: {
+              width: "100%",
+              padding: "10px 14px",
+              border: `1px solid ${theme.colors.border}`,
+              borderRadius: "8px",
+              fontSize: "14px",
+              outline: "none",
+              color: theme.colors.text,
+              boxSizing: "border-box",
+              transition: "border-color 0.2s ease, box-shadow 0.2s ease",
+              backgroundColor: theme.colors.surface,
+          },
+          otpInputFocus: {
+              borderColor: theme.colors.primary,
+              boxShadow: `0 0 0 3px ${theme.colors.primary}15`,
+          },
+          otpHint: {
+              marginTop: "8px",
+              fontSize: "12px",
+              color: theme.colors.textSecondary,
+          },
+          successMessage: {
+              marginTop: "20px",
+              padding: "16px",
+              borderRadius: "8px",
+              backgroundColor: theme.colors.successBackground,
+              border: `1px solid ${theme.colors.success}`,
+              display: "flex",
+              alignItems: "center",
+              gap: "12px",
+          },
+          successIcon: {
+              fontSize: "24px",
+              color: theme.colors.success,
+          },
+          successTitle: {
+              fontSize: "14px",
+              fontWeight: 600,
+              color: theme.colors.success,
+          },
+          successSubtitle: {
+              fontSize: "12px",
+              color: theme.colors.textSecondary,
+              marginTop: "2px",
+          },
+          footer: {
+              padding: isMobile ? "16px 20px" : "18px 24px",
+              borderTop: `1px solid ${theme.colors.border}`,
+              backgroundColor: theme.colors.surface,
+              display: "flex",
+              gap: "12px",
+              justifyContent: isMobile ? "stretch" : "flex-end",
+              flexDirection: isMobile ? "column" : "row",
+          },
+      };
+  }
+  function getPatientDetailsStyles(theme, prefix = "medos", breakpoint) {
+      const borderRadius = "12px";
+      const cardBorder = `1px solid ${theme.colors.border}`;
+      return {
+          sectionCard: {
+              border: cardBorder,
+              borderRadius,
+              marginBottom: "24px",
+              overflow: "visible",
+              boxShadow: "0 1px 3px rgba(0, 0, 0, 0.04)",
+          },
+          sectionHeader: {
+              backgroundColor: theme.colors.primary,
+              padding: "18px 24px",
+              display: "flex",
+              alignItems: "center",
+              gap: "12px",
+              borderBottom: cardBorder,
+              color: theme.colors.textOnPrimary,
+          },
+          sectionTitle: {
+              fontSize: "18px",
+              fontWeight: 600,
+              margin: 0,
+              color: theme.colors.textOnPrimary,
+          },
+          sectionBody: {
+              padding: "24px",
+          },
+          gridRow: {
+              display: "grid",
+              gridTemplateColumns: "1fr 1fr",
+              gap: "20px",
+              marginTop: "20px",
+          },
+          label: {
+              display: "block",
+              fontSize: "14px",
+              marginBottom: "8px",
+              color: theme.colors.text,
+              fontWeight: 500,
+          },
+          input: {
+              width: "100%",
+              padding: "10px 14px",
+              borderRadius: "8px",
+              border: cardBorder,
+              outline: "none",
+              fontSize: "14px",
+              boxSizing: "border-box",
+              color: theme.colors.text,
+              transition: "border-color 0.2s ease, box-shadow 0.2s ease",
+              minHeight: "40px",
+              backgroundColor: theme.colors.surface,
+          },
+          inputFocus: {
+              borderColor: theme.colors.primary,
+              boxShadow: `0 0 0 3px ${theme.colors.primary}15`,
+          },
+          phoneDisplay: {
+              display: "flex",
+              gap: "10px",
+              flexDirection: "row",
+          },
+          phoneCode: {
+              width: "100px",
+              padding: "10px 14px",
+              borderRadius: "8px",
+              border: cardBorder,
+              backgroundColor: theme.colors.backgroundSecondary,
+              fontSize: "14px",
+              boxSizing: "border-box",
+              color: theme.colors.textSecondary,
+          },
+          phoneNumber: {
+              flex: 1,
+              padding: "10px 14px",
+              borderRadius: "8px",
+              border: cardBorder,
+              backgroundColor: theme.colors.backgroundSecondary,
+              fontSize: "14px",
+              boxSizing: "border-box",
+              color: theme.colors.textSecondary,
+          },
+      };
+  }
+  function getSuccessStyles(theme, prefix = "medos") {
+      return {
+          container: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              padding: "32px 24px",
+              textAlign: "center",
+          },
+          header: {
+              marginBottom: "24px",
+          },
+          iconContainer: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              width: "72px",
+              height: "72px",
+              borderRadius: "50%",
+              backgroundColor: theme.colors.successBackground,
+              marginBottom: "20px",
+          },
+          detailsContainer: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              gap: "12px",
+              textAlign: "center",
+          },
+          detailsTitle: {
+              fontWeight: 600,
+              fontSize: "18px",
+              color: theme.colors.success,
+              margin: 0,
+          },
+          detailsList: {
+              display: "flex",
+              flexDirection: "column",
+              gap: "4px",
+              fontSize: "14px",
+              width: "100%",
+              maxWidth: "400px",
+              textAlign: "center",
+              color: theme.colors.textSecondary,
+          },
+          confirmationNote: {
+              marginTop: "12px",
+              fontSize: "14px",
+              color: theme.colors.textSecondary,
+              lineHeight: "1.5",
+          },
+          actionContainer: {
+              marginTop: "32px",
+              display: "flex",
+              justifyContent: "center",
+          },
+      };
+  }
+  getContainerStyles(defaultTheme);
+  getButtonStyles(defaultTheme);
+  getPhoneVerifyStyles(defaultTheme);
+  getPatientDetailsStyles(defaultTheme);
+  getSuccessStyles(defaultTheme);
+
+  const Check = ({ className, size = 16 }) => (jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: className, children: jsxRuntimeExports.jsx("polyline", { points: "20 6 9 17 4 12" }) }));
+
+  const ChevronDownIcon = ({ className }) => (jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: className, children: jsxRuntimeExports.jsx("polyline", { points: "6 9 12 15 18 9" }) }));
+
+  const cn = (...classes) => {
+      return classes.filter(Boolean).join(" ");
+  };
+  if (typeof document !== "undefined") {
+      const styleId = "custom-select-styles";
+      if (!document.getElementById(styleId)) {
+          const styleElement = document.createElement("style");
+          styleElement.id = styleId;
+          styleElement.innerHTML = `
+    /* Container */
+    .select-container {
+      position: relative;
+      display: inline-block;
+      width: 100%;
+    }
+
+    /* Trigger Button */
+    .select-trigger {
+      display: flex;
+      height: 40px;
+      width: 100%;
+      align-items: center;
+      justify-content: space-between;
+      white-space: nowrap;
+      border-radius: 6px;
+      border: 1px solid #e2e8f0;
+      background-color: #fff;
+      padding: 8px 12px;
+      font-size: 14px;
+      line-height: 1.5;
+      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+      transition: all 0.15s ease-in-out;
+      cursor: pointer;
+      outline: none;
+      font-family: inherit;
+      text-align: left;
+    }
+
+    .select-trigger:hover:not(:disabled) {
+      background-color: #f8fafc;
+      border-color: #cbd5e1;
+    }
+
+    .select-trigger:focus:not(:disabled) {
+      border-color: #94a3b8;
+      box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.2);
+    }
+
+    .select-trigger:disabled {
+      cursor: not-allowed;
+      opacity: 0.5;
+      background-color: #f9fafb;
+    }
+
+    .select-trigger-error {
+      border-color: #ef4444;
+    }
+
+    .select-trigger-error:focus {
+      border-color: #ef4444;
+      box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2);
+    }
+
+    /* Select Value */
+    .select-value {
+      flex: 1;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      color: #1e293b;
+    }
+
+    .select-placeholder {
+      color: #94a3b8;
+    }
+
+    /* Select Icon */
+    .select-icon {
+      height: 16px;
+      width: 16px;
+      opacity: 0.5;
+      flex-shrink: 0;
+      margin-left: 8px;
+      transition: transform 0.2s;
+    }
+
+    .select-trigger[aria-expanded="true"] .select-icon {
+      transform: rotate(180deg);
+    }
+
+    .select-icon-error {
+      color: #ef4444;
+    }
+
+    /* Content Dropdown */
+    .select-content {
+      position: absolute;
+      top: 100%;
+      left: 0;
+      right: 0;
+      z-index: 1050;
+      margin-top: 4px;
+      overflow: hidden;
+      border-radius: 6px;
+      border: 1px solid #e2e8f0;
+      background-color: #ffffff;
+      color: #1e293b;
+      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+      animation: select-show 0.15s ease-out;
+    }
+
+    @keyframes select-show {
+      from {
+        opacity: 0;
+        transform: translateY(-4px);
+      }
+      to {
+        opacity: 1;
+        transform: translateY(0);
+      }
+    }
+
+    /* Viewport */
+    .select-viewport {
+      padding: 4px;
+      max-height: 256px;
+      overflow-y: auto;
+    }
+
+    /* Select Item */
+    .select-item {
+      position: relative;
+      display: flex;
+      width: 100%;
+      cursor: pointer;
+      user-select: none;
+      align-items: center;
+      border-radius: 4px;
+      padding: 8px 8px 8px 32px;
+      font-size: 14px;
+      outline: none;
+      transition: background-color 0.1s ease;
+    }
+
+    .select-item:hover:not(.select-item-disabled) {
+      background-color: #f1f5f9;
+    }
+
+    .select-item:focus {
+      background-color: #f1f5f9;
+    }
+
+    .select-item-selected {
+      background-color: #f3f4f6;
+    }
+
+    .select-item-disabled {
+      pointer-events: none;
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    /* Item Indicator */
+    .select-item-indicator {
+      position: absolute;
+      left: 8px;
+      display: flex;
+      height: 14px;
+      width: 14px;
+      align-items: center;
+      justify-content: center;
+    }
+
+    /* Item Text */
+    .select-item-text {
+      flex: 1;
+    }
+
+    /* Select Group */
+    .select-group {
+      padding: 2px 0;
+    }
+
+    /* Select Label */
+    .select-label {
+      padding: 8px 8px 6px;
+      font-size: 12px;
+      font-weight: 600;
+      color: #64748b;
+    }
+
+    /* Select Separator */
+    .select-separator {
+      margin: 4px 0;
+      height: 1px;
+      background-color: #e2e8f0;
+    }
+
+    /* Scrollbar styling */
+    .select-viewport::-webkit-scrollbar {
+      width: 8px;
+    }
+
+    .select-viewport::-webkit-scrollbar-track {
+      background: #f1f5f9;
+      border-radius: 4px;
+    }
+
+    .select-viewport::-webkit-scrollbar-thumb {
+      background: #cbd5e1;
+      border-radius: 4px;
+    }
+
+    .select-viewport::-webkit-scrollbar-thumb:hover {
+      background: #94a3b8;
+    }
+  `;
+          document.head.appendChild(styleElement);
+      }
+  }
+  const SelectContext = reactExports.createContext(undefined);
+  const useSelectContext = () => {
+      const context = reactExports.useContext(SelectContext);
+      if (!context) {
+          throw new Error("Select components must be used within a Select");
+      }
+      return context;
+  };
+  const Select = ({ children, value, onValueChange, defaultValue, disabled = false, }) => {
+      const [isOpen, setIsOpen] = reactExports.useState(false);
+      const [selectedValue, setSelectedValue] = reactExports.useState(value || defaultValue || "");
+      const [selectedLabel, setSelectedLabel] = reactExports.useState("");
+      const triggerRef = reactExports.useRef(null);
+      const contentRef = reactExports.useRef(null);
+      reactExports.useEffect(() => {
+          if (value !== undefined) {
+              setSelectedValue(value);
+          }
+      }, [value]);
+      reactExports.useEffect(() => {
+          const handleClickOutside = (event) => {
+              if (triggerRef.current &&
+                  contentRef.current &&
+                  !triggerRef.current.contains(event.target) &&
+                  !contentRef.current.contains(event.target)) {
+                  setIsOpen(false);
+              }
+          };
+          if (isOpen) {
+              document.addEventListener("mousedown", handleClickOutside);
+              return () => document.removeEventListener("mousedown", handleClickOutside);
+          }
+      }, [isOpen]);
+      const handleSelect = (value, label) => {
+          setSelectedValue(value);
+          setSelectedLabel(label);
+          if (onValueChange) {
+              onValueChange(value);
+          }
+          setIsOpen(false);
+      };
+      return (jsxRuntimeExports.jsx(SelectContext.Provider, { value: {
+              isOpen,
+              setIsOpen,
+              selectedValue,
+              selectedLabel,
+              handleSelect,
+              triggerRef,
+              contentRef,
+              disabled,
+          }, children: jsxRuntimeExports.jsx("div", { className: "select-container", children: children }) }));
+  };
+  const SelectTrigger = reactExports.forwardRef(({ children, className, error = false, ...props }, ref) => {
+      const { isOpen, setIsOpen, triggerRef, disabled } = useSelectContext();
+      return (jsxRuntimeExports.jsxs("button", { ref: triggerRef, type: "button", className: cn("select-trigger", error && "select-trigger-error", className), onClick: () => !disabled && setIsOpen(!isOpen), disabled: disabled, "aria-expanded": isOpen, "aria-haspopup": "listbox", ...props, children: [children, jsxRuntimeExports.jsx(ChevronDownIcon, { className: cn("select-icon", error && "select-icon-error") })] }));
+  });
+  SelectTrigger.displayName = "SelectTrigger";
+  const SelectValue = ({ placeholder = "Select...", }) => {
+      const { selectedLabel, selectedValue } = useSelectContext();
+      return (jsxRuntimeExports.jsx("span", { className: cn("select-value", !selectedValue && "select-placeholder"), children: selectedLabel || placeholder }));
+  };
+  const SelectContent = reactExports.forwardRef(({ children, className, ...props }, ref) => {
+      const { isOpen, contentRef } = useSelectContext();
+      if (!isOpen)
+          return null;
+      return (jsxRuntimeExports.jsx("div", { ref: contentRef, className: cn("select-content", className), role: "listbox", ...props, children: jsxRuntimeExports.jsx("div", { className: "select-viewport", children: children }) }));
+  });
+  SelectContent.displayName = "SelectContent";
+  const SelectItem = reactExports.forwardRef(({ children, value, className, disabled = false, ...props }, ref) => {
+      const { selectedValue, handleSelect } = useSelectContext();
+      const isSelected = selectedValue === value;
+      return (jsxRuntimeExports.jsxs("div", { ref: ref, className: cn("select-item", isSelected && "select-item-selected", disabled && "select-item-disabled", className), onClick: () => !disabled && handleSelect(value, children), role: "option", "aria-selected": isSelected, "data-disabled": disabled, ...props, children: [isSelected && (jsxRuntimeExports.jsx("span", { className: "select-item-indicator", children: jsxRuntimeExports.jsx(Check, {}) })), jsxRuntimeExports.jsx("span", { className: "select-item-text", children: children })] }));
+  });
+  SelectItem.displayName = "SelectItem";
+
+  function useMediaQuery(query) {
+      const [matches, setMatches] = reactExports.useState(false);
+      reactExports.useEffect(() => {
+          const mediaQuery = window.matchMedia(query);
+          setMatches(mediaQuery.matches);
+          const handler = (event) => {
+              setMatches(event.matches);
+          };
+          if (mediaQuery.addEventListener) {
+              mediaQuery.addEventListener("change", handler);
+              return () => mediaQuery.removeEventListener("change", handler);
+          }
+          else {
+              mediaQuery.addListener(handler);
+              return () => mediaQuery.removeListener(handler);
+          }
+      }, [query]);
+      return matches;
+  }
+  function useBreakpoint(theme) {
+      const isWide = useMediaQuery(`(min-width: ${theme.breakpoints.wide})`);
+      const isDesktop = useMediaQuery(`(min-width: ${theme.breakpoints.desktop})`);
+      const isTablet = useMediaQuery(`(min-width: ${theme.breakpoints.tablet})`);
+      if (isWide)
+          return "wide";
+      if (isDesktop)
+          return "desktop";
+      if (isTablet)
+          return "tablet";
+      return "mobile";
+  }
+
   const API_BASE_URL = "https://api.medos.one/v1";
 
-  let sessionToken = null;
-  const AuthService = {
-      async init(apiKey) {
+  const WorkspaceService = {
+      async fetchWorkspace() {
           try {
-              const res = await axios.post(`${API_BASE_URL}/auth/session?api_key=${apiKey}`, {});
-              const token = res.data?.access_token;
-              if (!token || typeof token !== "string") {
-                  throw new Error("Invalid session token response");
+              const client = await MedosClient.ensureInitialized();
+              const res = await client.get("/workspaces");
+              if (!res.data || typeof res.data.workspaceId !== "number") {
+                  throw new Error("Invalid workspace response");
               }
-              sessionToken = token;
-              return token;
+              return res.data;
           }
-          catch (e) {
-              throw new Error(`Failed to initialize session: ${e.message}`);
+          catch (error) {
+              throw new Error(`Failed to fetch workspace: ${error.message}`);
           }
       },
-      getToken() {
-          return sessionToken;
-      },
-      clear() {
-          sessionToken = null;
+      async fetchTheme() {
+          try {
+              const workspace = await this.fetchWorkspace();
+              return workspace.theme;
+          }
+          catch (error) {
+              throw new Error(`Failed to fetch workspace theme: ${error.message}`);
+          }
       },
   };
 
+  var WorkspaceService$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    WorkspaceService: WorkspaceService
+  });
+
   const AppointmentService = {
+      async arePackagesConfigured() {
+          try {
+              const workspace = await WorkspaceService.fetchWorkspace();
+              return workspace.arePackagesConfigured === true;
+          }
+          catch (error) {
+              console.warn("Failed to check package configuration, defaulting to legacy endpoint:", error);
+              return false;
+          }
+      },
       async getAddresses() {
           const client = await MedosClient.ensureInitialized();
           const res = await client.get("/workspaces");
@@ -3947,16 +7132,99 @@
           }
           return [];
       },
-      async createAppointment(payload) {
+      transformToUnifiedPayload(payload) {
+          const bookingType = payload.bookingType || "ONE_TIME_APPOINTMENT";
+          if (bookingType === "PACKAGE_PURCHASE" ||
+              bookingType === "USE_ACTIVE_PACKAGE") {
+              if (!payload.packageConfigId) {
+                  throw new Error("packageConfigId is required when bookingType is PACKAGE_PURCHASE");
+              }
+              if (!payload.packageAmount) {
+                  throw new Error("packageAmount is required when bookingType is PACKAGE_PURCHASE");
+              }
+          }
+          let consultationCharge;
+          if (bookingType === "PACKAGE_PURCHASE" ||
+              bookingType === "USE_ACTIVE_PACKAGE") {
+              consultationCharge = 0;
+          }
+          else {
+              consultationCharge =
+                  typeof payload.consultationCharge === "string"
+                      ? Number.parseFloat(payload.consultationCharge) || 0
+                      : payload.consultationCharge || 0;
+          }
+          const completeAddress = [
+              payload.patientAddress.addressLine1,
+              payload.patientAddress.addressLine2,
+              payload.patientAddress.city,
+              payload.patientAddress.state,
+              payload.patientAddress.country,
+              payload.patientAddress.zipcode,
+          ]
+              .filter(Boolean)
+              .join(", ");
+          const unifiedPayload = {
+              workspaceId: Number(payload.workspaceId || 0),
+              workspaceAddressId: Number(payload.workspaceAddressId),
+              doctorId: Number(payload.doctorId),
+              mode: (payload.mode || "OFFLINE"),
+              appointmentDate: payload.appointmentDate,
+              fromDateTimeTs: payload.fromDateTimeTs,
+              toDateTimeTs: payload.toDateTimeTs,
+              bookingType,
+              consultationCharge,
+              paymentMode: payload.paymentMode || "CASH",
+              type: payload.type || "CONSULTATION",
+              source: payload.source || "SDK_POWERED_WEBSITE",
+              patientPayload: {
+                  id: payload.patientPayload.id,
+                  firstName: payload.patientPayload.firstName,
+                  lastName: payload.patientPayload.lastName,
+                  email: payload.patientPayload.email || "",
+                  countryCode: payload.patientPayload.countryCode,
+                  phoneNumber: payload.patientPayload.phoneNumber,
+                  dob: payload.patientPayload.dob || "",
+                  age: payload.patientPayload.age || 0,
+                  gender: (payload.patientPayload.gender || "OTHER"),
+                  bloodGroup: payload.patientPayload.bloodGroup
+                      ? mapBloodGroupToApi(payload.patientPayload.bloodGroup)
+                      : "UNKNOWN",
+              },
+              patientAddress: {
+                  completeAddress,
+                  addressLine1: payload.patientAddress.addressLine1,
+                  addressLine2: payload.patientAddress.addressLine2,
+                  city: payload.patientAddress.city,
+                  state: payload.patientAddress.state,
+                  country: payload.patientAddress.country,
+                  zipcode: payload.patientAddress.zipcode,
+                  landmark: payload.patientAddress.landmark,
+                  countryCode: payload.patientAddress.countryCode || "",
+                  phoneNumber: payload.patientAddress.phoneNumber || "",
+                  patientId: payload.patientAddress.patientId || 0,
+              },
+          };
+          if (bookingType === "PACKAGE_PURCHASE" ||
+              bookingType === "USE_ACTIVE_PACKAGE") {
+              unifiedPayload.packageConfigId = payload.packageConfigId;
+              unifiedPayload.packageAmount = payload.packageAmount;
+          }
+          if (payload.patientPackageId) {
+              unifiedPayload.patientPackageId = payload.patientPackageId;
+          }
+          return unifiedPayload;
+      },
+      async createLegacyAppointment(payload) {
           const client = await MedosClient.ensureInitialized();
-          const appointmentData = {
+          const legacyPayload = {
               workspaceAddressId: payload.workspaceAddressId,
               doctorId: payload.doctorId,
               mode: payload.mode || "OFFLINE",
               appointmentDate: payload.appointmentDate,
               fromDateTimeTs: payload.fromDateTimeTs,
               toDateTimeTs: payload.toDateTimeTs,
-              consultationCharge: payload.consultationCharge || "0",
+              consultationCharge: payload.consultationCharge,
               type: payload.type || "CONSULTATION",
               source: payload.source || "SDK_POWERED_WEBSITE",
               patientPayload: payload.patientPayload,
@@ -3964,7 +7232,7 @@
           };
           if (payload.attachments && payload.attachments.length > 0) {
               const formData = new FormData();
-              const payloadString = JSON.stringify(appointmentData);
+              const payloadString = JSON.stringify(legacyPayload);
               formData.append("payload", payloadString);
               payload.attachments.forEach((file) => {
                   formData.append("attachments", file);
@@ -3973,7 +7241,38 @@
               return res.data;
           }
           else {
-              const res = await client.post("/appointments/book-appointment", appointmentData, {
+              const res = await client.post("/appointments/book-appointment", legacyPayload, {
+                  headers: {
+                      "Content-Type": "application/json",
+                  },
+              });
+              return res.data;
+          }
+      },
+      async createAppointment(payload) {
+          const packagesConfigured = await this.arePackagesConfigured();
+          if (packagesConfigured) {
+              return this.createUnifiedAppointment(payload);
+          }
+          else {
+              return this.createLegacyAppointment(payload);
+          }
+      },
+      async createUnifiedAppointment(payload) {
+          const client = await MedosClient.ensureInitialized();
+          const unifiedPayload = this.transformToUnifiedPayload(payload);
+          if (payload.attachments && payload.attachments.length > 0) {
+              const formData = new FormData();
+              const payloadString = JSON.stringify(unifiedPayload);
+              formData.append("payload", payloadString);
+              payload.attachments.forEach((file) => {
+                  formData.append("attachments", file);
+              });
+              const res = await client.post("/appointments/book-appointment-unified", formData);
+              return res.data;
+          }
+          else {
+              const res = await client.post("/appointments/book-appointment-unified", unifiedPayload, {
                   headers: {
                       "Content-Type": "application/json",
                   },
@@ -3996,6 +7295,102 @@
       },
   };
 
+  const validateName = (name) => {
+      return name.trim().length > 0;
+  };
+  const validateEmail = (email) => {
+      const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+      return emailRegex.test(email);
+  };
+  const validatePhoneNumber = (phone) => {
+      const cleaned = phone.replace(/\D/g, "");
+      return cleaned.length >= 7 && cleaned.length <= 15;
+  };
+  const validateSubject = (subject) => {
+      return subject.trim().length > 0;
+  };
+  const validateMessage = (message) => {
+      const trimmed = message.trim();
+      return trimmed.length > 0;
+  };
+  const validateCountryCode = (code) => {
+      return /^\+[1-9]\d{0,3}$/.test(code);
+  };
+
+  React.memo(({ patientName, patientEmail, countryCode, patientPhone, onNameChange, onEmailChange, onCountryCodeChange, onPhoneChange, onNext, }) => {
+      const theme = useTheme();
+      const breakpoint = useBreakpoint(theme);
+      const PHONE_VERIFY_STYLES = React.useMemo(() => getPhoneVerifyStyles(theme, "medos", breakpoint), [theme, breakpoint]);
+      const BUTTON_STYLES = React.useMemo(() => getButtonStyles(theme, "medos", breakpoint), [theme, breakpoint]);
+      const CONTAINER_STYLES = React.useMemo(() => getContainerStyles(theme, "medos", breakpoint), [theme, breakpoint]);
+      const styles = getStyles$1(theme);
+      return (jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsxs("div", { style: { marginBottom: "16px" }, children: [jsxRuntimeExports.jsxs("label", { style: PHONE_VERIFY_STYLES.label, children: ["Name", jsxRuntimeExports.jsx("span", { style: styles.mandatory, children: "*" })] }), jsxRuntimeExports.jsx("input", { type: "text", value: patientName, onChange: (e) => onNameChange(e.target.value), placeholder: "Enter your full name", style: PHONE_VERIFY_STYLES.phoneInput })] }), jsxRuntimeExports.jsxs("div", { style: { marginBottom: "16px" }, children: [jsxRuntimeExports.jsx("label", { style: PHONE_VERIFY_STYLES.label, children: "Email" }), jsxRuntimeExports.jsx("input", { type: "email", value: patientEmail, onChange: (e) => onEmailChange(e.target.value), placeholder: "Enter your email", style: PHONE_VERIFY_STYLES.phoneInput })] }), jsxRuntimeExports.jsxs("div", { style: { marginBottom: "16px" }, children: [jsxRuntimeExports.jsxs("label", { style: PHONE_VERIFY_STYLES.label, children: ["Phone Number", jsxRuntimeExports.jsx("span", { style: styles.mandatory, children: "*" })] }), jsxRuntimeExports.jsxs("div", { style: PHONE_VERIFY_STYLES.phoneInputContainer, children: [jsxRuntimeExports.jsx("input", { type: "text", value: countryCode, onChange: (e) => onCountryCodeChange(e.target.value), placeholder: "+91", style: {
+                                      ...PHONE_VERIFY_STYLES.phoneInput,
+                                      width: "80px",
+                                      flex: "none",
+                                  } }), jsxRuntimeExports.jsx("input", { type: "tel", value: patientPhone, onChange: (e) => onPhoneChange(e.target.value), placeholder: "Enter phone number", style: PHONE_VERIFY_STYLES.phoneInput })] })] }), jsxRuntimeExports.jsx("div", { style: CONTAINER_STYLES.actions, children: jsxRuntimeExports.jsx("button", { onClick: onNext, style: BUTTON_STYLES.primary, children: "Next" }) })] }));
+  });
+  const getStyles$1 = (theme) => ({
+      mandatory: { color: theme.colors.error, marginLeft: 4 },
+  });
+
+  React.memo(({ inquirySubject, inquiryMessage, onSubjectChange, onMessageChange, onBack, onNext, }) => {
+      const theme = useTheme();
+      const PHONE_VERIFY_STYLES = React.useMemo(() => getPhoneVerifyStyles(theme), [theme]);
+      const BUTTON_STYLES = React.useMemo(() => getButtonStyles(theme), [theme]);
+      const CONTAINER_STYLES = React.useMemo(() => getContainerStyles(theme), [theme]);
+      const styles = getStyles(theme);
+      return (jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsxs("div", { style: { marginBottom: "16px" }, children: [jsxRuntimeExports.jsxs("label", { style: PHONE_VERIFY_STYLES.label, children: ["Subject", jsxRuntimeExports.jsx("span", { style: styles.mandatory, children: "*" })] }), jsxRuntimeExports.jsx("input", { type: "text", value: inquirySubject, onChange: (e) => onSubjectChange(e.target.value), placeholder: "Enter inquiry subject", style: PHONE_VERIFY_STYLES.phoneInput })] }), jsxRuntimeExports.jsxs("div", { style: { marginBottom: "16px" }, children: [jsxRuntimeExports.jsxs("label", { style: PHONE_VERIFY_STYLES.label, children: ["Message", jsxRuntimeExports.jsx("span", { style: styles.mandatory, children: "*" })] }), jsxRuntimeExports.jsx("textarea", { value: inquiryMessage, onChange: (e) => onMessageChange(e.target.value), placeholder: "Enter your inquiry message", rows: 5, style: {
+                              ...PHONE_VERIFY_STYLES.otpInput,
+                              minHeight: "120px",
+                              resize: "vertical",
+                              fontFamily: "inherit",
+                          } })] }), jsxRuntimeExports.jsxs("div", { style: CONTAINER_STYLES.actions, children: [jsxRuntimeExports.jsx("button", { onClick: onBack, style: BUTTON_STYLES.secondary, children: "Back" }), jsxRuntimeExports.jsx("button", { onClick: onNext, style: BUTTON_STYLES.primary, children: "Next" })] })] }));
+  });
+  const getStyles = (theme) => ({
+      mandatory: { color: theme.colors.error, marginLeft: 4 },
+  });
+
+  React.memo(({ preferredContactMethod, onContactMethodChange, onBack, onSubmit, isLoading = false, }) => {
+      const theme = useTheme();
+      const PHONE_VERIFY_STYLES = React.useMemo(() => getPhoneVerifyStyles(theme), [theme]);
+      const BUTTON_STYLES = React.useMemo(() => getButtonStyles(theme), [theme]);
+      const CONTAINER_STYLES = React.useMemo(() => getContainerStyles(theme), [theme]);
+      const contactOptions = [
+          { value: "PHONE", label: "Phone" },
+          { value: "EMAIL", label: "Email" },
+          { value: "BOTH", label: "Both" },
+      ];
+      const handleContactMethodSelect = (value) => {
+          onContactMethodChange(value);
+      };
+      return (jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsxs("div", { style: { marginBottom: "16px" }, children: [jsxRuntimeExports.jsx("label", { style: PHONE_VERIFY_STYLES.label, children: "Preferred Contact Method" }), jsxRuntimeExports.jsx("div", { style: { marginTop: "8px" }, children: jsxRuntimeExports.jsxs(Select, { value: preferredContactMethod, onValueChange: handleContactMethodSelect, children: [jsxRuntimeExports.jsx(SelectTrigger, { style: { width: "100%" }, children: jsxRuntimeExports.jsx(SelectValue, { placeholder: "Select contact method" }) }), jsxRuntimeExports.jsx(SelectContent, { children: contactOptions.map((option) => (jsxRuntimeExports.jsx(SelectItem, { value: option.value, children: option.label }, option.value))) })] }) })] }), jsxRuntimeExports.jsxs("div", { style: CONTAINER_STYLES.actions, children: [jsxRuntimeExports.jsx("button", { onClick: onBack, style: BUTTON_STYLES.secondary, children: "Back" }), jsxRuntimeExports.jsx("button", { onClick: onSubmit, style: BUTTON_STYLES.primary, children: isLoading ? "Submitting..." : "Submit" })] })] }));
+  });
+
+  let sessionToken = null;
+  const AuthService = {
+      async init(apiKey) {
+          try {
+              const res = await axios.post(`${API_BASE_URL}/auth/session?api_key=${apiKey}`, {});
+              const token = res.data?.access_token;
+              if (!token || typeof token !== "string") {
+                  throw new Error("Invalid session token response");
+              }
+              sessionToken = token;
+              return token;
+          }
+          catch (e) {
+              throw new Error(`Failed to initialize session: ${e.message}`);
+          }
+      },
+      getToken() {
+          return sessionToken;
+      },
+      clear() {
+          sessionToken = null;
+      },
+  };
+
   class MedosClient {
       static async init({ apiKey }) {
           if (!apiKey) {
@@ -4127,6 +7522,13 @@
           }
           return PatientService.verifyPhoneVerificationOtp(payload);
       }
+      static async fetchTheme() {
+          if (!this.instance) {
+              throw new Error("MedosClient not initialized. Call MedosClient.init() first.");
+          }
+          const { WorkspaceService } = await Promise.resolve().then(function () { return WorkspaceService$1; });
+          return WorkspaceService.fetchTheme();
+      }
       static get client() {
           if (!this.instance && !this.initPromise) {
               throw new Error("MedosClient not initialized. Call MedosClient.init() or MedosClient.initWithSession() first.");
@@ -4202,28 +7604,6 @@
       },
   };
 
-  const validateName = (name) => {
-      return name.trim().length > 0;
-  };
-  const validateEmail = (email) => {
-      const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-      return emailRegex.test(email);
-  };
-  const validatePhoneNumber = (phone) => {
-      const cleaned = phone.replace(/\D/g, "");
-      return cleaned.length >= 7 && cleaned.length <= 15;
-  };
-  const validateSubject = (subject) => {
-      return subject.trim().length > 0;
-  };
-  const validateMessage = (message) => {
-      const trimmed = message.trim();
-      return trimmed.length > 0;
-  };
-  const validateCountryCode = (code) => {
-      return /^\+[1-9]\d{0,3}$/.test(code);
-  };
-
   const VanillaIcons = {
       chevronLeft: (size = 20, className = "") => `
     <svg
@@ -4429,6 +7809,98 @@
       <circle cx="12" cy="12" r="10"></circle>
       <polyline points="12 6 12 12 16 14"></polyline>
     </svg>
+  `,
+      calendar: (size = 20) => `
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="${size}"
+      height="${size}"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      class="medos-icon medos-icon-calendar"
+    >
+      <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
+      <line x1="16" y1="2" x2="16" y2="6"></line>
+      <line x1="8" y1="2" x2="8" y2="6"></line>
+      <line x1="3" y1="10" x2="21" y2="10"></line>
+    </svg>
+  `,
+      giftBox: (size = 20) => `
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="${size}"
+      height="${size}"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      class="medos-icon medos-icon-gift"
+    >
+      <polyline points="20 12 20 22 4 22 4 12"></polyline>
+      <rect x="2" y="7" width="20" height="5"></rect>
+      <line x1="12" y1="22" x2="12" y2="7"></line>
+      <path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"></path>
+      <path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"></path>
+    </svg>
+  `,
+      arrowLeft: (size = 20) => `
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="${size}"
+      height="${size}"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      class="medos-icon medos-icon-arrow-left"
+    >
+      <line x1="19" y1="12" x2="5" y2="12"></line>
+      <polyline points="12 19 5 12 12 5"></polyline>
+    </svg>
+  `,
+      users: (size = 20) => `
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="${size}"
+      height="${size}"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      class="medos-icon medos-icon-users"
+    >
+      <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
+      <circle cx="9" cy="7" r="4"></circle>
+      <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
+      <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
+    </svg>
+  `,
+      plus: (size = 20) => `
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="${size}"
+      height="${size}"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      class="medos-icon medos-icon-plus"
+    >
+      <line x1="12" y1="5" x2="12" y2="19"></line>
+      <line x1="5" y1="12" x2="19" y2="12"></line>
+    </svg>
   `,
       medosLogo: (width = 120, height = 114) => `
     <svg
@@ -4529,10 +8001,12 @@
       text-align: left;
       box-sizing: border-box;
       color: var(--medos-color-text, #111827);
+      min-height: 40px;
     }
 
     .medos-select-trigger:hover:not(:disabled) {
       border-color: var(--medos-color-border-hover, #d1d5db);
+      background-color: #f8fafc;
     }
 
     .medos-select-trigger:focus:not(:disabled) {
@@ -4566,6 +8040,8 @@
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
+      display: flex;
+      align-items: center;
     }
 
     .medos-select-placeholder {
@@ -4605,6 +8081,7 @@
       box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
       animation: medos-select-show 0.15s ease-out;
       box-sizing: border-box;
+      min-width: 180px;
     }
 
     @keyframes medos-select-show {
@@ -4640,6 +8117,7 @@
       transition: background-color 0.1s ease;
       box-sizing: border-box;
       color: #1e293b;
+      min-height: 36px;
     }
 
     .medos-select-item:hover:not(.medos-select-item-disabled) {
@@ -4652,6 +8130,7 @@
 
     .medos-select-item-selected {
       background-color: #f3f4f6;
+      font-weight: 500;
     }
 
     .medos-select-item-disabled {
@@ -4675,6 +8154,8 @@
     /* Item Text */
     .medos-select-item-text {
       flex: 1;
+      display: flex;
+      align-items: center;
     }
 
     /* Scrollbar styling */
@@ -4695,6 +8176,24 @@
     .medos-select-viewport::-webkit-scrollbar-thumb:hover {
       background: #94a3b8;
     }
+
+    /* Label styling for forms */
+    .medos-form-label {
+      display: block;
+      font-size: 14px;
+      font-weight: 500;
+      margin-bottom: 6px;
+      color: #374151;
+    }
+
+    .medos-form-group {
+      margin-bottom: 16px;
+    }
+
+    /* Contact method specific styling */
+    .medos-contact-method-container {
+      margin-top: 8px;
+    }
   `;
       document.head.appendChild(styleElement);
   }
@@ -4738,6 +8237,7 @@
           button.className = `medos-select-trigger ${this.config.error ? "medos-select-trigger-error" : ""}`;
           button.setAttribute("aria-expanded", this.isOpen.toString());
           button.setAttribute("aria-haspopup", "listbox");
+          button.setAttribute("aria-label", "Select option");
           if (this.config.disabled) {
               button.disabled = true;
           }
@@ -4769,6 +8269,10 @@
                   e.preventDefault();
                   this.open();
               }
+              else if (e.key === "ArrowUp") {
+                  e.preventDefault();
+                  this.open();
+              }
           });
       }
       toggleOpen() {
@@ -4816,9 +8320,17 @@
           this.contentElement = document.createElement("div");
           this.contentElement.className = "medos-select-content";
           this.contentElement.setAttribute("role", "listbox");
-          this.contentElement.style.top = `${rect.bottom + scrollTop + 4}px`;
+          this.contentElement.setAttribute("aria-label", "Options");
+          const spaceBelow = window.innerHeight - rect.bottom;
+          const spaceAbove = rect.top;
+          const dropdownHeight = Math.min(256, this.options.length * 36 + 8);
+          let top = rect.bottom + scrollTop + 4;
+          if (spaceBelow < dropdownHeight && spaceAbove > dropdownHeight) {
+              top = rect.top + scrollTop - dropdownHeight - 4;
+          }
+          this.contentElement.style.top = `${top}px`;
           this.contentElement.style.left = `${rect.left + scrollLeft}px`;
-          this.contentElement.style.width = `${rect.width}px`;
+          this.contentElement.style.width = `${Math.max(rect.width, 180)}px`;
           this.contentElement.innerHTML = `
       <div class="medos-select-viewport">
         ${this.options
@@ -4833,6 +8345,7 @@
             data-label="${this.escapeHtml(option.label)}"
             ${option.disabled ? 'data-disabled="true"' : ""}
             tabindex="${option.disabled ? "-1" : "0"}"
+            aria-label="${this.escapeHtml(option.label)}"
           >
             ${this.selectedValue === option.value
             ? `
@@ -4859,9 +8372,16 @@
           const rect = this.triggerElement.getBoundingClientRect();
           const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
           const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
-          this.contentElement.style.top = `${rect.bottom + scrollTop + 4}px`;
+          const spaceBelow = window.innerHeight - rect.bottom;
+          const spaceAbove = rect.top;
+          const dropdownHeight = Math.min(256, this.options.length * 36 + 8);
+          let top = rect.bottom + scrollTop + 4;
+          if (spaceBelow < dropdownHeight && spaceAbove > dropdownHeight) {
+              top = rect.top + scrollTop - dropdownHeight - 4;
+          }
+          this.contentElement.style.top = `${top}px`;
           this.contentElement.style.left = `${rect.left + scrollLeft}px`;
-          this.contentElement.style.width = `${rect.width}px`;
+          this.contentElement.style.width = `${Math.max(rect.width, 180)}px`;
       }
       attachPortalEvents() {
           this.handleDocumentClick = (e) => {
@@ -4912,6 +8432,14 @@
                           this.selectValue(value, label);
                       }
                   }
+                  else if (e.key === "Home") {
+                      e.preventDefault();
+                      this.focusFirstItem();
+                  }
+                  else if (e.key === "End") {
+                      e.preventDefault();
+                      this.focusLastItem();
+                  }
               });
           }
       }
@@ -4937,6 +8465,11 @@
               return;
           const currentFocused = document.activeElement;
           let currentIndex = items.indexOf(currentFocused);
+          if (currentIndex === -1) {
+              const targetIndex = direction > 0 ? 0 : items.length - 1;
+              items[targetIndex]?.focus();
+              return;
+          }
           let nextIndex = currentIndex + direction;
           if (nextIndex < 0)
               nextIndex = items.length - 1;
@@ -4944,6 +8477,19 @@
               nextIndex = 0;
           items[nextIndex]?.focus();
       }
+      focusFirstItem() {
+          if (!this.contentElement)
+              return;
+          const firstItem = this.contentElement.querySelector(".medos-select-item:not(.medos-select-item-disabled)");
+          firstItem?.focus();
+      }
+      focusLastItem() {
+          if (!this.contentElement)
+              return;
+          const items = this.contentElement.querySelectorAll(".medos-select-item:not(.medos-select-item-disabled)");
+          const lastItem = items[items.length - 1];
+          lastItem?.focus();
+      }
       selectValue(value, label) {
           this.selectedValue = value;
           this.selectedLabel = label;
@@ -4973,7 +8519,6 @@
       setDisabled(disabled) {
           this.config.disabled = disabled;
           this.renderTrigger();
-          this.attachTriggerEvents();
       }
       setError(error) {
           this.config.error = error;
@@ -4989,6 +8534,21 @@
           return div.innerHTML;
       }
   }
+  function createContactMethodSelect(container, currentValue = "PHONE", onValueChange) {
+      const contactOptions = [
+          { value: "PHONE", label: "Phone" },
+          { value: "EMAIL", label: "Email" },
+          { value: "BOTH", label: "Both" },
+      ];
+      const select = new VanillaSelect(container, contactOptions, {
+          placeholder: "Select contact method",
+          onValueChange: (value) => {
+              onValueChange?.(value);
+          },
+      });
+      select.setValue(currentValue);
+      return select;
+  }
 
   function injectThemedStyles() {
       if (typeof document === "undefined")
@@ -5449,6 +9009,7 @@
       constructor(container, options) {
           this.mounted = true;
           this.countryCodeSelect = null;
+          this.contactMethodSelect = null;
           injectThemedStyles();
           if (typeof container === "string") {
               const el = document.getElementById(container);
@@ -5498,7 +9059,7 @@
               this.setState({ error: "Please enter a valid name." });
               return false;
           }
-          if (!validateEmail(this.state.patientEmail)) {
+          if (this.state.patientEmail && !validateEmail(this.state.patientEmail)) {
               this.setState({ error: "Please enter a valid email address." });
               return false;
           }
@@ -5614,7 +9175,7 @@
             ? `
             <div class="medos-enquiry-header">
               <h2 class="medos-enquiry-title">Submit Inquiry</h2>
-              <p class="medos-enquiry-step-indicator">Step ${this.state.step + 1} of 4</p>
+              <p class="medos-enquiry-step-indicator">Step ${this.state.step + 1} of 3</p>
             </div>
 
             ${this.state.loading
@@ -5648,6 +9209,14 @@
                   }
               }
           }
+          if (this.state.step === 2) {
+              const contactMethodContainer = this.container.querySelector("#medos-enquiry-contact-method-container");
+              if (contactMethodContainer) {
+                  this.contactMethodSelect = createContactMethodSelect(contactMethodContainer, this.state.preferredContactMethod, (value) => {
+                      this.state.preferredContactMethod = value;
+                  });
+              }
+          }
       }
       renderStep() {
           switch (this.state.step) {
@@ -5683,7 +9252,7 @@
           </div>
           
           <div class="medos-form-group">
-            <label class="medos-label">Email Address <span class="medos-required">*</span></label>
+            <label class="medos-label">Email Address</label>
             <input 
               type="email" 
               class="medos-input" 
@@ -5767,37 +9336,9 @@
         </div>
         <div class="medos-section-body">
           <p class="medos-section-description">How would you prefer to be contacted?</p>
-          <div class="medos-contact-options">
-            <label class="medos-radio-option ${this.state.preferredContactMethod === "PHONE" ? "selected" : ""}">
-              <input 
-                type="radio" 
-                name="contact-method" 
-                value="PHONE"
-                ${this.state.preferredContactMethod === "PHONE" ? "checked" : ""}
-                class="medos-radio-input"
-              />
-              <span class="medos-radio-label">Phone</span>
-            </label>
-            <label class="medos-radio-option ${this.state.preferredContactMethod === "EMAIL" ? "selected" : ""}">
-              <input 
-                type="radio" 
-                name="contact-method" 
-                value="EMAIL"
-                ${this.state.preferredContactMethod === "EMAIL" ? "checked" : ""}
-                class="medos-radio-input"
-              />
-              <span class="medos-radio-label">Email</span>
-            </label>
-            <label class="medos-radio-option ${this.state.preferredContactMethod === "BOTH" ? "selected" : ""}">
-              <input 
-                type="radio" 
-                name="contact-method" 
-                value="BOTH"
-                ${this.state.preferredContactMethod === "BOTH" ? "checked" : ""}
-                class="medos-radio-input"
-              />
-              <span class="medos-radio-label">Both</span>
-            </label>
+          <div class="medos-form-group">
+            <label class="medos-label">Preferred Contact Method</label>
+            <div class="medos-contact-method-container" id="medos-enquiry-contact-method-container"></div>
           </div>
         </div>
       </div>
@@ -5860,7 +9401,7 @@
       <div style="position: relative; display: inline-block;">
         <svg width="64" height="64" viewBox="0 0 41 41" fill="none">
           <path
-            d="M31.1309 4.90254C32.388 4.98797 33.0166 5.03069 33.5247 5.25288C34.2598 5.57438 34.8467 6.16126 35.1682 6.8964C35.3904 7.40445 35.4331 8.03302 35.5185 9.29016L35.7135 12.159C35.748 12.6674 35.7653 12.9217 35.8206 13.1645C35.9004 13.5154 36.0391 13.8503 36.2308 14.1549C36.3634 14.3657 36.531 14.5576 36.8661 14.9416L38.7568 17.108C39.5853 18.0574 39.9996 18.532 40.2017 19.0484C40.4942 19.7955 40.4942 20.6255 40.2017 21.3727C39.9996 21.889 39.5853 22.3637 38.7568 23.313L36.8661 25.4795C36.531 25.8634 36.3634 26.0554 36.2308 26.2662C36.0391 26.5708 35.9004 26.9056 35.8206 27.2566C35.7653 27.4994 35.748 27.7536 35.7135 28.2621L35.5185 31.1309C35.4331 32.388 35.3904 33.0166 35.1682 33.5247C34.8467 34.2598 34.2598 34.8467 33.5247 35.1682C33.0166 35.3904 32.388 35.4331 31.1309 35.5185L28.2621 35.7135C27.7536 35.748 27.4994 35.7653 27.2566 35.8206C26.9056 35.9004 26.5708 36.0391 26.2662 36.2308C26.0554 36.3634 25.8634 36.531 25.4795 36.8661L23.313 38.7568C22.3637 39.5853 21.889 39.9996 21.3727 40.2017C20.6255 40.4942 19.7955 40.4942 19.0484 40.2017C18.532 39.9996 18.0574 39.5853 17.108 38.7568L14.9416 36.8661C14.5576 36.531 14.3657 36.3634 14.1549 36.2308C13.8503 36.0391 13.5154 35.9004 13.1645 35.8206C12.9217 35.7653 12.6674 35.748 12.159 35.7135L9.29016 35.5185C8.03302 35.4331 7.40445 35.3904 6.8964 35.1682C6.16126 34.8467 5.57438 34.2598 5.25288 33.5247C5.03069 33.0166 4.98797 32.388 4.90254 31.1309L4.70759 28.2621C4.67304 27.7536 4.65576 27.4994 4.60049 27.2566C4.52063 26.9056 4.38193 26.5708 4.19028 26.2662C4.05764 26.0554 3.89009 25.8634 3.555 25.4795L1.66428 23.313C0.83576 22.3637 0.421499 21.889 0.219363 21.3727C-0.073121 20.6255 -0.0731209 19.7955 0.219363 19.0484C0.421499 18.532 0.83576 18.0574 1.66428 17.108L3.555 14.9416C3.89009 14.5576 4.05764 14.3657 4.19027 14.1549C4.38193 13.8503 4.52063 13.5154 4.60049 13.1645C4.65576 12.9217 4.67304 12.6674 4.70759 12.159L4.90254 9.29016C4.98797 8.03302 5.03069 7.40445 5.25288 6.8964C5.57438 6.16126 6.16126 5.57438 6.8964 5.25288C7.40445 5.03069 8.03302 4.98797 9.29016 4.90254L12.159 4.70759C12.6674 4.67304 12.9217 4.65577 13.1645 4.6005C13.5154 4.52063 13.8503 4.38193 14.1549 4.19028C14.3657 4.05764 14.5576 3.89009 14.9416 3.555L17.108 1.66428C18.0574 0.83576 18.532 0.421499 19.0484 0.219363C19.7955 -0.073121 20.6255 -0.073121 21.3727 0.219363C21.889 0.421499 22.3637 0.83576 23.313 1.66428L25.4795 3.555C25.8634 3.89009 26.0554 4.05764 26.2662 4.19028C26.5708 4.38193 26.9056 4.52063 27.2566 4.6005C27.4994 4.65577 27.7536 4.67304 28.2621 4.70759L31.1309 4.90254Z"
+            d="M31.1309 4.90254C32.388 4.98797 33.0166 5.03069 33.5247 5.25288             C34.2598 5.57438 34.8467 6.16126 35.1682 6.8964C35.3904 7.40445 35.4331 8.03302 35.5185 9.29016L35.7135 12.159C35.748 12.6674 35.7653 12.9217 35.8206 13.1645C35.9004 13.5154 36.0391 13.8503 36.2308 14.1549C36.3634 14.3657 36.531 14.5576 36.8661 14.9416L38.7568 17.108C39.5853 18.0574 39.9996 18.532 40.2017 19.0484C40.4942 19.7955 40.4942 20.6255 40.2017 21.3727C39.9996 21.889 39.5853 22.3637 38.7568 23.313L36.8661 25.4795C36.531 25.8634 36.3634 26.0554 36.2308 26.2662C36.0391 26.5708 35.9004 26.9056 35.8206 27.2566C35.7653 27.4994 35.748 27.7536 35.7135 28.2621L35.5185 31.1309C35.4331 32.388 35.3904 33.0166 35.1682 33.5247C34.8467 34.2598 34.2598 34.8467 33.5247 35.1682C33.0166 35.3904 32.388 35.4331 31.1309 35.5185L28.2621 35.7135C27.7536 35.748 27.4994 35.7653 27.2566 35.8206C26.9056 35.9004 26.5708 36.0391 26.2662 36.2308C26.0554 36.3634 25.8634 36.531 25.4795 36.8661L23.313 38.7568C22.3637 39.5853 21.889 39.9996 21.3727 40.2017C20.6255 40.4942 19.7955 40.4942 19.0484 40.2017C18.532 39.9996 18.0574 39.5853 17.108 38.7568L14.9416 36.8661C14.5576 36.531 14.3657 36.3634 14.1549 36.2308C13.8503 36.0391 13.5154 35.9004 13.1645 35.8206C12.9217 35.7653 12.6674 35.748 12.159 35.7135L9.29016 35.5185C8.03302 35.4331 7.40445 35.3904 6.8964 35.1682C6.16126 34.8467 5.57438 34.2598 5.25288 33.5247C5.03069 33.0166 4.98797 32.388 4.90254 31.1309L4.70759 28.2621C4.67304 27.7536 4.65576 27.4994 4.60049 27.2566C4.52063 26.9056 4.38193 26.5708 4.19028 26.2662C4.05764 26.0554 3.89009 25.8634 3.555 25.4795L1.66428 23.313C0.83576 22.3637 0.421499 21.889 0.219363 21.3727C-0.073121 20.6255 -0.0731209 19.7955 0.219363 19.0484C0.421499 18.532 0.83576 18.0574 1.66428 17.108L3.555 14.9416C3.89009 14.5576 4.05764 14.3657 4.19027 14.1549C4.38193 13.8503 4.52063 13.5154 4.60049 13.1645C4.65576 12.9217 4.67304 12.6674 4.70759 12.159L4.90254 9.29016C4.98797 8.03302 5.03069 7.40445 5.25288 6.8964C5.57438 6.16126 6.16126 5.57438 6.8964 5.25288C7.40445 5.03069 8.03302 4.98797 9.29016 4.90254L12.159 4.70759C12.6674 4.67304 12.9217 4.65577 13.1645 4.6005C13.5154 4.52063 13.8503 4.38193 14.1549 4.19028C14.3657 4.05764 14.5576 3.89009 14.9416 3.555L17.108 1.66428C18.0574 0.83576 18.532 0.421499 19.0484 0.219363C19.7955 -0.073121 20.6255 -0.073121 21.3727 0.219363C21.889 0.421499 22.3637 0.83576 23.313 1.66428L25.4795 3.555C25.8634 3.89009 26.0554 4.05764 26.2662 4.19028C26.5708 4.38193 26.9056 4.52063 27.2566 4.6005C27.4994 4.65577 27.7536 4.67304 28.2621 4.70759L31.1309 4.90254Z"
             fill="#006E0F"
           />
         </svg>
@@ -5924,13 +9465,6 @@
                   this.render();
               });
           }
-          const contactMethodRadios = this.container.querySelectorAll('input[name="contact-method"]');
-          contactMethodRadios.forEach((radio) => {
-              radio.addEventListener("change", (e) => {
-                  const target = e.target;
-                  this.state.preferredContactMethod = target.value;
-              });
-          });
           const nextBtn = this.container.querySelector("#medos-enquiry-btn-next");
           if (nextBtn) {
               nextBtn.addEventListener("click", () => this.goToNext());
@@ -5955,6 +9489,14 @@
       }
       destroy() {
           this.mounted = false;
+          if (this.countryCodeSelect) {
+              this.countryCodeSelect.destroy();
+              this.countryCodeSelect = null;
+          }
+          if (this.contactMethodSelect) {
+              this.contactMethodSelect.destroy();
+              this.contactMethodSelect = null;
+          }
           this.container.innerHTML = "";
       }
   }