coinley-checkout 0.1.5 → 0.1.6

package/dist/coinley-checkout.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"coinley-checkout.umd.js","sources":["../node_modules/react/cjs/react-jsx-runtime.production.min.js","../node_modules/react/cjs/react-jsx-runtime.development.js","../node_modules/react/jsx-runtime.js","../src/context/ThemeContext.jsx","../src/services/api.js","../src/context/CoinleyContext.jsx","../src/services/web3.js","../src/components/QRCode.jsx","../src/components/PaymentStatus.jsx","../src/components/PaymentMethods.jsx","../src/assets/Logo.png","../src/components/CoinleyModal.jsx","../src/components/CoinleyCheckout.jsx","../src/index.js"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nif (process.env.NODE_ENV !== \"production\") {\n  (function() {\n'use strict';\n\nvar React = require('react');\n\n// ATTENTION\n// When adding new symbols to this file,\n// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'\n// The Symbol used to tag the ReactElement-like types.\nvar REACT_ELEMENT_TYPE = Symbol.for('react.element');\nvar REACT_PORTAL_TYPE = Symbol.for('react.portal');\nvar REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');\nvar REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');\nvar REACT_PROFILER_TYPE = Symbol.for('react.profiler');\nvar REACT_PROVIDER_TYPE = Symbol.for('react.provider');\nvar REACT_CONTEXT_TYPE = Symbol.for('react.context');\nvar REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');\nvar REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');\nvar REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');\nvar REACT_MEMO_TYPE = Symbol.for('react.memo');\nvar REACT_LAZY_TYPE = Symbol.for('react.lazy');\nvar REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');\nvar MAYBE_ITERATOR_SYMBOL = Symbol.iterator;\nvar FAUX_ITERATOR_SYMBOL = '@@iterator';\nfunction getIteratorFn(maybeIterable) {\n  if (maybeIterable === null || typeof maybeIterable !== 'object') {\n    return null;\n  }\n\n  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];\n\n  if (typeof maybeIterator === 'function') {\n    return maybeIterator;\n  }\n\n  return null;\n}\n\nvar ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n\nfunction error(format) {\n  {\n    {\n      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n        args[_key2 - 1] = arguments[_key2];\n      }\n\n      printWarning('error', format, args);\n    }\n  }\n}\n\nfunction printWarning(level, format, args) {\n  // When changing this logic, you might want to also\n  // update consoleWithStackDev.www.js as well.\n  {\n    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;\n    var stack = ReactDebugCurrentFrame.getStackAddendum();\n\n    if (stack !== '') {\n      format += '%s';\n      args = args.concat([stack]);\n    } // eslint-disable-next-line react-internal/safe-string-coercion\n\n\n    var argsWithFormat = args.map(function (item) {\n      return String(item);\n    }); // Careful: RN currently depends on this prefix\n\n    argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it\n    // breaks IE9: https://github.com/facebook/react/issues/13610\n    // eslint-disable-next-line react-internal/no-production-logging\n\n    Function.prototype.apply.call(console[level], console, argsWithFormat);\n  }\n}\n\n// -----------------------------------------------------------------------------\n\nvar enableScopeAPI = false; // Experimental Create Event Handle API.\nvar enableCacheElement = false;\nvar enableTransitionTracing = false; // No known bugs, but needs performance testing\n\nvar enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber\n// stuff. Intended to enable React core members to more easily debug scheduling\n// issues in DEV builds.\n\nvar enableDebugTracing = false; // Track which Fiber(s) schedule render work.\n\nvar REACT_MODULE_REFERENCE;\n\n{\n  REACT_MODULE_REFERENCE = Symbol.for('react.module.reference');\n}\n\nfunction isValidElementType(type) {\n  if (typeof type === 'string' || typeof type === 'function') {\n    return true;\n  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).\n\n\n  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || enableCacheElement  || enableTransitionTracing ) {\n    return true;\n  }\n\n  if (typeof type === 'object' && type !== null) {\n    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object\n    // types supported by any Flight configuration anywhere since\n    // we don't know which Flight build this will end up being used\n    // with.\n    type.$$typeof === REACT_MODULE_REFERENCE || type.getModuleId !== undefined) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\nfunction getWrappedName(outerType, innerType, wrapperName) {\n  var displayName = outerType.displayName;\n\n  if (displayName) {\n    return displayName;\n  }\n\n  var functionName = innerType.displayName || innerType.name || '';\n  return functionName !== '' ? wrapperName + \"(\" + functionName + \")\" : wrapperName;\n} // Keep in sync with react-reconciler/getComponentNameFromFiber\n\n\nfunction getContextName(type) {\n  return type.displayName || 'Context';\n} // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.\n\n\nfunction getComponentNameFromType(type) {\n  if (type == null) {\n    // Host root, text node or just invalid type.\n    return null;\n  }\n\n  {\n    if (typeof type.tag === 'number') {\n      error('Received an unexpected object in getComponentNameFromType(). ' + 'This is likely a bug in React. Please file an issue.');\n    }\n  }\n\n  if (typeof type === 'function') {\n    return type.displayName || type.name || null;\n  }\n\n  if (typeof type === 'string') {\n    return type;\n  }\n\n  switch (type) {\n    case REACT_FRAGMENT_TYPE:\n      return 'Fragment';\n\n    case REACT_PORTAL_TYPE:\n      return 'Portal';\n\n    case REACT_PROFILER_TYPE:\n      return 'Profiler';\n\n    case REACT_STRICT_MODE_TYPE:\n      return 'StrictMode';\n\n    case REACT_SUSPENSE_TYPE:\n      return 'Suspense';\n\n    case REACT_SUSPENSE_LIST_TYPE:\n      return 'SuspenseList';\n\n  }\n\n  if (typeof type === 'object') {\n    switch (type.$$typeof) {\n      case REACT_CONTEXT_TYPE:\n        var context = type;\n        return getContextName(context) + '.Consumer';\n\n      case REACT_PROVIDER_TYPE:\n        var provider = type;\n        return getContextName(provider._context) + '.Provider';\n\n      case REACT_FORWARD_REF_TYPE:\n        return getWrappedName(type, type.render, 'ForwardRef');\n\n      case REACT_MEMO_TYPE:\n        var outerName = type.displayName || null;\n\n        if (outerName !== null) {\n          return outerName;\n        }\n\n        return getComponentNameFromType(type.type) || 'Memo';\n\n      case REACT_LAZY_TYPE:\n        {\n          var lazyComponent = type;\n          var payload = lazyComponent._payload;\n          var init = lazyComponent._init;\n\n          try {\n            return getComponentNameFromType(init(payload));\n          } catch (x) {\n            return null;\n          }\n        }\n\n      // eslint-disable-next-line no-fallthrough\n    }\n  }\n\n  return null;\n}\n\nvar assign = Object.assign;\n\n// Helpers to patch console.logs to avoid logging during side-effect free\n// replaying on render function. This currently only patches the object\n// lazily which won't cover if the log function was extracted eagerly.\n// We could also eagerly patch the method.\nvar disabledDepth = 0;\nvar prevLog;\nvar prevInfo;\nvar prevWarn;\nvar prevError;\nvar prevGroup;\nvar prevGroupCollapsed;\nvar prevGroupEnd;\n\nfunction disabledLog() {}\n\ndisabledLog.__reactDisabledLog = true;\nfunction disableLogs() {\n  {\n    if (disabledDepth === 0) {\n      /* eslint-disable react-internal/no-production-logging */\n      prevLog = console.log;\n      prevInfo = console.info;\n      prevWarn = console.warn;\n      prevError = console.error;\n      prevGroup = console.group;\n      prevGroupCollapsed = console.groupCollapsed;\n      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099\n\n      var props = {\n        configurable: true,\n        enumerable: true,\n        value: disabledLog,\n        writable: true\n      }; // $FlowFixMe Flow thinks console is immutable.\n\n      Object.defineProperties(console, {\n        info: props,\n        log: props,\n        warn: props,\n        error: props,\n        group: props,\n        groupCollapsed: props,\n        groupEnd: props\n      });\n      /* eslint-enable react-internal/no-production-logging */\n    }\n\n    disabledDepth++;\n  }\n}\nfunction reenableLogs() {\n  {\n    disabledDepth--;\n\n    if (disabledDepth === 0) {\n      /* eslint-disable react-internal/no-production-logging */\n      var props = {\n        configurable: true,\n        enumerable: true,\n        writable: true\n      }; // $FlowFixMe Flow thinks console is immutable.\n\n      Object.defineProperties(console, {\n        log: assign({}, props, {\n          value: prevLog\n        }),\n        info: assign({}, props, {\n          value: prevInfo\n        }),\n        warn: assign({}, props, {\n          value: prevWarn\n        }),\n        error: assign({}, props, {\n          value: prevError\n        }),\n        group: assign({}, props, {\n          value: prevGroup\n        }),\n        groupCollapsed: assign({}, props, {\n          value: prevGroupCollapsed\n        }),\n        groupEnd: assign({}, props, {\n          value: prevGroupEnd\n        })\n      });\n      /* eslint-enable react-internal/no-production-logging */\n    }\n\n    if (disabledDepth < 0) {\n      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');\n    }\n  }\n}\n\nvar ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;\nvar prefix;\nfunction describeBuiltInComponentFrame(name, source, ownerFn) {\n  {\n    if (prefix === undefined) {\n      // Extract the VM specific prefix used by each line.\n      try {\n        throw Error();\n      } catch (x) {\n        var match = x.stack.trim().match(/\\n( *(at )?)/);\n        prefix = match && match[1] || '';\n      }\n    } // We use the prefix to ensure our stacks line up with native stack frames.\n\n\n    return '\\n' + prefix + name;\n  }\n}\nvar reentry = false;\nvar componentFrameCache;\n\n{\n  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;\n  componentFrameCache = new PossiblyWeakMap();\n}\n\nfunction describeNativeComponentFrame(fn, construct) {\n  // If something asked for a stack inside a fake render, it should get ignored.\n  if ( !fn || reentry) {\n    return '';\n  }\n\n  {\n    var frame = componentFrameCache.get(fn);\n\n    if (frame !== undefined) {\n      return frame;\n    }\n  }\n\n  var control;\n  reentry = true;\n  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe It does accept undefined.\n\n  Error.prepareStackTrace = undefined;\n  var previousDispatcher;\n\n  {\n    previousDispatcher = ReactCurrentDispatcher.current; // Set the dispatcher in DEV because this might be call in the render function\n    // for warnings.\n\n    ReactCurrentDispatcher.current = null;\n    disableLogs();\n  }\n\n  try {\n    // This should throw.\n    if (construct) {\n      // Something should be setting the props in the constructor.\n      var Fake = function () {\n        throw Error();\n      }; // $FlowFixMe\n\n\n      Object.defineProperty(Fake.prototype, 'props', {\n        set: function () {\n          // We use a throwing setter instead of frozen or non-writable props\n          // because that won't throw in a non-strict mode function.\n          throw Error();\n        }\n      });\n\n      if (typeof Reflect === 'object' && Reflect.construct) {\n        // We construct a different control for this case to include any extra\n        // frames added by the construct call.\n        try {\n          Reflect.construct(Fake, []);\n        } catch (x) {\n          control = x;\n        }\n\n        Reflect.construct(fn, [], Fake);\n      } else {\n        try {\n          Fake.call();\n        } catch (x) {\n          control = x;\n        }\n\n        fn.call(Fake.prototype);\n      }\n    } else {\n      try {\n        throw Error();\n      } catch (x) {\n        control = x;\n      }\n\n      fn();\n    }\n  } catch (sample) {\n    // This is inlined manually because closure doesn't do it for us.\n    if (sample && control && typeof sample.stack === 'string') {\n      // This extracts the first frame from the sample that isn't also in the control.\n      // Skipping one frame that we assume is the frame that calls the two.\n      var sampleLines = sample.stack.split('\\n');\n      var controlLines = control.stack.split('\\n');\n      var s = sampleLines.length - 1;\n      var c = controlLines.length - 1;\n\n      while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {\n        // We expect at least one stack frame to be shared.\n        // Typically this will be the root most one. However, stack frames may be\n        // cut off due to maximum stack limits. In this case, one maybe cut off\n        // earlier than the other. We assume that the sample is longer or the same\n        // and there for cut off earlier. So we should find the root most frame in\n        // the sample somewhere in the control.\n        c--;\n      }\n\n      for (; s >= 1 && c >= 0; s--, c--) {\n        // Next we find the first one that isn't the same which should be the\n        // frame that called our sample function and the control.\n        if (sampleLines[s] !== controlLines[c]) {\n          // In V8, the first line is describing the message but other VMs don't.\n          // If we're about to return the first line, and the control is also on the same\n          // line, that's a pretty good indicator that our sample threw at same line as\n          // the control. I.e. before we entered the sample frame. So we ignore this result.\n          // This can happen if you passed a class to function component, or non-function.\n          if (s !== 1 || c !== 1) {\n            do {\n              s--;\n              c--; // We may still have similar intermediate frames from the construct call.\n              // The next one that isn't the same should be our match though.\n\n              if (c < 0 || sampleLines[s] !== controlLines[c]) {\n                // V8 adds a \"new\" prefix for native classes. Let's remove it to make it prettier.\n                var _frame = '\\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled \"<anonymous>\"\n                // but we have a user-provided \"displayName\"\n                // splice it in to make the stack more readable.\n\n\n                if (fn.displayName && _frame.includes('<anonymous>')) {\n                  _frame = _frame.replace('<anonymous>', fn.displayName);\n                }\n\n                {\n                  if (typeof fn === 'function') {\n                    componentFrameCache.set(fn, _frame);\n                  }\n                } // Return the line we found.\n\n\n                return _frame;\n              }\n            } while (s >= 1 && c >= 0);\n          }\n\n          break;\n        }\n      }\n    }\n  } finally {\n    reentry = false;\n\n    {\n      ReactCurrentDispatcher.current = previousDispatcher;\n      reenableLogs();\n    }\n\n    Error.prepareStackTrace = previousPrepareStackTrace;\n  } // Fallback to just using the name if we couldn't make it throw.\n\n\n  var name = fn ? fn.displayName || fn.name : '';\n  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';\n\n  {\n    if (typeof fn === 'function') {\n      componentFrameCache.set(fn, syntheticFrame);\n    }\n  }\n\n  return syntheticFrame;\n}\nfunction describeFunctionComponentFrame(fn, source, ownerFn) {\n  {\n    return describeNativeComponentFrame(fn, false);\n  }\n}\n\nfunction shouldConstruct(Component) {\n  var prototype = Component.prototype;\n  return !!(prototype && prototype.isReactComponent);\n}\n\nfunction describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {\n\n  if (type == null) {\n    return '';\n  }\n\n  if (typeof type === 'function') {\n    {\n      return describeNativeComponentFrame(type, shouldConstruct(type));\n    }\n  }\n\n  if (typeof type === 'string') {\n    return describeBuiltInComponentFrame(type);\n  }\n\n  switch (type) {\n    case REACT_SUSPENSE_TYPE:\n      return describeBuiltInComponentFrame('Suspense');\n\n    case REACT_SUSPENSE_LIST_TYPE:\n      return describeBuiltInComponentFrame('SuspenseList');\n  }\n\n  if (typeof type === 'object') {\n    switch (type.$$typeof) {\n      case REACT_FORWARD_REF_TYPE:\n        return describeFunctionComponentFrame(type.render);\n\n      case REACT_MEMO_TYPE:\n        // Memo may contain any component type so we recursively resolve it.\n        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);\n\n      case REACT_LAZY_TYPE:\n        {\n          var lazyComponent = type;\n          var payload = lazyComponent._payload;\n          var init = lazyComponent._init;\n\n          try {\n            // Lazy may contain any component type so we recursively resolve it.\n            return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);\n          } catch (x) {}\n        }\n    }\n  }\n\n  return '';\n}\n\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\n\nvar loggedTypeFailures = {};\nvar ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;\n\nfunction setCurrentlyValidatingElement(element) {\n  {\n    if (element) {\n      var owner = element._owner;\n      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);\n      ReactDebugCurrentFrame.setExtraStackFrame(stack);\n    } else {\n      ReactDebugCurrentFrame.setExtraStackFrame(null);\n    }\n  }\n}\n\nfunction checkPropTypes(typeSpecs, values, location, componentName, element) {\n  {\n    // $FlowFixMe This is okay but Flow doesn't know it.\n    var has = Function.call.bind(hasOwnProperty);\n\n    for (var typeSpecName in typeSpecs) {\n      if (has(typeSpecs, typeSpecName)) {\n        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to\n        // fail the render phase where it didn't fail before. So we log it.\n        // After these have been cleaned up, we'll let them throw.\n\n        try {\n          // This is intentionally an invariant that gets caught. It's the same\n          // behavior as without this statement except with a better message.\n          if (typeof typeSpecs[typeSpecName] !== 'function') {\n            // eslint-disable-next-line react-internal/prod-error-codes\n            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');\n            err.name = 'Invariant Violation';\n            throw err;\n          }\n\n          error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');\n        } catch (ex) {\n          error$1 = ex;\n        }\n\n        if (error$1 && !(error$1 instanceof Error)) {\n          setCurrentlyValidatingElement(element);\n\n          error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);\n\n          setCurrentlyValidatingElement(null);\n        }\n\n        if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {\n          // Only monitor this failure once because there tends to be a lot of the\n          // same error.\n          loggedTypeFailures[error$1.message] = true;\n          setCurrentlyValidatingElement(element);\n\n          error('Failed %s type: %s', location, error$1.message);\n\n          setCurrentlyValidatingElement(null);\n        }\n      }\n    }\n  }\n}\n\nvar isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare\n\nfunction isArray(a) {\n  return isArrayImpl(a);\n}\n\n/*\n * The `'' + value` pattern (used in in perf-sensitive code) throws for Symbol\n * and Temporal.* types. See https://github.com/facebook/react/pull/22064.\n *\n * The functions in this module will throw an easier-to-understand,\n * easier-to-debug exception with a clear errors message message explaining the\n * problem. (Instead of a confusing exception thrown inside the implementation\n * of the `value` object).\n */\n// $FlowFixMe only called in DEV, so void return is not possible.\nfunction typeName(value) {\n  {\n    // toStringTag is needed for namespaced types like Temporal.Instant\n    var hasToStringTag = typeof Symbol === 'function' && Symbol.toStringTag;\n    var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || 'Object';\n    return type;\n  }\n} // $FlowFixMe only called in DEV, so void return is not possible.\n\n\nfunction willCoercionThrow(value) {\n  {\n    try {\n      testStringCoercion(value);\n      return false;\n    } catch (e) {\n      return true;\n    }\n  }\n}\n\nfunction testStringCoercion(value) {\n  // If you ended up here by following an exception call stack, here's what's\n  // happened: you supplied an object or symbol value to React (as a prop, key,\n  // DOM attribute, CSS property, string ref, etc.) and when React tried to\n  // coerce it to a string using `'' + value`, an exception was thrown.\n  //\n  // The most common types that will cause this exception are `Symbol` instances\n  // and Temporal objects like `Temporal.Instant`. But any object that has a\n  // `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this\n  // exception. (Library authors do this to prevent users from using built-in\n  // numeric operators like `+` or comparison operators like `>=` because custom\n  // methods are needed to perform accurate arithmetic or comparison.)\n  //\n  // To fix the problem, coerce this object or symbol value to a string before\n  // passing it to React. The most reliable way is usually `String(value)`.\n  //\n  // To find which value is throwing, check the browser or debugger console.\n  // Before this exception was thrown, there should be `console.error` output\n  // that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the\n  // problem and how that type was used: key, atrribute, input value prop, etc.\n  // In most cases, this console output also shows the component and its\n  // ancestor components where the exception happened.\n  //\n  // eslint-disable-next-line react-internal/safe-string-coercion\n  return '' + value;\n}\nfunction checkKeyStringCoercion(value) {\n  {\n    if (willCoercionThrow(value)) {\n      error('The provided key is an unsupported type %s.' + ' This value must be coerced to a string before before using it here.', typeName(value));\n\n      return testStringCoercion(value); // throw (to help callers find troubleshooting comments)\n    }\n  }\n}\n\nvar ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;\nvar RESERVED_PROPS = {\n  key: true,\n  ref: true,\n  __self: true,\n  __source: true\n};\nvar specialPropKeyWarningShown;\nvar specialPropRefWarningShown;\nvar didWarnAboutStringRefs;\n\n{\n  didWarnAboutStringRefs = {};\n}\n\nfunction hasValidRef(config) {\n  {\n    if (hasOwnProperty.call(config, 'ref')) {\n      var getter = Object.getOwnPropertyDescriptor(config, 'ref').get;\n\n      if (getter && getter.isReactWarning) {\n        return false;\n      }\n    }\n  }\n\n  return config.ref !== undefined;\n}\n\nfunction hasValidKey(config) {\n  {\n    if (hasOwnProperty.call(config, 'key')) {\n      var getter = Object.getOwnPropertyDescriptor(config, 'key').get;\n\n      if (getter && getter.isReactWarning) {\n        return false;\n      }\n    }\n  }\n\n  return config.key !== undefined;\n}\n\nfunction warnIfStringRefCannotBeAutoConverted(config, self) {\n  {\n    if (typeof config.ref === 'string' && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {\n      var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);\n\n      if (!didWarnAboutStringRefs[componentName]) {\n        error('Component \"%s\" contains the string ref \"%s\". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);\n\n        didWarnAboutStringRefs[componentName] = true;\n      }\n    }\n  }\n}\n\nfunction defineKeyPropWarningGetter(props, displayName) {\n  {\n    var warnAboutAccessingKey = function () {\n      if (!specialPropKeyWarningShown) {\n        specialPropKeyWarningShown = true;\n\n        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://reactjs.org/link/special-props)', displayName);\n      }\n    };\n\n    warnAboutAccessingKey.isReactWarning = true;\n    Object.defineProperty(props, 'key', {\n      get: warnAboutAccessingKey,\n      configurable: true\n    });\n  }\n}\n\nfunction defineRefPropWarningGetter(props, displayName) {\n  {\n    var warnAboutAccessingRef = function () {\n      if (!specialPropRefWarningShown) {\n        specialPropRefWarningShown = true;\n\n        error('%s: `ref` 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://reactjs.org/link/special-props)', displayName);\n      }\n    };\n\n    warnAboutAccessingRef.isReactWarning = true;\n    Object.defineProperty(props, 'ref', {\n      get: warnAboutAccessingRef,\n      configurable: true\n    });\n  }\n}\n/**\n * Factory method to create a new React element. This no longer adheres to\n * the class pattern, so do not use new to call it. Also, instanceof check\n * will not work. Instead test $$typeof field against Symbol.for('react.element') to check\n * if something is a React Element.\n *\n * @param {*} type\n * @param {*} props\n * @param {*} key\n * @param {string|object} ref\n * @param {*} owner\n * @param {*} self A *temporary* helper to detect places where `this` is\n * different from the `owner` when React.createElement is called, so that we\n * can warn. We want to get rid of owner and replace string `ref`s with arrow\n * functions, and as long as `this` and owner are the same, there will be no\n * change in behavior.\n * @param {*} source An annotation object (added by a transpiler or otherwise)\n * indicating filename, line number, and/or other information.\n * @internal\n */\n\n\nvar ReactElement = function (type, key, ref, self, source, owner, props) {\n  var element = {\n    // This tag allows us to uniquely identify this as a React Element\n    $$typeof: REACT_ELEMENT_TYPE,\n    // Built-in properties that belong on the element\n    type: type,\n    key: key,\n    ref: ref,\n    props: props,\n    // Record the component responsible for creating this element.\n    _owner: owner\n  };\n\n  {\n    // The validation flag is currently mutative. We put it on\n    // an external backing store so that we can freeze the whole object.\n    // This can be replaced with a WeakMap once they are implemented in\n    // commonly used development environments.\n    element._store = {}; // To make comparing ReactElements easier for testing purposes, we make\n    // the validation flag non-enumerable (where possible, which should\n    // include every environment we run tests in), so the test framework\n    // ignores it.\n\n    Object.defineProperty(element._store, 'validated', {\n      configurable: false,\n      enumerable: false,\n      writable: true,\n      value: false\n    }); // self and source are DEV only properties.\n\n    Object.defineProperty(element, '_self', {\n      configurable: false,\n      enumerable: false,\n      writable: false,\n      value: self\n    }); // Two elements created in two different places should be considered\n    // equal for testing purposes and therefore we hide it from enumeration.\n\n    Object.defineProperty(element, '_source', {\n      configurable: false,\n      enumerable: false,\n      writable: false,\n      value: source\n    });\n\n    if (Object.freeze) {\n      Object.freeze(element.props);\n      Object.freeze(element);\n    }\n  }\n\n  return element;\n};\n/**\n * https://github.com/reactjs/rfcs/pull/107\n * @param {*} type\n * @param {object} props\n * @param {string} key\n */\n\nfunction jsxDEV(type, config, maybeKey, source, self) {\n  {\n    var propName; // Reserved names are extracted\n\n    var props = {};\n    var key = null;\n    var ref = null; // Currently, key can be spread in as a prop. This causes a potential\n    // issue if key is also explicitly declared (ie. <div {...props} key=\"Hi\" />\n    // or <div key=\"Hi\" {...props} /> ). We want to deprecate key spread,\n    // but as an intermediary step, we will use jsxDEV for everything except\n    // <div {...props} key=\"Hi\" />, because we aren't currently able to tell if\n    // key is explicitly declared to be undefined or not.\n\n    if (maybeKey !== undefined) {\n      {\n        checkKeyStringCoercion(maybeKey);\n      }\n\n      key = '' + maybeKey;\n    }\n\n    if (hasValidKey(config)) {\n      {\n        checkKeyStringCoercion(config.key);\n      }\n\n      key = '' + config.key;\n    }\n\n    if (hasValidRef(config)) {\n      ref = config.ref;\n      warnIfStringRefCannotBeAutoConverted(config, self);\n    } // Remaining properties are added to a new props object\n\n\n    for (propName in config) {\n      if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {\n        props[propName] = config[propName];\n      }\n    } // Resolve default props\n\n\n    if (type && type.defaultProps) {\n      var defaultProps = type.defaultProps;\n\n      for (propName in defaultProps) {\n        if (props[propName] === undefined) {\n          props[propName] = defaultProps[propName];\n        }\n      }\n    }\n\n    if (key || ref) {\n      var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;\n\n      if (key) {\n        defineKeyPropWarningGetter(props, displayName);\n      }\n\n      if (ref) {\n        defineRefPropWarningGetter(props, displayName);\n      }\n    }\n\n    return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);\n  }\n}\n\nvar ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;\nvar ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;\n\nfunction setCurrentlyValidatingElement$1(element) {\n  {\n    if (element) {\n      var owner = element._owner;\n      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);\n      ReactDebugCurrentFrame$1.setExtraStackFrame(stack);\n    } else {\n      ReactDebugCurrentFrame$1.setExtraStackFrame(null);\n    }\n  }\n}\n\nvar propTypesMisspellWarningShown;\n\n{\n  propTypesMisspellWarningShown = false;\n}\n/**\n * Verifies the object is a ReactElement.\n * See https://reactjs.org/docs/react-api.html#isvalidelement\n * @param {?object} object\n * @return {boolean} True if `object` is a ReactElement.\n * @final\n */\n\n\nfunction isValidElement(object) {\n  {\n    return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;\n  }\n}\n\nfunction getDeclarationErrorAddendum() {\n  {\n    if (ReactCurrentOwner$1.current) {\n      var name = getComponentNameFromType(ReactCurrentOwner$1.current.type);\n\n      if (name) {\n        return '\\n\\nCheck the render method of `' + name + '`.';\n      }\n    }\n\n    return '';\n  }\n}\n\nfunction getSourceInfoErrorAddendum(source) {\n  {\n    if (source !== undefined) {\n      var fileName = source.fileName.replace(/^.*[\\\\\\/]/, '');\n      var lineNumber = source.lineNumber;\n      return '\\n\\nCheck your code at ' + fileName + ':' + lineNumber + '.';\n    }\n\n    return '';\n  }\n}\n/**\n * Warn if there's no key explicitly set on dynamic arrays of children or\n * object keys are not valid. This allows us to keep track of children between\n * updates.\n */\n\n\nvar ownerHasKeyUseWarning = {};\n\nfunction getCurrentComponentErrorInfo(parentType) {\n  {\n    var info = getDeclarationErrorAddendum();\n\n    if (!info) {\n      var parentName = typeof parentType === 'string' ? parentType : parentType.displayName || parentType.name;\n\n      if (parentName) {\n        info = \"\\n\\nCheck the top-level render call using <\" + parentName + \">.\";\n      }\n    }\n\n    return info;\n  }\n}\n/**\n * Warn if the element doesn't have an explicit key assigned to it.\n * This element is in an array. The array could grow and shrink or be\n * reordered. All children that haven't already been validated are required to\n * have a \"key\" property assigned to it. Error statuses are cached so a warning\n * will only be shown once.\n *\n * @internal\n * @param {ReactElement} element Element that requires a key.\n * @param {*} parentType element's parent's type.\n */\n\n\nfunction validateExplicitKey(element, parentType) {\n  {\n    if (!element._store || element._store.validated || element.key != null) {\n      return;\n    }\n\n    element._store.validated = true;\n    var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);\n\n    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {\n      return;\n    }\n\n    ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a\n    // property, it may be the creator of the child that's responsible for\n    // assigning it a key.\n\n    var childOwner = '';\n\n    if (element && element._owner && element._owner !== ReactCurrentOwner$1.current) {\n      // Give the component that originally created this child.\n      childOwner = \" It was passed a child from \" + getComponentNameFromType(element._owner.type) + \".\";\n    }\n\n    setCurrentlyValidatingElement$1(element);\n\n    error('Each child in a list should have a unique \"key\" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);\n\n    setCurrentlyValidatingElement$1(null);\n  }\n}\n/**\n * Ensure that every element either is passed in a static location, in an\n * array with an explicit keys property defined, or in an object literal\n * with valid key property.\n *\n * @internal\n * @param {ReactNode} node Statically passed child of any type.\n * @param {*} parentType node's parent's type.\n */\n\n\nfunction validateChildKeys(node, parentType) {\n  {\n    if (typeof node !== 'object') {\n      return;\n    }\n\n    if (isArray(node)) {\n      for (var i = 0; i < node.length; i++) {\n        var child = node[i];\n\n        if (isValidElement(child)) {\n          validateExplicitKey(child, parentType);\n        }\n      }\n    } else if (isValidElement(node)) {\n      // This element was passed in a valid location.\n      if (node._store) {\n        node._store.validated = true;\n      }\n    } else if (node) {\n      var iteratorFn = getIteratorFn(node);\n\n      if (typeof iteratorFn === 'function') {\n        // Entry iterators used to provide implicit keys,\n        // but now we print a separate warning for them later.\n        if (iteratorFn !== node.entries) {\n          var iterator = iteratorFn.call(node);\n          var step;\n\n          while (!(step = iterator.next()).done) {\n            if (isValidElement(step.value)) {\n              validateExplicitKey(step.value, parentType);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n/**\n * Given an element, validate that its props follow the propTypes definition,\n * provided by the type.\n *\n * @param {ReactElement} element\n */\n\n\nfunction validatePropTypes(element) {\n  {\n    var type = element.type;\n\n    if (type === null || type === undefined || typeof type === 'string') {\n      return;\n    }\n\n    var propTypes;\n\n    if (typeof type === 'function') {\n      propTypes = type.propTypes;\n    } else if (typeof type === 'object' && (type.$$typeof === REACT_FORWARD_REF_TYPE || // Note: Memo only checks outer props here.\n    // Inner props are checked in the reconciler.\n    type.$$typeof === REACT_MEMO_TYPE)) {\n      propTypes = type.propTypes;\n    } else {\n      return;\n    }\n\n    if (propTypes) {\n      // Intentionally inside to avoid triggering lazy initializers:\n      var name = getComponentNameFromType(type);\n      checkPropTypes(propTypes, element.props, 'prop', name, element);\n    } else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {\n      propTypesMisspellWarningShown = true; // Intentionally inside to avoid triggering lazy initializers:\n\n      var _name = getComponentNameFromType(type);\n\n      error('Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', _name || 'Unknown');\n    }\n\n    if (typeof type.getDefaultProps === 'function' && !type.getDefaultProps.isReactClassApproved) {\n      error('getDefaultProps is only used on classic React.createClass ' + 'definitions. Use a static property named `defaultProps` instead.');\n    }\n  }\n}\n/**\n * Given a fragment, validate that it can only be provided with fragment props\n * @param {ReactElement} fragment\n */\n\n\nfunction validateFragmentProps(fragment) {\n  {\n    var keys = Object.keys(fragment.props);\n\n    for (var i = 0; i < keys.length; i++) {\n      var key = keys[i];\n\n      if (key !== 'children' && key !== 'key') {\n        setCurrentlyValidatingElement$1(fragment);\n\n        error('Invalid prop `%s` supplied to `React.Fragment`. ' + 'React.Fragment can only have `key` and `children` props.', key);\n\n        setCurrentlyValidatingElement$1(null);\n        break;\n      }\n    }\n\n    if (fragment.ref !== null) {\n      setCurrentlyValidatingElement$1(fragment);\n\n      error('Invalid attribute `ref` supplied to `React.Fragment`.');\n\n      setCurrentlyValidatingElement$1(null);\n    }\n  }\n}\n\nvar didWarnAboutKeySpread = {};\nfunction jsxWithValidation(type, props, key, isStaticChildren, source, self) {\n  {\n    var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to\n    // succeed and there will likely be errors in render.\n\n    if (!validType) {\n      var info = '';\n\n      if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {\n        info += ' You likely forgot to export your component from the file ' + \"it's defined in, or you might have mixed up default and named imports.\";\n      }\n\n      var sourceInfo = getSourceInfoErrorAddendum(source);\n\n      if (sourceInfo) {\n        info += sourceInfo;\n      } else {\n        info += getDeclarationErrorAddendum();\n      }\n\n      var typeString;\n\n      if (type === null) {\n        typeString = 'null';\n      } else if (isArray(type)) {\n        typeString = 'array';\n      } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {\n        typeString = \"<\" + (getComponentNameFromType(type.type) || 'Unknown') + \" />\";\n        info = ' Did you accidentally export a JSX literal instead of a component?';\n      } else {\n        typeString = typeof type;\n      }\n\n      error('React.jsx: type is invalid -- expected a string (for ' + 'built-in components) or a class/function (for composite ' + 'components) but got: %s.%s', typeString, info);\n    }\n\n    var element = jsxDEV(type, props, key, source, self); // The result can be nullish if a mock or a custom function is used.\n    // TODO: Drop this when these are no longer allowed as the type argument.\n\n    if (element == null) {\n      return element;\n    } // Skip key warning if the type isn't valid since our key validation logic\n    // doesn't expect a non-string/function type and can throw confusing errors.\n    // We don't want exception behavior to differ between dev and prod.\n    // (Rendering will throw with a helpful message and as soon as the type is\n    // fixed, the key warnings will appear.)\n\n\n    if (validType) {\n      var children = props.children;\n\n      if (children !== undefined) {\n        if (isStaticChildren) {\n          if (isArray(children)) {\n            for (var i = 0; i < children.length; i++) {\n              validateChildKeys(children[i], type);\n            }\n\n            if (Object.freeze) {\n              Object.freeze(children);\n            }\n          } else {\n            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.');\n          }\n        } else {\n          validateChildKeys(children, type);\n        }\n      }\n    }\n\n    {\n      if (hasOwnProperty.call(props, 'key')) {\n        var componentName = getComponentNameFromType(type);\n        var keys = Object.keys(props).filter(function (k) {\n          return k !== 'key';\n        });\n        var beforeExample = keys.length > 0 ? '{key: someKey, ' + keys.join(': ..., ') + ': ...}' : '{key: someKey}';\n\n        if (!didWarnAboutKeySpread[componentName + beforeExample]) {\n          var afterExample = keys.length > 0 ? '{' + keys.join(': ..., ') + ': ...}' : '{}';\n\n          error('A props object containing a \"key\" prop is being spread into JSX:\\n' + '  let props = %s;\\n' + '  <%s {...props} />\\n' + 'React keys must be passed directly to JSX without using spread:\\n' + '  let props = %s;\\n' + '  <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName);\n\n          didWarnAboutKeySpread[componentName + beforeExample] = true;\n        }\n      }\n    }\n\n    if (type === REACT_FRAGMENT_TYPE) {\n      validateFragmentProps(element);\n    } else {\n      validatePropTypes(element);\n    }\n\n    return element;\n  }\n} // These two functions exist to still get child warnings in dev\n// even with the prod transform. This means that jsxDEV is purely\n// opt-in behavior for better messages but that we won't stop\n// giving you warnings if you use production apis.\n\nfunction jsxWithValidationStatic(type, props, key) {\n  {\n    return jsxWithValidation(type, props, key, true);\n  }\n}\nfunction jsxWithValidationDynamic(type, props, key) {\n  {\n    return jsxWithValidation(type, props, key, false);\n  }\n}\n\nvar jsx =  jsxWithValidationDynamic ; // we may want to special case jsxs internally to take advantage of static children.\n// for now we can ship identical prod functions\n\nvar jsxs =  jsxWithValidationStatic ;\n\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsx;\nexports.jsxs = jsxs;\n  })();\n}\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.min.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","// src/context/ThemeContext.jsx\r\nimport React, { createContext, useState, useContext, useEffect } from 'react';\r\n\r\nconst ThemeContext = createContext();\r\n\r\nexport const useTheme = () => useContext(ThemeContext);\r\n\r\nexport const ThemeProvider = ({ initialTheme = 'light', children }) => {\r\n  const [theme, setTheme] = useState(initialTheme);\r\n\r\n  const toggleTheme = () => {\r\n    setTheme(prevTheme => prevTheme === 'light' ? 'dark' : 'light');\r\n  };\r\n\r\n  useEffect(() => {\r\n    document.documentElement.classList.remove('light', 'dark');\r\n    document.documentElement.classList.add(theme);\r\n  }, [theme]);\r\n\r\n  return (\r\n    <ThemeContext.Provider value={{ theme, setTheme, toggleTheme }}>\r\n      {children}\r\n    </ThemeContext.Provider>\r\n  );\r\n};\r\n","// src/services/api.js - Production Version\r\nlet apiConfig = {\r\n    apiKey: null,\r\n    apiSecret: null,\r\n    apiUrl: 'https://coinleyserver-production.up.railway.app'\r\n  };\r\n  \r\n  /**\r\n   * Initialize the API with configuration\r\n   * @param {Object} config - API configuration\r\n   */\r\n  export const initializeApi = (config) => {\r\n    apiConfig = { ...apiConfig, ...config };\r\n    console.log('API initialized with:', apiConfig);\r\n  };\r\n  \r\n  /**\r\n   * Generate headers with authentication\r\n   * @returns {Object} - Headers object with authentication\r\n   */\r\n  const getHeaders = () => {\r\n    return {\r\n      'Content-Type': 'application/json',\r\n      'x-api-key': apiConfig.apiKey,\r\n      'x-api-secret': apiConfig.apiSecret\r\n    };\r\n  };\r\n  \r\n  /**\r\n   * Create a new payment\r\n   * @param {Object} paymentData - Payment data\r\n   * @returns {Promise} - Promise resolving to payment details\r\n   */\r\n  export const createPayment = async (paymentData) => {\r\n    try {\r\n      console.log('Creating payment with data:', paymentData);\r\n      console.log('API URL:', `${apiConfig.apiUrl}/api/payments/create`);\r\n      \r\n      const response = await fetch(`${apiConfig.apiUrl}/api/payments/create`, {\r\n        method: 'POST',\r\n        headers: getHeaders(),\r\n        body: JSON.stringify(paymentData)\r\n      });\r\n  \r\n      console.log('Create payment response status:', response.status);\r\n      \r\n      if (!response.ok) {\r\n        const errorData = await response.json();\r\n        console.error('Error creating payment:', errorData);\r\n        throw new Error(errorData.error || `Failed to create payment: ${response.status}`);\r\n      }\r\n  \r\n      const data = await response.json();\r\n      console.log('Create payment response data:', data);\r\n      return data;\r\n    } catch (error) {\r\n      console.error('Create payment error:', error);\r\n      throw error;\r\n    }\r\n  };\r\n  \r\n  /**\r\n   * Get payment details by ID\r\n   * @param {string} paymentId - Payment ID\r\n   * @returns {Promise} - Promise resolving to payment details\r\n   */\r\n  export const getPayment = async (paymentId) => {\r\n    try {\r\n      console.log('Getting payment:', paymentId);\r\n      \r\n      const response = await fetch(`${apiConfig.apiUrl}/api/payments/${paymentId}`, {\r\n        method: 'GET',\r\n        headers: getHeaders()\r\n      });\r\n  \r\n      if (!response.ok) {\r\n        const errorData = await response.json();\r\n        console.error('Error getting payment:', errorData);\r\n        throw new Error(errorData.error || `Failed to get payment: ${response.status}`);\r\n      }\r\n  \r\n      const data = await response.json();\r\n      console.log('Get payment response:', data);\r\n      return data;\r\n    } catch (error) {\r\n      console.error('Get payment error:', error);\r\n      throw error;\r\n    }\r\n  };\r\n  \r\n  /**\r\n   * Process a payment\r\n   * @param {Object} processData - Payment process data\r\n   * @returns {Promise} - Promise resolving to processed payment details\r\n   */\r\n  export const processPayment = async (processData) => {\r\n    try {\r\n      console.log('Processing payment with data:', processData);\r\n      console.log('API URL:', `${apiConfig.apiUrl}/api/payments/process`);\r\n      \r\n      const response = await fetch(`${apiConfig.apiUrl}/api/payments/process`, {\r\n        method: 'POST',\r\n        headers: getHeaders(),\r\n        body: JSON.stringify(processData)\r\n      });\r\n  \r\n      console.log('Process payment response status:', response.status);\r\n      \r\n      if (!response.ok) {\r\n        const errorData = await response.json();\r\n        console.error('Error processing payment:', errorData);\r\n        throw new Error(errorData.error || `Failed to process payment: ${response.status}`);\r\n      }\r\n  \r\n      const data = await response.json();\r\n      console.log('Process payment response data:', data);\r\n      return data;\r\n    } catch (error) {\r\n      console.error('Process payment error:', error);\r\n      throw error;\r\n    }\r\n  };\r\n  \r\n  /**\r\n   * Get merchant payments with optional filtering\r\n   * @param {Object} options - Filter and pagination options\r\n   * @returns {Promise} - Promise resolving to paginated payment list\r\n   */\r\n  export const getMerchantPayments = async (options = {}) => {\r\n    try {\r\n      const { page = 1, limit = 10, status, currency, startDate, endDate, search } = options;\r\n      \r\n      // Build query string\r\n      const queryParams = new URLSearchParams();\r\n      queryParams.append('page', page);\r\n      queryParams.append('limit', limit);\r\n      \r\n      if (status) queryParams.append('status', status);\r\n      if (currency) queryParams.append('currency', currency);\r\n      if (startDate) queryParams.append('startDate', startDate);\r\n      if (endDate) queryParams.append('endDate', endDate);\r\n      if (search) queryParams.append('search', search);\r\n      \r\n      const url = `${apiConfig.apiUrl}/api/payments/merchant/list?${queryParams.toString()}`;\r\n      \r\n      const response = await fetch(url, {\r\n        method: 'GET',\r\n        headers: getHeaders()\r\n      });\r\n      \r\n      if (!response.ok) {\r\n        const errorData = await response.json();\r\n        throw new Error(errorData.error || `Failed to get payments: ${response.status}`);\r\n      }\r\n      \r\n      return await response.json();\r\n    } catch (error) {\r\n      console.error('Get merchant payments error:', error);\r\n      throw error;\r\n    }\r\n  };\r\n  \r\n  /**\r\n   * Get payment statistics for the merchant\r\n   * @returns {Promise} - Promise resolving to payment statistics\r\n   */\r\n  export const getMerchantPaymentStats = async () => {\r\n    try {\r\n      const response = await fetch(`${apiConfig.apiUrl}/api/payments/merchant/stats`, {\r\n        method: 'GET',\r\n        headers: getHeaders()\r\n      });\r\n      \r\n      if (!response.ok) {\r\n        const errorData = await response.json();\r\n        throw new Error(errorData.error || `Failed to get payment stats: ${response.status}`);\r\n      }\r\n      \r\n      return await response.json();\r\n    } catch (error) {\r\n      console.error('Get merchant payment stats error:', error);\r\n      throw error;\r\n    }\r\n  };\r\n  \r\n  /**\r\n   * Get supported currencies from the server\r\n   * @returns {Promise} - Promise resolving to list of supported currencies\r\n   */\r\n  export const getSupportedCurrencies = async () => {\r\n    try {\r\n      const response = await fetch(`${apiConfig.apiUrl}/api/payments/currencies`, {\r\n        method: 'GET',\r\n        headers: getHeaders()\r\n      });\r\n      \r\n      if (!response.ok) {\r\n        const errorData = await response.json();\r\n        throw new Error(errorData.error || `Failed to get currencies: ${response.status}`);\r\n      }\r\n      \r\n      return await response.json();\r\n    } catch (error) {\r\n      console.error('Get supported currencies error:', error);\r\n      \r\n      // Fallback to hardcoded list if API fails\r\n      return {\r\n        currencies: [\r\n          { id: 'USDT', name: 'Tether USD', network: 'ethereum' },\r\n          { id: 'USDC', name: 'USD Coin', network: 'ethereum' },\r\n          { id: 'BNB', name: 'Binance Coin', network: 'binance' },\r\n          { id: 'SOL', name: 'Solana', network: 'solana' },\r\n          { id: 'USDC_SOL', name: 'USD Coin (Solana)', network: 'solana' }\r\n        ]\r\n      };\r\n    }\r\n  };\r\n  \r\n  /**\r\n   * Generate a mock transaction hash for testing\r\n   * @returns {string} - Mock transaction hash\r\n   */\r\n  export const generateMockTransactionHash = () => {\r\n    return `0x${Array.from({length: 64}, () => \r\n      Math.floor(Math.random() * 16).toString(16)).join('')}`;\r\n  };","\r\n// src/context/CoinleyContext.jsx\r\nimport React, { createContext, useContext, useState, useEffect } from 'react';\r\nimport { initializeApi } from '../services/api';\r\n\r\nconst CoinleyContext = createContext();\r\n\r\nexport const useCoinley = () => useContext(CoinleyContext);\r\n\r\nexport const CoinleyProvider = ({ \r\n  apiKey, \r\n  apiSecret, \r\n  apiUrl = 'https://coinleyserver-production.up.railway.app',\r\n  debug = false,\r\n  children \r\n}) => {\r\n  const [isInitialized, setIsInitialized] = useState(false);\r\n  const [error, setError] = useState(null);\r\n\r\n  useEffect(() => {\r\n    if (!apiKey || !apiSecret) {\r\n      setError('API key and secret are required');\r\n      return;\r\n    }\r\n\r\n    try {\r\n      initializeApi({ apiKey, apiSecret, apiUrl });\r\n      setIsInitialized(true);\r\n      if (debug) {\r\n        console.log('Coinley SDK initialized with:', { apiKey, apiUrl });\r\n      }\r\n    } catch (err) {\r\n      setError(err.message);\r\n      if (debug) {\r\n        console.error('Coinley SDK initialization error:', err);\r\n      }\r\n    }\r\n  }, [apiKey, apiSecret, apiUrl, debug]);\r\n\r\n  const value = {\r\n    apiKey,\r\n    apiSecret,\r\n    apiUrl,\r\n    isInitialized,\r\n    error,\r\n    debug\r\n  };\r\n\r\n  return (\r\n    <CoinleyContext.Provider value={value}>\r\n      {children}\r\n    </CoinleyContext.Provider>\r\n  );\r\n};","\r\n// src/services/web3.js - Production Version\r\n/**\r\n * Check if MetaMask is installed\r\n * @returns {boolean} - Whether MetaMask is installed\r\n */\r\nexport const isMetaMaskInstalled = () => {\r\n    return typeof window !== 'undefined' && typeof window.ethereum !== 'undefined';\r\n  };\r\n  \r\n  /**\r\n   * Connect to MetaMask wallet\r\n   * @returns {Promise<string[]>} - Promise resolving to array of accounts\r\n   */\r\n  export const connectWallet = async () => {\r\n    if (!isMetaMaskInstalled()) {\r\n      throw new Error('MetaMask is not installed');\r\n    }\r\n  \r\n    try {\r\n      const accounts = await window.ethereum.request({ method: 'eth_requestAccounts' });\r\n      return accounts;\r\n    } catch (error) {\r\n      console.error('Error connecting to wallet:', error);\r\n      throw error;\r\n    }\r\n  };\r\n  \r\n  /**\r\n   * Get current wallet accounts\r\n   * @returns {Promise<string[]>} - Promise resolving to array of accounts\r\n   */\r\n  export const getAccounts = async () => {\r\n    if (!isMetaMaskInstalled()) {\r\n      throw new Error('MetaMask is not installed');\r\n    }\r\n  \r\n    try {\r\n      const accounts = await window.ethereum.request({ method: 'eth_accounts' });\r\n      return accounts;\r\n    } catch (error) {\r\n      console.error('Error getting accounts:', error);\r\n      throw error;\r\n    }\r\n  };\r\n  \r\n  /**\r\n   * Get the current chain ID\r\n   * @returns {Promise<string>} - Promise resolving to chain ID\r\n   */\r\n  export const getChainId = async () => {\r\n    if (!isMetaMaskInstalled()) {\r\n      throw new Error('MetaMask is not installed');\r\n    }\r\n  \r\n    try {\r\n      const chainId = await window.ethereum.request({ method: 'eth_chainId' });\r\n      return chainId;\r\n    } catch (error) {\r\n      console.error('Error getting chain ID:', error);\r\n      throw error;\r\n    }\r\n  };\r\n  \r\n  /**\r\n   * Send a transaction\r\n   * @param {Object} txParams - Transaction parameters\r\n   * @returns {Promise<string>} - Promise resolving to transaction hash\r\n   */\r\n  export const sendTransaction = async (txParams) => {\r\n    if (!isMetaMaskInstalled()) {\r\n      throw new Error('MetaMask is not installed');\r\n    }\r\n  \r\n    try {\r\n      const txHash = await window.ethereum.request({\r\n        method: 'eth_sendTransaction',\r\n        params: [txParams],\r\n      });\r\n      return txHash;\r\n    } catch (error) {\r\n      console.error('Error sending transaction:', error);\r\n      throw error;\r\n    }\r\n  };\r\n  \r\n  /**\r\n   * Send USDT or other ERC-20 token\r\n   * @param {string} tokenAddress - The token contract address\r\n   * @param {string} toAddress - Recipient address\r\n   * @param {string} amount - Amount in smallest unit (e.g., wei)\r\n   * @returns {Promise<string>} - Promise resolving to transaction hash\r\n   */\r\n  export const sendToken = async (tokenAddress, toAddress, amount) => {\r\n    if (!isMetaMaskInstalled()) {\r\n      throw new Error('MetaMask is not installed');\r\n    }\r\n  \r\n    try {\r\n      // Get current account\r\n      const accounts = await window.ethereum.request({ method: 'eth_requestAccounts' });\r\n      const fromAddress = accounts[0];\r\n  \r\n      // ERC-20 token transfer function signature: transfer(address,uint256)\r\n      const transferFunctionSignature = '0xa9059cbb';\r\n      \r\n      // The parameters for the transfer function (to address and amount)\r\n      // Need to pad the address to 32 bytes and convert amount to hex\r\n      const paddedToAddress = toAddress.slice(2).padStart(64, '0');\r\n      const paddedAmount = amount.toString(16).padStart(64, '0');\r\n      \r\n      // Combine everything into the transaction data\r\n      const data = `${transferFunctionSignature}${paddedToAddress}${paddedAmount}`;\r\n      \r\n      // Create transaction parameters\r\n      const txParams = {\r\n        from: fromAddress,\r\n        to: tokenAddress,\r\n        data: data,\r\n      };\r\n      \r\n      // Send the transaction\r\n      const txHash = await window.ethereum.request({\r\n        method: 'eth_sendTransaction',\r\n        params: [txParams],\r\n      });\r\n      \r\n      return txHash;\r\n    } catch (error) {\r\n      console.error('Error sending token:', error);\r\n      throw error;\r\n    }\r\n  };\r\n  \r\n  /**\r\n   * Check if a wallet is connected\r\n   * @returns {Promise<boolean>} - Promise resolving to whether a wallet is connected\r\n   */\r\n  export const isWalletConnected = async () => {\r\n    try {\r\n      const accounts = await getAccounts();\r\n      return accounts.length > 0;\r\n    } catch (error) {\r\n      return false;\r\n    }\r\n  };\r\n  \r\n  /**\r\n   * Determine the network name from chain ID\r\n   * @param {string} chainId - Chain ID in hex\r\n   * @returns {string} - Network name\r\n   */\r\n  export const getNetworkName = (chainId) => {\r\n    const networks = {\r\n      '0x1': 'Ethereum Mainnet',\r\n      '0x3': 'Ropsten Testnet',\r\n      '0x4': 'Rinkeby Testnet',\r\n      '0x5': 'Goerli Testnet',\r\n      '0x2a': 'Kovan Testnet',\r\n      '0x38': 'Binance Smart Chain',\r\n      '0x89': 'Polygon',\r\n      '0xa86a': 'Avalanche',\r\n    };\r\n  \r\n    return networks[chainId] || `Unknown Network (${chainId})`;\r\n  };\r\n  \r\n  /**\r\n   * Get ERC-20 token balance\r\n   * @param {string} tokenAddress - Token contract address\r\n   * @param {string} userAddress - User wallet address\r\n   * @returns {Promise<string>} - Promise resolving to token balance\r\n   */\r\n  export const getTokenBalance = async (tokenAddress, userAddress) => {\r\n    if (!isMetaMaskInstalled()) {\r\n      throw new Error('MetaMask is not installed');\r\n    }\r\n  \r\n    try {\r\n      // balanceOf function signature\r\n      const balanceOfSignature = '0x70a08231';\r\n      \r\n      // Pad the address to 32 bytes\r\n      const paddedAddress = userAddress.slice(2).padStart(64, '0');\r\n      \r\n      // Create the call data\r\n      const data = `${balanceOfSignature}${paddedAddress}`;\r\n      \r\n      // Call the contract\r\n      const balance = await window.ethereum.request({\r\n        method: 'eth_call',\r\n        params: [\r\n          {\r\n            to: tokenAddress,\r\n            data: data\r\n          },\r\n          'latest'\r\n        ]\r\n      });\r\n      \r\n      // Convert the hex balance to decimal\r\n      return parseInt(balance, 16).toString();\r\n    } catch (error) {\r\n      console.error('Error getting token balance:', error);\r\n      throw error;\r\n    }\r\n  };\r\n  \r\n  // Token addresses for common currencies (mainnet)\r\n  export const TOKEN_ADDRESSES = {\r\n    USDT: '0xdAC17F958D2ee523a2206206994597C13D831ec7',\r\n    USDC: '0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48',\r\n    DAI: '0x6B175474E89094C44Da98b954EedeAC495271d0F',\r\n    WETH: '0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2',\r\n    WBTC: '0x2260FAC5E5542a773Aa44fBCfeDf7C193bc2C599'\r\n  };\r\n  \r\n  // For testing purposes only - simulate a transaction without MetaMask\r\n  export const simulateTransaction = (amount, currency, toAddress) => {\r\n    return new Promise(resolve => {\r\n      setTimeout(() => {\r\n        const txHash = `0x${Array.from({length: 64}, () => \r\n          Math.floor(Math.random() * 16).toString(16)).join('')}`;\r\n        \r\n        resolve(txHash);\r\n      }, 2000);\r\n    });\r\n  };","// // src/components/QRCode.jsx\r\n// import React, { useEffect, useRef } from 'react';\r\n\r\n// // A simple QR code renderer - in a production app, you would use a library like qrcode.react\r\n// const QRCode = ({ value, size = 200, theme = 'light' }) => {\r\n//   const canvasRef = useRef(null);\r\n\r\n//   // This is a simplified example - in a real implementation, use a proper QR code library\r\n//   useEffect(() => {\r\n//     const canvas = canvasRef.current;\r\n//     if (!canvas) return;\r\n\r\n//     const ctx = canvas.getContext('2d');\r\n//     if (!ctx) return;\r\n\r\n//     // Clear canvas\r\n//     ctx.fillStyle = theme === 'dark' ? '#1F2937' : '#FFFFFF';\r\n//     ctx.fillRect(0, 0, size, size);\r\n\r\n//     // Draw a fake QR code pattern for demonstration\r\n//     ctx.fillStyle = theme === 'dark' ? '#FFFFFF' : '#000000';\r\n\r\n//     // Draw corner squares (position detection patterns)\r\n//     // Top-left corner\r\n//     ctx.fillRect(10, 10, 30, 30);\r\n//     ctx.fillStyle = theme === 'dark' ? '#1F2937' : '#FFFFFF';\r\n//     ctx.fillRect(15, 15, 20, 20);\r\n//     ctx.fillStyle = theme === 'dark' ? '#FFFFFF' : '#000000';\r\n//     ctx.fillRect(20, 20, 10, 10);\r\n\r\n//     // Top-right corner\r\n//     ctx.fillRect(size - 40, 10, 30, 30);\r\n//     ctx.fillStyle = theme === 'dark' ? '#1F2937' : '#FFFFFF';\r\n//     ctx.fillRect(size - 35, 15, 20, 20);\r\n//     ctx.fillStyle = theme === 'dark' ? '#FFFFFF' : '#000000';\r\n//     ctx.fillRect(size - 30, 20, 10, 10);\r\n\r\n//     // Bottom-left corner\r\n//     ctx.fillRect(10, size - 40, 30, 30);\r\n//     ctx.fillStyle = theme === 'dark' ? '#1F2937' : '#FFFFFF';\r\n//     ctx.fillRect(15, size - 35, 20, 20);\r\n//     ctx.fillStyle = theme === 'dark' ? '#FFFFFF' : '#000000';\r\n//     ctx.fillRect(20, size - 30, 10, 10);\r\n\r\n//     // Draw random dots to simulate QR code data\r\n//     const cellSize = 5;\r\n//     for (let y = 0; y < size; y += cellSize) {\r\n//       for (let x = 0; x < size; x += cellSize) {\r\n//         // Skip the corners (position detection patterns)\r\n//         if (\r\n//           (x < 50 && y < 50) || \r\n//           (x > size - 50 && y < 50) || \r\n//           (x < 50 && y > size - 50)\r\n//         ) {\r\n//           continue;\r\n//         }\r\n\r\n//         // Random fill with ~40% probability\r\n//         if (Math.random() > 0.6) {\r\n//           ctx.fillRect(x, y, cellSize, cellSize);\r\n//         }\r\n//       }\r\n//     }\r\n\r\n//     // Draw a logo in the center\r\n//     ctx.fillStyle = theme === 'dark' ? '#1F2937' : '#FFFFFF';\r\n//     ctx.fillRect(size / 2 - 20, size / 2 - 20, 40, 40);\r\n//     ctx.fillStyle = '#3B82F6'; // Blue color for logo\r\n//     ctx.beginPath();\r\n//     ctx.arc(size / 2, size / 2, 15, 0, 2 * Math.PI);\r\n//     ctx.fill();\r\n//     ctx.fillStyle = theme === 'dark' ? '#1F2937' : '#FFFFFF';\r\n//     ctx.beginPath();\r\n//     ctx.arc(size / 2, size / 2, 10, 0, 2 * Math.PI);\r\n//     ctx.fill();\r\n//     ctx.fillStyle = '#3B82F6';\r\n//     ctx.beginPath();\r\n//     ctx.arc(size / 2, size / 2, 5, 0, 2 * Math.PI);\r\n//     ctx.fill();\r\n//   }, [size, value, theme]);\r\n\r\n//   return (\r\n//     <div className={`p-4 rounded-lg ${theme === 'dark' ? 'bg-gray-700' : 'bg-white'} shadow-sm`}>\r\n//       <canvas\r\n//         ref={canvasRef}\r\n//         width={size}\r\n//         height={size}\r\n//         className=\"mx-auto rounded\"\r\n//       />\r\n//       <div className=\"mt-2 text-center\">\r\n//         <p className={`text-sm font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-900'}`}>\r\n//           Scan with your wallet app\r\n//         </p>\r\n//         <p className={`text-xs ${theme === 'dark' ? 'text-gray-400' : 'text-gray-500'}`}>\r\n//           or copy the address below\r\n//         </p>\r\n//       </div>\r\n//       <div className={`mt-2 p-2 rounded text-sm break-all ${theme === 'dark' ? 'bg-gray-800 text-gray-300' : 'bg-gray-100 text-gray-700'}`}>\r\n//         {value.slice(0, 20)}...{value.slice(-10)}\r\n//       </div>\r\n//     </div>\r\n//   );\r\n// };\r\n\r\n// export default QRCode;\r\n\r\n\r\n\r\n\r\n\r\n\r\n// src/components/QRCode.jsx - Ultra-simplified\r\nimport React from 'react';\r\n\r\nconst QRCode = ({ walletAddress, amount, currency, theme = 'light' }) => {\r\n  return (\r\n    <div className=\"flex flex-col items-center\">\r\n      {/* Placeholder QR code */}\r\n      <div className={`p-4 rounded-lg ${theme === 'dark' ? 'bg-gray-700' : 'bg-white'} mb-3`}>\r\n        <div style={{ width: '200px', height: '200px', backgroundColor: '#f0f0f0', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>\r\n          QR Code: {currency}\r\n        </div>\r\n      </div>\r\n      \r\n      <div className=\"text-center text-sm\">\r\n        Scan with your wallet app to pay\r\n      </div>\r\n      \r\n      {walletAddress && (\r\n        <div className=\"mt-3 w-full\">\r\n          <p className=\"text-xs mb-1\">\r\n            Send {amount} {currency} to:\r\n          </p>\r\n          <div className=\"text-xs font-mono p-2 rounded overflow-auto break-all bg-gray-100\">\r\n            {walletAddress}\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default QRCode;","// src/components/PaymentStatus.jsx - Updated version\r\nimport React from 'react';\r\n\r\nconst PaymentStatus = ({ status, theme = 'light', message }) => {\r\n  console.log('PaymentStatus render:', { status, message });\r\n\r\n  const renderIcon = () => {\r\n    switch (status) {\r\n      case 'processing':\r\n        return (\r\n          <div className=\"animate-spin rounded-full h-12 w-12 border-4 border-t-blue-500 border-blue-500/20\"></div>\r\n        );\r\n      case 'success':\r\n        return (\r\n          <div className=\"rounded-full h-12 w-12 bg-green-100 flex items-center justify-center\">\r\n            <svg\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n              className=\"h-8 w-8 text-green-500\"\r\n              fill=\"none\"\r\n              viewBox=\"0 0 24 24\"\r\n              stroke=\"currentColor\"\r\n              strokeWidth={2}\r\n            >\r\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\r\n            </svg>\r\n          </div>\r\n        );\r\n      case 'error':\r\n        return (\r\n          <div className=\"rounded-full h-12 w-12 bg-red-100 flex items-center justify-center\">\r\n            <svg\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n              className=\"h-8 w-8 text-red-500\"\r\n              fill=\"none\"\r\n              viewBox=\"0 0 24 24\"\r\n              stroke=\"currentColor\"\r\n              strokeWidth={2}\r\n            >\r\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\r\n            </svg>\r\n          </div>\r\n        );\r\n      default:\r\n        return null;\r\n    }\r\n  };\r\n\r\n  const getStatusTitle = () => {\r\n    switch (status) {\r\n      case 'processing':\r\n        return 'Processing Payment';\r\n      case 'success':\r\n        return 'Payment Successful';\r\n      case 'error':\r\n        return 'Payment Failed';\r\n      default:\r\n        return 'Unknown Status';\r\n    }\r\n  };\r\n\r\n  const getMessageClasses = () => {\r\n    switch (status) {\r\n      case 'processing':\r\n        return theme === 'dark' ? 'text-blue-300' : 'text-blue-600';\r\n      case 'success':\r\n        return theme === 'dark' ? 'text-green-300' : 'text-green-600';\r\n      case 'error':\r\n        return theme === 'dark' ? 'text-red-300' : 'text-red-600';\r\n      default:\r\n        return theme === 'dark' ? 'text-gray-300' : 'text-gray-600';\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"flex flex-col items-center justify-center py-6\">\r\n      <div className=\"mb-4\">{renderIcon()}</div>\r\n      <h3 className={`text-xl font-bold mb-2 ${theme === 'dark' ? 'text-white' : 'text-gray-900'}`}>\r\n        {getStatusTitle()}\r\n      </h3>\r\n      <p className={`text-center ${getMessageClasses()}`}>{message}</p>\r\n\r\n      {status === 'processing' && (\r\n        <div className={`mt-4 text-xs ${theme === 'dark' ? 'text-gray-400' : 'text-gray-500'}`}>\r\n          This may take a few moments. Please do not close this window.\r\n        </div>\r\n      )}\r\n\r\n      {status === 'success' && (\r\n        <div className={`mt-4 p-2 rounded ${theme === 'dark' ? 'bg-gray-700' : 'bg-gray-100'}`}>\r\n          <p className={`text-xs ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n            Your payment has been successfully processed. You will receive a confirmation shortly.\r\n          </p>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default PaymentStatus;","// src/components/PaymentMethods.jsx - Updated version\r\nimport React from 'react';\r\n\r\nconst PaymentMethods = ({ onSelect, selected, theme = 'light' }) => {\r\n  // Debug logs to verify props\r\n  console.log('PaymentMethods render:', { selected });\r\n\r\n  const paymentMethods = [\r\n    {\r\n      id: 'USDT',\r\n      name: 'USDT',\r\n      description: 'Tether USD',\r\n      logo: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0iIzI2QTE3QiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xNy45MjIgMTcuMzgzdi0uMDAyYy0uMTEuMDA4LS42NzcuMDQyLTEuOTQyLjA0Mi0xLjAxIDAtMS43MjEtLjAzLTEuOTcxLS4wNDJ2LjAwM2MtMy44ODgtLjE3MS02Ljc5LS44NDgtNi43OS0xLjY1OCAwLS44MDkgMi45MDItMS40ODYgNi43OS0xLjY2di4wNDdjLjI1NC4wMTguOTgyLjA0NSAxLjk4OC4wNDUgMS4yMDcgMCAxLjgxMi0uMDM2IDEuOTI1LS4wNDZ2LS4wNDRjMy44OC4xNzQgNi43NzUuODUxIDYuNzc1IDEuNjU4IDAgLjgwNy0yLjg5NSAxLjQ4NS02Ljc3NSAxLjY1N3ptMC0zLjU2NnYtLjA0N2MuMS0uMDA4LjYyNS0uMDQ1IDEuOTI1LS4wNDUgMS4wMDUgMCAxLjczNC4wMjcgMS45ODguMDQ2di0yLjg0MWgtMy45MXYyLjgzOWMtLjExMS4wMDgtLjY4LjA0Ni0xLjk3MS4wNDYtMS4yNDMgMC0xLjgzMi0uMDM4LTEuOTQyLS4wNDZ2LTIuODRoLTMuOTF2Mi44MzhjLjI1NC4wMi45ODIuMDQ2IDEuOTg4LjA0NiAxLjIwOCAwIDEuODEyLS4wMzggMS45MjUtLjA0NnYuMDQ3QzguNDUgMTQuMDI1IDUgMTQuNzM3IDUgMTUuNzI0djMuMmMwIC45ODYgMy40NSAxLjY5OCA3Ljk4MiAxLjgyOXYuMDQ3Yy0uMTEzLjAwOC0uNzE3LjA0Ni0xLjkyNS4wNDYtMS4wMDYgMC0xLjczNC0uMDI2LTEuOTg4LS4wNDZ2Mi44MzhoMy45MXYtMi44MzZjLjExLS4wMDguNjk5LS4wNDYgMS45NDItLjA0NiAxLjI2MiAwIDEuODMxLjAzOCAxLjk3MS4wNDZ2Mi44MzdoMy45MXYtMi44MzljLS4yNTQtLjAyLS45ODMtLjA0Ny0xLjk4OC0uMDQ3LTEuMzAyIDAtMS44MjQuMDM5LTEuOTI1LjA0N3YtLjA0NWM0LjUxOS0uMTMgNy45NTQtLjg0MyA3Ljk1NC0xLjgzdi0zLjJjMC0uOTg3LTMuNDM1LTEuNjk5LTcuOTU0LTEuODN6Ii8+PC9nPjwvc3ZnPg==',\r\n    },\r\n    {\r\n      id: 'USDC',\r\n      name: 'USDC',\r\n      description: 'USD Coin',\r\n      logo: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0iIzJCNzVFRCIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMS4yMDkgOS43MzlsLTIuOTQxIDIuOTQxYTMuMTMyIDMuMTMyIDAgMDAtNC41MzYgMGwtMi45NDItMi45NDFhNy42MjMgNy42MjMgMCAwMTEwLjQxOSAwek0xMC43OTEgMjIuMjYxbDIuOTQxLTIuOTQxYTMuMTMyIDMuMTMyIDAgMDA0LjUzNiAwbDIuOTQyIDIuOTQxYTcuNjIzIDcuNjIzIDAgMDEtMTAuNDE5IDB6bTExLjU3NS00LjI2MWgtNC4xNTNhMy4xMzMgMy4xMzMgMCAwMDAtNC41MzdoNC4xNTNhNy42MjEgNy42MjEgMCAwMTAgNC41Mzd6bS0xMy43OTMtNC41MzdoNC4xNTNhMy4xMzMgMy4xMzMgMCAwMDAgNC41MzdIOS42ODZhNy42MjEgNy42MjEgMCAwMTAtNC41Mzd6Ii8+PC9nPjwvc3ZnPg==',\r\n    },\r\n    {\r\n      id: 'BNB',\r\n      name: 'BNB',\r\n      description: 'Binance Coin',\r\n      logo: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGcgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9IiNGM0JBMkYiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTIuMTE2IDE0LjQwNEwxNiAxMC41MmwzLjg4NiAzLjg4NmwtMi4yNiAyLjI1OEwxNiAxNC4xNDlsLTEuNjM0IDEuNjM1LTIuMjUtMi4yNTl6bTkuMTUyLS4wMDFsMi4yNi0yLjI1OSAyLjg4NyAyLjg4Ny0yLjI1OSAyLjI1OS0yLjg4OC0yLjg4N3pNMTIuMTE1IDE3LjU5NmwyLjI2LTIuMjU5IDIuODg3IDIuODg3LTIuMjU5IDIuMjU5LTIuODg4LTIuODg3em0tNC4yMjktLjAwMWwyLjI2LTIuMjU5IDIuODg3IDIuODg3LTIuMjU5IDIuMjU5LTIuODg4LTIuODg3em02LjM0NCAwTDE2IDE5LjM2NWwxLjc3Mi0xLjc3MSAyLjI1OCAyLjI1OS0xLjc3MiAxLjc3Mi0uMTcuMTctMS45MTUgMS45MTMtNC4wNDUtNC4wNDUuMDA1LS4wMDQuMDAzLS4wMDYuMDk0LS4wOTQuMDgtLjA3OXoiLz48L2c+PC9zdmc+',\r\n    },\r\n    {\r\n      id: 'SOL',\r\n      name: 'SOL',\r\n      description: 'Solana',\r\n      logo: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9IiM0MDNCODIiLz48cGF0aCBkPSJNMTIuNDQgMTAuMmE1NDUuNzYgNTQ1Ljc2IDAgMDE4LjMyLTQuNjZjLjE0LS4wOC4zIDAgLjMuMTlWOC42cy0uMDEuMTQtLjExLjJDMTkuNDQgOS42NyAxOCAyMC4wOCAxOCAyMC4wOGwtLjA0LjEzYy0uMS4zNC0uMzYuNjEtLjcuNzVsLS40Mi4xN2MtLjEzLjA1LS41OS4xNS0uNTkuMTUtLjE5LjA1LS4zNy0uMTMtLjI2LS4zbDYuNDUtMTJhLjM0LjM0IDAgMDAtLjAzLS4zNy4zMi4zMiAwIDAwLS4zMi0uMDlsLTkuOS41LjAxLjI5elptOS4wNiA0LjA0Yy4wOC0uMDkuMjMtLjA2LjMuMDUuMzYuNDQuMzYgMS4wNiAwIDEuNS0uMzcuNDQtMTAuMzcgMTIuMDQtMTAuMzcgMTIuMDRsLS4xMy4xNmMtLjEzLjE1LS4zMi4yNS0uNTIuMjlsLS4yOC4wNGMtLjI0LjAzLS41My0uMDUtLjY4LS4yM0w2LjU2IDI0Yy0uMTQtLjE1LS4wNS0uNC4xNS0uNDNsMTMuODMtOC4yMWMuMzgtLjIzLjY1LS42LjcyLTEuMDRsLjA4LS4zYy4wMy0uMTEuMS0uMi4xNi0uMjh6TTYuNTYgMTIuNTV2LTEuMnMuMDQtLjE3LjEzLS4yM2MuMDktLjA2LjIzLTEuMDQuMjMtMS4wNC4wMy0uMjIuMTYtLjQyLjM2LS41M2wuNC0uMjJjLjA4LS4wNC41My0uNDUuNTMtLjQ1LjEzLS4xLjMtLjAzLjM0LjEzIDAgMCAxLjg5IDkuMDEgMS44OSA5LjAxLjA1LjMtLjE3LjU2LS40NC42OWwtLjQ4LjI0Yy0uMy4xNS0xMS40NSA1LjgtMTEuNDUgNS44LS4yMi4xMi0uNTctLjA0LS41Ny0uMzJWMTJjLS4wMi0uMzUuMjQtLjY2LjU3LS43aDguNDRhLjY3LjY3IDAgMDAuNjEtLjM4di0uMDJjLjA3LS4xNi4yNC0uMjQuNC0uMmwuMjUuMDRjLjE0LjAyLjMuMTguMy4xOHoiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+',\r\n    },\r\n    {\r\n      id: 'USDC_SOL',\r\n      name: 'USDC (Solana)',\r\n      description: 'USD Coin on Solana',\r\n      logo: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0iIzJCNzVFRCIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMS4yMDkgOS43MzlsLTIuOTQxIDIuOTQxYTMuMTMyIDMuMTMyIDAgMDAtNC41MzYgMGwtMi45NDItMi45NDFhNy42MjMgNy42MjMgMCAwMTEwLjQxOSAwek0xMC43OTEgMjIuMjYxbDIuOTQxLTIuOTQxYTMuMTMyIDMuMTMyIDAgMDA0LjUzNiAwbDIuOTQyIDIuOTQxYTcuNjIzIDcuNjIzIDAgMDEtMTAuNDE5IDB6bTExLjU3NS00LjI2MWgtNC4xNTNhMy4xMzMgMy4xMzMgMCAwMDAtNC41MzdoNC4xNTNhNy42MjEgNy42MjEgMCAwMTAgNC41Mzd6bS0xMy43OTMtNC41MzdoNC4xNTNhMy4xMzMgMy4xMzMgMCAwMDAgNC41MzdIOS42ODZhNy42MjEgNy42MjEgMCAwMTAtNC41Mzd6Ii8+PC9nPjwvc3ZnPg==',\r\n    }\r\n  ];\r\n\r\n  const handleSelectPaymentMethod = (id) => {\r\n    console.log('Method selected:', id);\r\n    // Call the onSelect prop with the selected currency\r\n    onSelect(id);\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <h3 className={`text-lg font-medium mb-3 ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n        Select Payment Method\r\n      </h3>\r\n      <div className=\"space-y-2\">\r\n        {paymentMethods.map((method) => (\r\n          <button\r\n            key={method.id}\r\n            onClick={() => handleSelectPaymentMethod(method.id)}\r\n            className={`w-full flex items-center p-3 rounded-lg transition-colors ${\r\n              selected === method.id\r\n                ? theme === 'dark'\r\n                  ? 'bg-blue-900/30 border border-blue-500'\r\n                  : 'bg-blue-50 border border-blue-500'\r\n                : theme === 'dark'\r\n                ? 'bg-gray-700 hover:bg-gray-600 border border-gray-700'\r\n                : 'bg-white hover:bg-gray-50 border border-gray-200'\r\n            }`}\r\n          >\r\n            <div className=\"flex-shrink-0 h-10 w-10 bg-white rounded-full flex items-center justify-center mr-3\">\r\n              <img src={method.logo} alt={method.name} className=\"h-6 w-6\" />\r\n            </div>\r\n            <div className=\"flex-1 text-left\">\r\n              <h4 className={`font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-900'}`}>{method.name}</h4>\r\n              <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-500'}`}>{method.description}</p>\r\n            </div>\r\n            {selected === method.id && (\r\n              <svg\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                className=\"h-5 w-5 text-blue-500\"\r\n                viewBox=\"0 0 20 20\"\r\n                fill=\"currentColor\"\r\n              >\r\n                <path\r\n                  fillRule=\"evenodd\"\r\n                  d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\r\n                  clipRule=\"evenodd\"\r\n                />\r\n              </svg>\r\n            )}\r\n          </button>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default PaymentMethods;","export default \"data:image/png;base64,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\"","// // src/components/CoinleyModal.jsx - Production Version\r\n// import React, { useEffect, useState } from 'react';\r\n// import PaymentMethods from './PaymentMethods';\r\n// import PaymentStatus from './PaymentStatus';\r\n// import QRCode from './QRCode';\r\n// import { isMetaMaskInstalled } from '../services/web3';\r\n// import Logo from '../assets/Logo.png';\r\n\r\n\r\n// const CoinleyModal = ({\r\n//   isOpen,\r\n//   onClose,\r\n//   payment,\r\n//   paymentStatus,\r\n//   selectedCurrency,\r\n//   onCurrencySelect,\r\n//   onPayment,\r\n//   error,\r\n//   theme = 'light',\r\n//   merchantName,\r\n//   transactionHash,\r\n//   walletConnected,\r\n//   onConnectWallet,\r\n//   testMode = false\r\n// }) => {\r\n//   // IMPORTANT: Start with 'select-currency', not 'processing'\r\n//   const [step, setStep] = useState('select-currency');\r\n//   const [isMetaMaskAvailable, setIsMetaMaskAvailable] = useState(false);\r\n  \r\n//   // Check if MetaMask is available\r\n//   useEffect(() => {\r\n//     setIsMetaMaskAvailable(isMetaMaskInstalled());\r\n//   }, []);\r\n\r\n//   // Update step based on payment status\r\n//   useEffect(() => {\r\n//     if (paymentStatus === 'loading') {\r\n//       setStep('processing');\r\n//     } else if (paymentStatus === 'success') {\r\n//       setStep('success');\r\n//     } else if (paymentStatus === 'error') {\r\n//       setStep('error');\r\n//     } else if (paymentStatus === 'idle' && payment) {\r\n//       // Make sure we start at currency selection when a new payment is created\r\n//       setStep('select-currency');\r\n//     }\r\n//   }, [paymentStatus, payment]);\r\n\r\n//   const handleCurrencySelect = (currency) => {\r\n//     onCurrencySelect(currency);\r\n//     setStep('confirm');\r\n//   };\r\n\r\n//   const handlePaymentConfirm = () => {\r\n//     onPayment();\r\n//   };\r\n\r\n//   const handleBack = () => {\r\n//     if (step === 'confirm') {\r\n//       setStep('select-currency');\r\n//     }\r\n//   };\r\n\r\n//   const handleClose = () => {\r\n//     onClose();\r\n//   };\r\n\r\n//   // Format amount with 2 decimal places\r\n//   const formatAmount = (amount) => {\r\n//     return parseFloat(amount).toFixed(2);\r\n//   };\r\n\r\n//   // Format transaction hash for display\r\n//   const formatTransactionHash = (hash) => {\r\n//     if (!hash) return '';\r\n//     if (hash.length <= 14) return hash;\r\n//     return `${hash.slice(0, 8)}...${hash.slice(-6)}`;\r\n//   };\r\n\r\n//   // Base modal classes\r\n//   const modalBaseClasses = `fixed inset-0 z-50 overflow-y-auto ${theme === 'dark' ? 'bg-gray-900/75' : 'bg-black/50'}`;\r\n//   const modalContentClasses = `relative p-6 w-full max-w-md mx-auto rounded-lg shadow-xl ${theme === 'dark' ? 'bg-gray-800 text-white' : 'bg-white text-gray-800'}`;\r\n//   const headerClasses = `text-xl font-bold mb-4 ${theme === 'dark' ? 'text-white' : 'text-gray-900'}`;\r\n//   const buttonPrimaryClasses = `w-full py-2 px-4 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${\r\n//     theme === 'dark' \r\n//       ? 'bg-blue-600 hover:bg-blue-700 text-white focus:ring-blue-500' \r\n//       : 'bg-blue-500 hover:bg-blue-600 text-white focus:ring-blue-500'\r\n//   }`;\r\n//   const buttonSecondaryClasses = `w-full py-2 px-4 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${\r\n//     theme === 'dark'\r\n//       ? 'bg-gray-700 hover:bg-gray-600 text-white focus:ring-gray-500'\r\n//       : 'bg-gray-200 hover:bg-gray-300 text-gray-800 focus:ring-gray-500'\r\n//   }`;\r\n\r\n//   if (!isOpen) return null;\r\n\r\n//   return (\r\n//     <div className={modalBaseClasses}>\r\n//       <div className=\"flex min-h-screen items-center justify-center p-4\">\r\n//         <div className={modalContentClasses}>\r\n//           {/* Header */}\r\n//           <div className=\"flex justify-between items-center mb-6\">\r\n//             <div className=\"flex items-center\">\r\n//        <img src={Logo} />\r\n//               <h2 className={headerClasses}>Coinley Pay</h2>\r\n//             </div>\r\n//             <button \r\n//               onClick={handleClose}\r\n//               className={`text-gray-500 hover:text-gray-700 focus:outline-none ${theme === 'dark' ? 'text-gray-400 hover:text-gray-300' : ''}`}\r\n//             >\r\n//               <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n//                 <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\r\n//               </svg>\r\n//             </button>\r\n//           </div>\r\n          \r\n//           {/* Content */}\r\n//           <div className=\"mb-6\">\r\n//             {payment && (\r\n//               <div className={`mb-6 p-4 rounded-lg ${theme === 'dark' ? 'bg-gray-700' : 'bg-gray-100'}`}>\r\n//                 <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n//                   {merchantName}\r\n//                 </p>\r\n//                 <div className=\"flex justify-between items-center mt-2\">\r\n//                   <span className={`font-medium ${theme === 'dark' ? 'text-gray-300' : 'text-gray-700'}`}>\r\n//                     Amount:\r\n//                   </span>\r\n//                   <span className=\"font-bold text-xl\">\r\n//                     ${formatAmount(payment.totalAmount || payment.amount)}\r\n//                   </span>\r\n//                 </div>\r\n//                 <div className=\"text-xs mt-1 text-right\">\r\n//                   <span className={`${theme === 'dark' ? 'text-gray-400' : 'text-gray-500'}`}>\r\n//                     Payment ID: {payment.id.slice(0, 8)}...\r\n//                   </span>\r\n//                 </div>\r\n//               </div>\r\n//             )}\r\n\r\n//             {step === 'select-currency' && (\r\n//               <PaymentMethods \r\n//                 onSelect={handleCurrencySelect} \r\n//                 selected={selectedCurrency}\r\n//                 theme={theme}\r\n//               />\r\n//             )}\r\n\r\n//             {step === 'confirm' && payment && (\r\n//               <div>\r\n//                 <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-gray-700' : 'bg-gray-100'}`}>\r\n//                   <h3 className={`text-lg font-medium mb-2 ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n//                     Payment Details\r\n//                   </h3>\r\n//                   <div className=\"space-y-2\">\r\n//                     <div className=\"flex justify-between\">\r\n//                       <span className={theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}>Currency:</span>\r\n//                       <span className=\"font-medium\">{selectedCurrency}</span>\r\n//                     </div>\r\n//                     <div className=\"flex justify-between\">\r\n//                       <span className={theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}>Network:</span>\r\n//                       <span className=\"font-medium\">\r\n//                         {selectedCurrency === 'SOL' || selectedCurrency === 'USDC_SOL' ? 'Solana' : 'Ethereum'}\r\n//                       </span>\r\n//                     </div>\r\n//                     <div className=\"flex justify-between\">\r\n//                       <span className={theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}>Fee:</span>\r\n//                       <span className=\"font-medium\">1.75%</span>\r\n//                     </div>\r\n//                   </div>\r\n//                 </div>\r\n\r\n//                 {testMode ? (\r\n//                   // Test mode payment option\r\n//                   <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-blue-900/20' : 'bg-blue-50'}`}>\r\n//                     <div className=\"flex items-center\">\r\n//                       <div className=\"bg-blue-500 rounded-full p-2 mr-3\">\r\n//                         <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n//                           <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M13 10V3L4 14h7v7l9-11h-7z\" />\r\n//                         </svg>\r\n//                       </div>\r\n//                       <div>\r\n//                         <h3 className={`font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n//                           Test Mode Payment\r\n//                         </h3>\r\n//                         <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n//                           Click \"Pay Now\" to simulate a successful payment\r\n//                         </p>\r\n//                       </div>\r\n//                     </div>\r\n//                   </div>\r\n//                 ) : isMetaMaskAvailable ? (\r\n//                   // MetaMask available option\r\n//                   <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-blue-900/20' : 'bg-blue-50'}`}>\r\n//                     <div className=\"flex items-center\">\r\n//                       <img \r\n//                         src=\"https://metamask.io/images/metamask-fox.svg\" \r\n//                         alt=\"MetaMask\" \r\n//                         className=\"w-8 h-8 mr-2\"\r\n//                       />\r\n//                       <div>\r\n//                         <h3 className={`font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n//                           Pay with MetaMask\r\n//                         </h3>\r\n//                         <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n//                           {walletConnected \r\n//                             ? \"Your wallet is connected. Click 'Pay Now' to proceed.\" \r\n//                             : \"Click 'Connect Wallet' to proceed with payment.\"\r\n//                           }\r\n//                         </p>\r\n//                       </div>\r\n//                     </div>\r\n//                     {!walletConnected && (\r\n//                       <button\r\n//                         onClick={onConnectWallet}\r\n//                         className={`mt-3 ${buttonPrimaryClasses}`}\r\n//                       >\r\n//                         Connect Wallet\r\n//                       </button>\r\n//                     )}\r\n//                   </div>\r\n//                 ) : (\r\n//                   // MetaMask not available warning\r\n//                   <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-yellow-900/20' : 'bg-yellow-50'}`}>\r\n//                     <div className=\"flex items-center\">\r\n//                       <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6 text-yellow-500 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n//                         <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" />\r\n//                       </svg>\r\n//                       <div>\r\n//                         <h3 className={`font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n//                           MetaMask Not Detected\r\n//                         </h3>\r\n//                         <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n//                           Please install MetaMask extension to make payments\r\n//                         </p>\r\n//                       </div>\r\n//                     </div>\r\n//                     <a\r\n//                       href=\"https://metamask.io/download/\"\r\n//                       target=\"_blank\"\r\n//                       rel=\"noopener noreferrer\"\r\n//                       className={`block mt-3 text-center ${buttonPrimaryClasses}`}\r\n//                     >\r\n//                       Install MetaMask\r\n//                     </a>\r\n//                   </div>\r\n//                 )}\r\n\r\n//                 <div className=\"mt-6 grid grid-cols-2 gap-3\">\r\n//                   <button\r\n//                     type=\"button\"\r\n//                     onClick={handleBack}\r\n//                     className={buttonSecondaryClasses}\r\n//                   >\r\n//                     Back\r\n//                   </button>\r\n//                   <button\r\n//                     type=\"button\"\r\n//                     onClick={handlePaymentConfirm}\r\n//                     className={buttonPrimaryClasses}\r\n//                     disabled={!testMode && isMetaMaskAvailable && !walletConnected}\r\n//                   >\r\n//                     Pay Now\r\n//                   </button>\r\n//                 </div>\r\n//               </div>\r\n//             )}\r\n\r\n//             {step === 'processing' && (\r\n//               <PaymentStatus \r\n//                 status=\"processing\" \r\n//                 theme={theme}\r\n//                 message=\"Processing your payment...\"\r\n//               />\r\n//             )}\r\n\r\n//             {step === 'success' && (\r\n//               <div>\r\n//                 <PaymentStatus \r\n//                   status=\"success\" \r\n//                   theme={theme}\r\n//                   message=\"Payment successful!\"\r\n//                 />\r\n//                 {transactionHash && (\r\n//                   <div className={`mt-4 p-3 rounded-lg ${theme === 'dark' ? 'bg-gray-700' : 'bg-gray-100'}`}>\r\n//                     <p className={`text-xs ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'} mb-1`}>\r\n//                       Transaction Hash:\r\n//                     </p>\r\n//                     <p className={`text-sm font-mono break-all ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n//                       {formatTransactionHash(transactionHash)}\r\n//                     </p>\r\n//                     {/* Optional: Add link to blockchain explorer */}\r\n//                     <a \r\n//                       href={`https://etherscan.io/tx/${transactionHash}`}\r\n//                       target=\"_blank\"\r\n//                       rel=\"noopener noreferrer\"\r\n//                       className={`text-xs ${theme === 'dark' ? 'text-blue-400' : 'text-blue-600'} mt-2 inline-block`}\r\n//                     >\r\n//                       View on Etherscan →\r\n//                     </a>\r\n//                   </div>\r\n//                 )}\r\n//               </div>\r\n//             )}\r\n\r\n//             {step === 'error' && (\r\n//               <div>\r\n//                 <PaymentStatus \r\n//                   status=\"error\" \r\n//                   theme={theme}\r\n//                   message={error || \"An error occurred while processing your payment.\"}\r\n//                 />\r\n//                 <button\r\n//                   type=\"button\"\r\n//                   onClick={handleBack}\r\n//                   className={`mt-4 ${buttonSecondaryClasses}`}\r\n//                 >\r\n//                   Try Again\r\n//                 </button>\r\n//               </div>\r\n//             )}\r\n//           </div>\r\n\r\n//           {/* Footer */}\r\n//           <div className={`text-center text-xs ${theme === 'dark' ? 'text-gray-400' : 'text-gray-500'}`}>\r\n//             <p>Powered by Coinley - Secure Cryptocurrency Payments</p>\r\n//           </div>\r\n//         </div>\r\n//       </div>\r\n//     </div>\r\n//   );\r\n// };\r\n\r\n// export default CoinleyModal;\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n// // src/components/CoinleyModal.jsx - Updated with QR Code Feature\r\n// import React, { useEffect, useState } from 'react';\r\n// import PaymentMethods from './PaymentMethods';\r\n// import PaymentStatus from './PaymentStatus';\r\n// import QRCode from './QRCode';\r\n// import { isMetaMaskInstalled } from '../services/web3';\r\n// import Logo from '../assets/Logo.png';\r\n\r\n// const CoinleyModal = ({\r\n//   isOpen,\r\n//   onClose,\r\n//   payment,\r\n//   paymentStatus,\r\n//   selectedCurrency,\r\n//   onCurrencySelect,\r\n//   onPayment,\r\n//   error,\r\n//   theme = 'light',\r\n//   merchantName,\r\n//   transactionHash,\r\n//   walletConnected,\r\n//   onConnectWallet,\r\n//   testMode = false\r\n// }) => {\r\n//   // IMPORTANT: Start with 'select-currency', not 'processing'\r\n//   const [step, setStep] = useState('select-currency');\r\n//   const [isMetaMaskAvailable, setIsMetaMaskAvailable] = useState(false);\r\n//   // Add paymentMethod state to toggle between QR and wallet\r\n//   const [paymentMethod, setPaymentMethod] = useState('wallet');\r\n  \r\n//   // Check if MetaMask is available\r\n//   useEffect(() => {\r\n//     setIsMetaMaskAvailable(isMetaMaskInstalled());\r\n//   }, []);\r\n\r\n//   // Update step based on payment status\r\n//   useEffect(() => {\r\n//     if (paymentStatus === 'loading') {\r\n//       setStep('processing');\r\n//     } else if (paymentStatus === 'success') {\r\n//       setStep('success');\r\n//     } else if (paymentStatus === 'error') {\r\n//       setStep('error');\r\n//     } else if (paymentStatus === 'idle' && payment) {\r\n//       // Make sure we start at currency selection when a new payment is created\r\n//       setStep('select-currency');\r\n//     }\r\n//   }, [paymentStatus, payment]);\r\n\r\n//   const handleCurrencySelect = (currency) => {\r\n//     onCurrencySelect(currency);\r\n//     setStep('confirm');\r\n//   };\r\n\r\n//   const handlePaymentConfirm = () => {\r\n//     onPayment();\r\n//   };\r\n\r\n//   const handleBack = () => {\r\n//     if (step === 'confirm') {\r\n//       setStep('select-currency');\r\n//     }\r\n//   };\r\n\r\n//   const handleClose = () => {\r\n//     onClose();\r\n//   };\r\n\r\n//   // Format amount with 2 decimal places\r\n//   const formatAmount = (amount) => {\r\n//     return parseFloat(amount).toFixed(2);\r\n//   };\r\n\r\n//   // Format transaction hash for display\r\n//   const formatTransactionHash = (hash) => {\r\n//     if (!hash) return '';\r\n//     if (hash.length <= 14) return hash;\r\n//     return `${hash.slice(0, 8)}...${hash.slice(-6)}`;\r\n//   };\r\n\r\n//   // Toggle payment method\r\n//   const togglePaymentMethod = (method) => {\r\n//     setPaymentMethod(method);\r\n//   };\r\n\r\n//   // Base modal classes\r\n//   const modalBaseClasses = `fixed inset-0 z-50 overflow-y-auto ${theme === 'dark' ? 'bg-gray-900/75' : 'bg-black/50'}`;\r\n//   const modalContentClasses = `relative p-6 w-full max-w-md mx-auto rounded-lg shadow-xl ${theme === 'dark' ? 'bg-gray-800 text-white' : 'bg-white text-gray-800'}`;\r\n//   const headerClasses = `text-xl font-bold mb-4 ${theme === 'dark' ? 'text-white' : 'text-gray-900'}`;\r\n//   const buttonPrimaryClasses = `w-full py-2 px-4 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${\r\n//     theme === 'dark' \r\n//       ? 'bg-blue-600 hover:bg-blue-700 text-white focus:ring-blue-500' \r\n//       : 'bg-blue-500 hover:bg-blue-600 text-white focus:ring-blue-500'\r\n//   }`;\r\n//   const buttonSecondaryClasses = `w-full py-2 px-4 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${\r\n//     theme === 'dark'\r\n//       ? 'bg-gray-700 hover:bg-gray-600 text-white focus:ring-gray-500'\r\n//       : 'bg-gray-200 hover:bg-gray-300 text-gray-800 focus:ring-gray-500'\r\n//   }`;\r\n//   const tabButtonClasses = `py-2 px-4 text-sm font-medium focus:outline-none transition-colors`;\r\n//   const activeTabClasses = `${theme === 'dark' ? 'bg-gray-700 text-white' : 'bg-gray-100 text-gray-800'} rounded-t-md`;\r\n//   const inactiveTabClasses = `${theme === 'dark' ? 'text-gray-400 hover:text-gray-300' : 'text-gray-500 hover:text-gray-700'}`;\r\n\r\n//   if (!isOpen) return null;\r\n\r\n//   console.log('CoinleyModal render:', {\r\n//     testMode,\r\n//     paymentMethod,\r\n//     step,\r\n//     isMetaMaskAvailable\r\n//   });\r\n\r\n//   return (\r\n//     <div className={modalBaseClasses}>\r\n//       <div className=\"flex min-h-screen items-center justify-center p-4\">\r\n//         <div className={modalContentClasses}>\r\n//           {/* Header */}\r\n//           <div className=\"flex justify-between items-center mb-6\">\r\n//             <div className=\"flex items-center\">\r\n//               <img src={Logo} alt=\"Coinley Logo\" className=\"h-8 mr-2\" />\r\n//               <h2 className={headerClasses}>Coinley Pay</h2>\r\n//             </div>\r\n//             <button \r\n//               onClick={handleClose}\r\n//               className={`text-gray-500 hover:text-gray-700 focus:outline-none ${theme === 'dark' ? 'text-gray-400 hover:text-gray-300' : ''}`}\r\n//             >\r\n//               <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n//                 <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\r\n//               </svg>\r\n//             </button>\r\n//           </div>\r\n          \r\n//           {/* Content */}\r\n//           <div className=\"mb-6\">\r\n//             {payment && (\r\n//               <div className={`mb-6 p-4 rounded-lg ${theme === 'dark' ? 'bg-gray-700' : 'bg-gray-100'}`}>\r\n//                 <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n//                   {merchantName}\r\n//                 </p>\r\n//                 <div className=\"flex justify-between items-center mt-2\">\r\n//                   <span className={`font-medium ${theme === 'dark' ? 'text-gray-300' : 'text-gray-700'}`}>\r\n//                     Amount:\r\n//                   </span>\r\n//                   <span className=\"font-bold text-xl\">\r\n//                     ${formatAmount(payment.totalAmount || payment.amount)}\r\n//                   </span>\r\n//                 </div>\r\n//                 <div className=\"text-xs mt-1 text-right\">\r\n//                   <span className={`${theme === 'dark' ? 'text-gray-400' : 'text-gray-500'}`}>\r\n//                     Payment ID: {payment.id.slice(0, 8)}...\r\n//                   </span>\r\n//                 </div>\r\n//               </div>\r\n//             )}\r\n\r\n//             {step === 'select-currency' && (\r\n//               <PaymentMethods \r\n//                 onSelect={handleCurrencySelect} \r\n//                 selected={selectedCurrency}\r\n//                 theme={theme}\r\n//               />\r\n//             )}\r\n\r\n//             {step === 'confirm' && payment && (\r\n//               <div>\r\n//                 <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-gray-700' : 'bg-gray-100'}`}>\r\n//                   <h3 className={`text-lg font-medium mb-2 ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n//                     Payment Details\r\n//                   </h3>\r\n//                   <div className=\"space-y-2\">\r\n//                     <div className=\"flex justify-between\">\r\n//                       <span className={theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}>Currency:</span>\r\n//                       <span className=\"font-medium\">{selectedCurrency}</span>\r\n//                     </div>\r\n//                     <div className=\"flex justify-between\">\r\n//                       <span className={theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}>Network:</span>\r\n//                       <span className=\"font-medium\">\r\n//                         {selectedCurrency === 'SOL' || selectedCurrency === 'USDC_SOL' ? 'Solana' : 'Ethereum'}\r\n//                       </span>\r\n//                     </div>\r\n//                     <div className=\"flex justify-between\">\r\n//                       <span className={theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}>Fee:</span>\r\n//                       <span className=\"font-medium\">1.75%</span>\r\n//                     </div>\r\n//                   </div>\r\n//                 </div>\r\n\r\n//                 {/* Payment Method Tabs */}\r\n//                 {!testMode && (\r\n//                   <div className=\"mb-4\">\r\n//                     <div className=\"flex border-b border-gray-200\">\r\n//                       <button\r\n//                         onClick={() => togglePaymentMethod('wallet')}\r\n//                         className={`${tabButtonClasses} ${paymentMethod === 'wallet' ? activeTabClasses : inactiveTabClasses}`}\r\n//                       >\r\n//                         Connect Wallet\r\n//                       </button>\r\n//                       <button\r\n//                         onClick={() => togglePaymentMethod('qrcode')}\r\n//                         className={`${tabButtonClasses} ${paymentMethod === 'qrcode' ? activeTabClasses : inactiveTabClasses}`}\r\n//                       >\r\n//                         QR Code\r\n//                       </button>\r\n//                     </div>\r\n//                   </div>\r\n//                 )}\r\n\r\n//                 {testMode ? (\r\n//                   // Test mode payment option\r\n//                   <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-blue-900/20' : 'bg-blue-50'}`}>\r\n//                     <div className=\"flex items-center\">\r\n//                       <div className=\"bg-blue-500 rounded-full p-2 mr-3\">\r\n//                         <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n//                           <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M13 10V3L4 14h7v7l9-11h-7z\" />\r\n//                         </svg>\r\n//                       </div>\r\n//                       <div>\r\n//                         <h3 className={`font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n//                           Test Mode Payment\r\n//                         </h3>\r\n//                         <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n//                           Click \"Pay Now\" to simulate a successful payment\r\n//                         </p>\r\n//                       </div>\r\n//                     </div>\r\n//                   </div>\r\n//                 ) : paymentMethod === 'qrcode' ? (\r\n//                   // QR Code payment option\r\n//                   <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-blue-900/20' : 'bg-blue-50'}`}>\r\n//                     <QRCode \r\n//                       walletAddress={payment.walletAddress || '0x742d35Cc6634C0532925a3b844Bc454e4438f44e'} \r\n//                       amount={payment.totalAmount || payment.amount}\r\n//                       currency={selectedCurrency}\r\n//                       theme={theme}\r\n//                     />\r\n//                   </div>\r\n//                 ) : isMetaMaskAvailable ? (\r\n//                   // MetaMask available option\r\n//                   <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-blue-900/20' : 'bg-blue-50'}`}>\r\n//                     <div className=\"flex items-center\">\r\n//                       <img \r\n//                         src=\"https://metamask.io/images/metamask-fox.svg\" \r\n//                         alt=\"MetaMask\" \r\n//                         className=\"w-8 h-8 mr-2\"\r\n//                       />\r\n//                       <div>\r\n//                         <h3 className={`font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n//                           Pay with MetaMask\r\n//                         </h3>\r\n//                         <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n//                           {walletConnected \r\n//                             ? \"Your wallet is connected. Click 'Pay Now' to proceed.\" \r\n//                             : \"Click 'Connect Wallet' to proceed with payment.\"\r\n//                           }\r\n//                         </p>\r\n//                       </div>\r\n//                     </div>\r\n//                     {!walletConnected && (\r\n//                       <button\r\n//                         onClick={onConnectWallet}\r\n//                         className={`mt-3 ${buttonPrimaryClasses}`}\r\n//                       >\r\n//                         Connect Wallet\r\n//                       </button>\r\n//                     )}\r\n//                   </div>\r\n//                 ) : (\r\n//                   // MetaMask not available warning\r\n//                   <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-yellow-900/20' : 'bg-yellow-50'}`}>\r\n//                     <div className=\"flex items-center\">\r\n//                       <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6 text-yellow-500 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n//                         <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" />\r\n//                       </svg>\r\n//                       <div>\r\n//                         <h3 className={`font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n//                           MetaMask Not Detected\r\n//                         </h3>\r\n//                         <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n//                           Please install MetaMask extension to make payments\r\n//                         </p>\r\n//                       </div>\r\n//                     </div>\r\n//                     <a\r\n//                       href=\"https://metamask.io/download/\"\r\n//                       target=\"_blank\"\r\n//                       rel=\"noopener noreferrer\"\r\n//                       className={`block mt-3 text-center ${buttonPrimaryClasses}`}\r\n//                     >\r\n//                       Install MetaMask\r\n//                     </a>\r\n//                   </div>\r\n//                 )}\r\n\r\n//                 <div className=\"mt-6 grid grid-cols-2 gap-3\">\r\n//                   <button\r\n//                     type=\"button\"\r\n//                     onClick={handleBack}\r\n//                     className={buttonSecondaryClasses}\r\n//                   >\r\n//                     Back\r\n//                   </button>\r\n//                   <button\r\n//                     type=\"button\"\r\n//                     onClick={handlePaymentConfirm}\r\n//                     className={buttonPrimaryClasses}\r\n//                     disabled={!testMode && paymentMethod === 'wallet' && isMetaMaskAvailable && !walletConnected}\r\n//                   >\r\n//                     Pay Now\r\n//                   </button>\r\n//                 </div>\r\n//               </div>\r\n//             )}\r\n\r\n//             {step === 'processing' && (\r\n//               <PaymentStatus \r\n//                 status=\"processing\" \r\n//                 theme={theme}\r\n//                 message=\"Processing your payment...\"\r\n//               />\r\n//             )}\r\n\r\n//             {step === 'success' && (\r\n//               <div>\r\n//                 <PaymentStatus \r\n//                   status=\"success\" \r\n//                   theme={theme}\r\n//                   message=\"Payment successful!\"\r\n//                 />\r\n//                 {transactionHash && (\r\n//                   <div className={`mt-4 p-3 rounded-lg ${theme === 'dark' ? 'bg-gray-700' : 'bg-gray-100'}`}>\r\n//                     <p className={`text-xs ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'} mb-1`}>\r\n//                       Transaction Hash:\r\n//                     </p>\r\n//                     <p className={`text-sm font-mono break-all ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n//                       {formatTransactionHash(transactionHash)}\r\n//                     </p>\r\n//                     {/* Optional: Add link to blockchain explorer */}\r\n//                     <a \r\n//                       href={`https://etherscan.io/tx/${transactionHash}`}\r\n//                       target=\"_blank\"\r\n//                       rel=\"noopener noreferrer\"\r\n//                       className={`text-xs ${theme === 'dark' ? 'text-blue-400' : 'text-blue-600'} mt-2 inline-block`}\r\n//                     >\r\n//                       View on Etherscan →\r\n//                     </a>\r\n//                   </div>\r\n//                 )}\r\n//               </div>\r\n//             )}\r\n\r\n//             {step === 'error' && (\r\n//               <div>\r\n//                 <PaymentStatus \r\n//                   status=\"error\" \r\n//                   theme={theme}\r\n//                   message={error || \"An error occurred while processing your payment.\"}\r\n//                 />\r\n//                 <button\r\n//                   type=\"button\"\r\n//                   onClick={handleBack}\r\n//                   className={`mt-4 ${buttonSecondaryClasses}`}\r\n//                 >\r\n//                   Try Again\r\n//                 </button>\r\n//               </div>\r\n//             )}\r\n//           </div>\r\n\r\n//           {/* Footer */}\r\n//           <div className={`text-center text-xs ${theme === 'dark' ? 'text-gray-400' : 'text-gray-500'}`}>\r\n//             <p>Powered by Coinley - Secure Cryptocurrency Payments</p>\r\n//           </div>\r\n//         </div>\r\n//       </div>\r\n//     </div>\r\n//   );\r\n// };\r\n\r\n// export default CoinleyModal;\r\n\r\n\r\n\r\n// src/components/CoinleyModal.jsx\r\nimport React, { lazy, Suspense, useEffect, useState } from 'react';\r\nimport PaymentMethods from './PaymentMethods';\r\nimport PaymentStatus from './PaymentStatus';\r\nimport { isMetaMaskInstalled } from '../services/web3';\r\nimport Logo from '../assets/Logo.png';\r\n\r\nconst QRCode = lazy(() => import('./QRCode'));\r\n\r\nconst CoinleyModal = ({\r\n  isOpen,\r\n  onClose,\r\n  payment,\r\n  paymentStatus,\r\n  selectedCurrency,\r\n  onCurrencySelect,\r\n  onPayment,\r\n  error,\r\n  theme = 'light',\r\n  merchantName,\r\n  transactionHash,\r\n  walletConnected,\r\n  onConnectWallet,\r\n  testMode = false\r\n}) => {\r\n  const [step, setStep] = useState('select-currency');\r\n  const [isMetaMaskAvailable, setIsMetaMaskAvailable] = useState(false);\r\n  const [paymentMethod, setPaymentMethod] = useState('wallet');\r\n\r\n  // Check if MetaMask is available\r\n  useEffect(() => {\r\n    if (typeof window !== 'undefined') {\r\n      setIsMetaMaskAvailable(isMetaMaskInstalled());\r\n    }\r\n  }, []);\r\n\r\n  // Update step based on payment status\r\n  useEffect(() => {\r\n    if (paymentStatus === 'loading') {\r\n      setStep('processing');\r\n    } else if (paymentStatus === 'success') {\r\n      setStep('success');\r\n    } else if (paymentStatus === 'error') {\r\n      setStep('error');\r\n    } else if (paymentStatus === 'idle' && payment) {\r\n      setStep('select-currency');\r\n    }\r\n  }, [paymentStatus, payment]);\r\n\r\n  const handleCurrencySelect = (currency) => {\r\n    onCurrencySelect(currency);\r\n    setStep('confirm');\r\n  };\r\n\r\n  const handlePaymentConfirm = () => {\r\n    onPayment(paymentMethod === 'qrcode');\r\n  };\r\n\r\n  const handleBack = () => {\r\n    if (step === 'confirm') {\r\n      setStep('select-currency');\r\n    }\r\n  };\r\n\r\n  const handleClose = () => {\r\n    onClose();\r\n  };\r\n\r\n  // Format amount with 2 decimal places\r\n  const formatAmount = (amount) => {\r\n    return parseFloat(amount).toFixed(2);\r\n  };\r\n\r\n  // Format transaction hash for display\r\n  const formatTransactionHash = (hash) => {\r\n    if (!hash) return '';\r\n    if (hash.length <= 14) return hash;\r\n    return `${hash.slice(0, 8)}...${hash.slice(-6)}`;\r\n  };\r\n\r\n  // Toggle payment method\r\n  const togglePaymentMethod = (method) => {\r\n    setPaymentMethod(method);\r\n  };\r\n\r\n  // CSS Classes\r\n  const modalBaseClasses = `fixed inset-0 z-50 overflow-y-auto ${theme === 'dark' ? 'bg-gray-900/75' : 'bg-black/50'}`;\r\n  const modalContentClasses = `relative p-6 w-full max-w-md mx-auto rounded-lg shadow-xl ${theme === 'dark' ? 'bg-gray-800 text-white' : 'bg-white text-gray-800'}`;\r\n  const headerClasses = `text-xl font-bold mb-4 ${theme === 'dark' ? 'text-white' : 'text-gray-900'}`;\r\n  const buttonPrimaryClasses = `w-full py-2 px-4 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${\r\n    theme === 'dark' \r\n      ? 'bg-blue-600 hover:bg-blue-700 text-white focus:ring-blue-500' \r\n      : 'bg-blue-500 hover:bg-blue-600 text-white focus:ring-blue-500'\r\n  }`;\r\n  const buttonSecondaryClasses = `w-full py-2 px-4 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${\r\n    theme === 'dark'\r\n      ? 'bg-gray-700 hover:bg-gray-600 text-white focus:ring-gray-500'\r\n      : 'bg-gray-200 hover:bg-gray-300 text-gray-800 focus:ring-gray-500'\r\n  }`;\r\n  const tabButtonClasses = `py-2 px-4 text-sm font-medium focus:outline-none transition-colors`;\r\n  const activeTabClasses = `${theme === 'dark' ? 'bg-gray-700 text-white' : 'bg-gray-100 text-gray-800'} rounded-t-md`;\r\n  const inactiveTabClasses = `${theme === 'dark' ? 'text-gray-400 hover:text-gray-300' : 'text-gray-500 hover:text-gray-700'}`;\r\n\r\n  if (!isOpen) return null;\r\n\r\n  return (\r\n    <div className={modalBaseClasses}>\r\n      <div className=\"flex min-h-screen items-center justify-center p-4\">\r\n        <div className={modalContentClasses}>\r\n          {/* Header */}\r\n          <div className=\"flex justify-between items-center mb-6\">\r\n            <div className=\"flex items-center\">\r\n              <img src={Logo} alt=\"Coinley Logo\" className=\"h-8 mr-2\" />\r\n              <h2 className={headerClasses}>Coinley Pay</h2>\r\n            </div>\r\n            <button \r\n              onClick={handleClose}\r\n              className={`text-gray-500 hover:text-gray-700 focus:outline-none ${theme === 'dark' ? 'text-gray-400 hover:text-gray-300' : ''}`}\r\n            >\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\r\n              </svg>\r\n            </button>\r\n          </div>\r\n          \r\n          {/* Content */}\r\n          <div className=\"mb-6\">\r\n            {payment && (\r\n              <div className={`mb-6 p-4 rounded-lg ${theme === 'dark' ? 'bg-gray-700' : 'bg-gray-100'}`}>\r\n                <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n                  {merchantName}\r\n                </p>\r\n                <div className=\"flex justify-between items-center mt-2\">\r\n                  <span className={`font-medium ${theme === 'dark' ? 'text-gray-300' : 'text-gray-700'}`}>\r\n                    Amount:\r\n                  </span>\r\n                  <span className=\"font-bold text-xl\">\r\n                    ${formatAmount(payment.totalAmount || payment.amount)}\r\n                  </span>\r\n                </div>\r\n                <div className=\"text-xs mt-1 text-right\">\r\n                  <span className={`${theme === 'dark' ? 'text-gray-400' : 'text-gray-500'}`}>\r\n                    Payment ID: {payment.id.slice(0, 8)}...\r\n                  </span>\r\n                </div>\r\n              </div>\r\n            )}\r\n\r\n            {step === 'select-currency' && (\r\n              <PaymentMethods \r\n                onSelect={handleCurrencySelect} \r\n                selected={selectedCurrency}\r\n                theme={theme}\r\n              />\r\n            )}\r\n\r\n            {step === 'confirm' && payment && (\r\n              <div>\r\n                <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-gray-700' : 'bg-gray-100'}`}>\r\n                  <h3 className={`text-lg font-medium mb-2 ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n                    Payment Details\r\n                  </h3>\r\n                  <div className=\"space-y-2\">\r\n                    <div className=\"flex justify-between\">\r\n                      <span className={theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}>Currency:</span>\r\n                      <span className=\"font-medium\">{selectedCurrency}</span>\r\n                    </div>\r\n                    <div className=\"flex justify-between\">\r\n                      <span className={theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}>Network:</span>\r\n                      <span className=\"font-medium\">\r\n                        {selectedCurrency === 'SOL' || selectedCurrency === 'USDC_SOL' ? 'Solana' : 'Ethereum'}\r\n                      </span>\r\n                    </div>\r\n                    <div className=\"flex justify-between\">\r\n                      <span className={theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}>Fee:</span>\r\n                      <span className=\"font-medium\">1.75%</span>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                {/* Payment Method Tabs */}\r\n                <div className=\"mb-4\">\r\n                  <div className=\"flex border-b border-gray-200\">\r\n                    <button\r\n                      onClick={() => togglePaymentMethod('wallet')}\r\n                      className={`${tabButtonClasses} ${paymentMethod === 'wallet' ? activeTabClasses : inactiveTabClasses}`}\r\n                    >\r\n                      Connect Wallet\r\n                    </button>\r\n                    <button\r\n                      onClick={() => togglePaymentMethod('qrcode')}\r\n                      className={`${tabButtonClasses} ${paymentMethod === 'qrcode' ? activeTabClasses : inactiveTabClasses}`}\r\n                    >\r\n                      QR Code\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n\r\n                {testMode ? (\r\n                  // Test mode payment option\r\n                  <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-blue-900/20' : 'bg-blue-50'}`}>\r\n                    <div className=\"flex items-center\">\r\n                      <div className=\"bg-blue-500 rounded-full p-2 mr-3\">\r\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M13 10V3L4 14h7v7l9-11h-7z\" />\r\n                        </svg>\r\n                      </div>\r\n                      <div>\r\n                        <h3 className={`font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n                          Test Mode Payment\r\n                        </h3>\r\n                        <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n                          Click \"Pay Now\" to simulate a successful payment\r\n                        </p>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                ) : paymentMethod === 'qrcode' ? (\r\n                  // QR Code payment option\r\n                  <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-blue-900/20' : 'bg-blue-50'}`}>\r\n                    <QRCode \r\n                      walletAddress={payment.walletAddress || '0x742d35Cc6634C0532925a3b844Bc454e4438f44e'} \r\n                      amount={payment.totalAmount || payment.amount}\r\n                      currency={selectedCurrency}\r\n                      theme={theme}\r\n                    />\r\n                  </div>\r\n                ) : isMetaMaskAvailable ? (\r\n                  // MetaMask available option\r\n                  <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-blue-900/20' : 'bg-blue-50'}`}>\r\n                    <div className=\"flex items-center\">\r\n                      <img \r\n                        src=\"https://metamask.io/images/metamask-fox.svg\" \r\n                        alt=\"MetaMask\" \r\n                        className=\"w-8 h-8 mr-2\"\r\n                      />\r\n                      <div>\r\n                        <h3 className={`font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n                          Pay with MetaMask\r\n                        </h3>\r\n                        <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n                          {walletConnected \r\n                            ? \"Your wallet is connected. Click 'Pay Now' to proceed.\" \r\n                            : \"Click 'Connect Wallet' to proceed with payment.\"\r\n                          }\r\n                        </p>\r\n                      </div>\r\n                    </div>\r\n                    {!walletConnected && (\r\n                      <button\r\n                        onClick={onConnectWallet}\r\n                        className={`mt-3 ${buttonPrimaryClasses}`}\r\n                      >\r\n                        Connect Wallet\r\n                      </button>\r\n                    )}\r\n                  </div>\r\n                ) : (\r\n                  // MetaMask not available warning\r\n                  <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-yellow-900/20' : 'bg-yellow-50'}`}>\r\n                    <div className=\"flex items-center\">\r\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6 text-yellow-500 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" />\r\n                      </svg>\r\n                      <div>\r\n                        <h3 className={`font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n                          MetaMask Not Detected\r\n                        </h3>\r\n                        <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n                          Please install MetaMask extension to make payments\r\n                        </p>\r\n                      </div>\r\n                    </div>\r\n                    <a\r\n                      href=\"https://metamask.io/download/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener noreferrer\"\r\n                      className={`block mt-3 text-center ${buttonPrimaryClasses}`}\r\n                    >\r\n                      Install MetaMask\r\n                    </a>\r\n                  </div>\r\n                )}\r\n\r\n                <div className=\"mt-6 grid grid-cols-2 gap-3\">\r\n                  <button\r\n                    type=\"button\"\r\n                    onClick={handleBack}\r\n                    className={buttonSecondaryClasses}\r\n                  >\r\n                    Back\r\n                  </button>\r\n                  <button\r\n                    type=\"button\"\r\n                    onClick={handlePaymentConfirm}\r\n                    className={buttonPrimaryClasses}\r\n                    disabled={!testMode && paymentMethod === 'wallet' && isMetaMaskAvailable && !walletConnected}\r\n                  >\r\n                    Pay Now\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            )}\r\n\r\n            {step === 'processing' && (\r\n              <PaymentStatus \r\n                status=\"processing\" \r\n                theme={theme}\r\n                message=\"Processing your payment...\"\r\n              />\r\n            )}\r\n\r\n            {step === 'success' && (\r\n              <div>\r\n                <PaymentStatus \r\n                  status=\"success\" \r\n                  theme={theme}\r\n                  message=\"Payment successful!\"\r\n                />\r\n                {transactionHash && (\r\n                  <div className={`mt-4 p-3 rounded-lg ${theme === 'dark' ? 'bg-gray-700' : 'bg-gray-100'}`}>\r\n                    <p className={`text-xs ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'} mb-1`}>\r\n                      Transaction Hash:\r\n                    </p>\r\n                    <p className={`text-sm font-mono break-all ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n                      {formatTransactionHash(transactionHash)}\r\n                    </p>\r\n                    <a \r\n                      href={`https://etherscan.io/tx/${transactionHash}`}\r\n                      target=\"_blank\"\r\n                      rel=\"noopener noreferrer\"\r\n                      className={`text-xs ${theme === 'dark' ? 'text-blue-400' : 'text-blue-600'} mt-2 inline-block`}\r\n                    >\r\n                      View on Etherscan →\r\n                    </a>\r\n                  </div>\r\n                )}\r\n              </div>\r\n            )}\r\n\r\n            {step === 'error' && (\r\n              <div>\r\n                <PaymentStatus \r\n                  status=\"error\" \r\n                  theme={theme}\r\n                  message={error || \"An error occurred while processing your payment.\"}\r\n                />\r\n                <button\r\n                  type=\"button\"\r\n                  onClick={handleBack}\r\n                  className={`mt-4 ${buttonSecondaryClasses}`}\r\n                >\r\n                  Try Again\r\n                </button>\r\n              </div>\r\n            )}\r\n          </div>\r\n\r\n          {/* Footer */}\r\n          <div className={`text-center text-xs ${theme === 'dark' ? 'text-gray-400' : 'text-gray-500'}`}>\r\n            <p>Powered by Coinley - Secure Cryptocurrency Payments</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default CoinleyModal;","// // src/components/CoinleyCheckout.jsx - Production Version\r\n// import React, { forwardRef, useImperativeHandle, useState, useEffect } from 'react';\r\n// import { useCoinley } from '../context/CoinleyContext';\r\n// import { useTheme } from '../context/ThemeContext';\r\n// import CoinleyModal from './CoinleyModal';\r\n// import { createPayment, processPayment } from '../services/api';\r\n// import { isMetaMaskInstalled, connectWallet, sendTransaction } from '../services/web3';\r\n\r\n// const CoinleyCheckout = forwardRef(({ \r\n//   apiKey,\r\n//   apiSecret,\r\n//   apiUrl,\r\n//   customerEmail,\r\n//   merchantName = 'Merchant',\r\n//   onSuccess,\r\n//   onError,\r\n//   onClose,\r\n//   theme,\r\n//   autoOpen = false,\r\n//   debug = false,\r\n//   testMode = false // Add testMode flag for development\r\n// }, ref) => {\r\n//   const coinleyContext = useCoinley();\r\n//   const { theme: contextTheme } = useTheme();\r\n  \r\n//   const [isOpen, setIsOpen] = useState(autoOpen);\r\n//   const [payment, setPayment] = useState(null);\r\n//   const [paymentStatus, setPaymentStatus] = useState('idle'); // idle, loading, success, error\r\n//   const [selectedCurrency, setSelectedCurrency] = useState('USDT');\r\n//   const [error, setError] = useState(null);\r\n//   const [transactionHash, setTransactionHash] = useState(null);\r\n//   const [walletConnected, setWalletConnected] = useState(false);\r\n  \r\n//   // Use the component props or fallback to context values\r\n//   const effectiveApiKey = apiKey || coinleyContext?.apiKey;\r\n//   const effectiveApiSecret = apiSecret || coinleyContext?.apiSecret;\r\n//   const effectiveApiUrl = apiUrl || coinleyContext?.apiUrl;\r\n//   const effectiveTheme = theme || contextTheme;\r\n//   const effectiveDebug = debug || coinleyContext?.debug;\r\n\r\n//   useImperativeHandle(ref, () => ({\r\n//     open: (paymentDetails) => {\r\n//       handleOpen(paymentDetails);\r\n//     },\r\n//     close: () => {\r\n//       handleClose();\r\n//     },\r\n//     getPayment: () => payment\r\n//   }));\r\n\r\n//   const log = (message, data) => {\r\n//     if (effectiveDebug) {\r\n//       console.log(`[Coinley SDK] ${message}`, data);\r\n//     }\r\n//   };\r\n\r\n//   // Check MetaMask connection on mount\r\n//   useEffect(() => {\r\n//     const checkWalletConnection = async () => {\r\n//       if (isMetaMaskInstalled()) {\r\n//         try {\r\n//           const accounts = await window.ethereum.request({ method: 'eth_accounts' });\r\n//           setWalletConnected(accounts && accounts.length > 0);\r\n//         } catch (err) {\r\n//           log('Error checking wallet connection:', err);\r\n//           setWalletConnected(false);\r\n//         }\r\n//       } else {\r\n//         setWalletConnected(false);\r\n//       }\r\n//     };\r\n\r\n//     checkWalletConnection();\r\n//   }, []);\r\n\r\n//   // Handle MetaMask account changes\r\n//   useEffect(() => {\r\n//     const handleAccountsChanged = (accounts) => {\r\n//       setWalletConnected(accounts.length > 0);\r\n//     };\r\n\r\n//     if (window.ethereum) {\r\n//       window.ethereum.on('accountsChanged', handleAccountsChanged);\r\n//     }\r\n\r\n//     return () => {\r\n//       if (window.ethereum) {\r\n//         window.ethereum.removeListener('accountsChanged', handleAccountsChanged);\r\n//       }\r\n//     };\r\n//   }, []);\r\n\r\n//   const handleOpen = async (paymentDetails) => {\r\n//     if (!paymentDetails || !paymentDetails.amount) {\r\n//       setError('Payment amount is required');\r\n//       if (onError) onError(new Error('Payment amount is required'));\r\n//       return;\r\n//     }\r\n\r\n//     setPaymentStatus('loading');\r\n//     setIsOpen(true);\r\n\r\n//     try {\r\n//       log('Creating payment with details:', paymentDetails);\r\n      \r\n//       // Create a payment on the Coinley backend\r\n//       const paymentResponse = await createPayment({\r\n//         amount: paymentDetails.amount,\r\n//         currency: paymentDetails.currency || 'USDT',\r\n//         customerEmail: paymentDetails.customerEmail || customerEmail,\r\n//         callbackUrl: paymentDetails.callbackUrl,\r\n//         metadata: paymentDetails.metadata || {}\r\n//       });\r\n\r\n//       log('Payment created:', paymentResponse);\r\n      \r\n//       setPayment(paymentResponse.payment);\r\n//       setPaymentStatus('idle');\r\n//       setError(null);\r\n//     } catch (err) {\r\n//       log('Error creating payment:', err);\r\n//       setError(err.message || 'Failed to create payment');\r\n//       setPaymentStatus('error');\r\n//       if (onError) onError(err);\r\n//     }\r\n//   };\r\n\r\n//   const handleClose = () => {\r\n//     setIsOpen(false);\r\n//     setTransactionHash(null);\r\n//     if (onClose) onClose();\r\n//   };\r\n\r\n//   const handlePaymentMethodSelect = (currency) => {\r\n//     log('Currency selected:', currency);\r\n//     setSelectedCurrency(currency);\r\n//   };\r\n\r\n//   const connectToWallet = async () => {\r\n//     if (!isMetaMaskInstalled()) {\r\n//       setError('MetaMask is not installed. Please install MetaMask to make payments.');\r\n//       return false;\r\n//     }\r\n\r\n//     try {\r\n//       const accounts = await connectWallet();\r\n//       setWalletConnected(accounts.length > 0);\r\n//       return accounts.length > 0;\r\n//     } catch (err) {\r\n//       log('Error connecting to wallet:', err);\r\n//       setError(err.message || 'Failed to connect to wallet');\r\n//       return false;\r\n//     }\r\n//   };\r\n\r\n//   const handlePayment = async () => {\r\n//     if (!payment) {\r\n//       setError('No active payment to process');\r\n//       return;\r\n//     }\r\n\r\n//     log('Starting payment process...');\r\n//     setPaymentStatus('loading');\r\n//     setTransactionHash(null);\r\n\r\n//     try {\r\n//       log('Processing payment:', { paymentId: payment.id, currency: selectedCurrency });\r\n      \r\n//       let txHash;\r\n\r\n//       // Check if we're in test mode or need a real wallet transaction\r\n//       if (testMode) {\r\n//         // Simulate transaction for testing\r\n//         log('Test mode: Generating mock transaction...');\r\n//         txHash = `0x${Array.from({length: 64}, () => \r\n//           Math.floor(Math.random() * 16).toString(16)).join('')}`;\r\n//       } else {\r\n//         // Real payment flow\r\n//         // 1. Ensure wallet is connected\r\n//         if (!walletConnected) {\r\n//           const connected = await connectToWallet();\r\n//           if (!connected) {\r\n//             throw new Error('Please connect your wallet to proceed with payment');\r\n//           }\r\n//         }\r\n\r\n//         // 2. Get merchant address from payment\r\n//         const merchantAddress = payment.merchantAddress || '0x742d35Cc6634C0532925a3b844Bc454e4438f44e'; // Fallback for testing\r\n        \r\n//         // 3. Create transaction parameters\r\n//         const txParams = {\r\n//           from: await window.ethereum.request({ method: 'eth_requestAccounts' }).then(accounts => accounts[0]),\r\n//           to: merchantAddress,\r\n//           value: '0x0', // For ERC-20 tokens, value is 0\r\n//           data: '0x', // Would include token transfer data for ERC-20\r\n//         };\r\n\r\n//         // 4. Send transaction through MetaMask\r\n//         log('Sending transaction to wallet for approval...');\r\n//         txHash = await sendTransaction(txParams);\r\n//       }\r\n\r\n//       log('Transaction hash:', txHash);\r\n//       setTransactionHash(txHash);\r\n\r\n//       // Process the payment on the Coinley backend\r\n//       log('Sending process payment request to API...');\r\n//       const processResponse = await processPayment({\r\n//         paymentId: payment.id,\r\n//         transactionHash: txHash,\r\n//         network: 'ethereum' // Or determine based on selected currency\r\n//       });\r\n\r\n//       log('Payment processed successfully:', processResponse);\r\n\r\n//       setPaymentStatus('success');\r\n      \r\n//       // Call the onSuccess callback with transaction details\r\n//       if (onSuccess) {\r\n//         log('Calling onSuccess callback...');\r\n//         onSuccess(payment.id, txHash);\r\n//       }\r\n\r\n//       // Close the modal after a delay if auto-close is desired\r\n//       // setTimeout(() => {\r\n//       //   log('Auto-closing modal after success...');\r\n//       //   handleClose();\r\n//       // }, 5000);\r\n\r\n//     } catch (err) {\r\n//       log('Payment error:', err);\r\n//       setError(err.message || 'Failed to process payment');\r\n//       setPaymentStatus('error');\r\n//       if (onError) onError(err);\r\n//     }\r\n//   };\r\n\r\n//   // Open modal if autoOpen is true and we have a payment\r\n//   useEffect(() => {\r\n//     if (autoOpen && payment) {\r\n//       setIsOpen(true);\r\n//     }\r\n//   }, [autoOpen, payment]);\r\n\r\n//   return (\r\n//     <>\r\n//       {isOpen && (\r\n//         <CoinleyModal\r\n//           isOpen={isOpen}\r\n//           onClose={handleClose}\r\n//           payment={payment}\r\n//           paymentStatus={paymentStatus}\r\n//           selectedCurrency={selectedCurrency}\r\n//           onCurrencySelect={handlePaymentMethodSelect}\r\n//           onPayment={handlePayment}\r\n//           error={error}\r\n//           theme={effectiveTheme}\r\n//           merchantName={merchantName}\r\n//           transactionHash={transactionHash}\r\n//           walletConnected={walletConnected}\r\n//           onConnectWallet={connectToWallet}\r\n//           testMode={testMode}\r\n//         />\r\n//       )}\r\n//     </>\r\n//   );\r\n// });\r\n\r\n// CoinleyCheckout.displayName = 'CoinleyCheckout';\r\n\r\n// export default CoinleyCheckout;\r\n\r\n\r\n\r\n\r\n// src/components/CoinleyCheckout.jsx\r\nimport React, { forwardRef, useImperativeHandle, useState, useEffect } from 'react';\r\nimport { useCoinley } from '../context/CoinleyContext';\r\nimport { useTheme } from '../context/ThemeContext';\r\nimport CoinleyModal from './CoinleyModal';\r\nimport { createPayment, processPayment } from '../services/api';\r\nimport { isMetaMaskInstalled, connectWallet, sendTransaction } from '../services/web3';\r\n\r\nconst CoinleyCheckout = forwardRef(({ \r\n  apiKey,\r\n  apiSecret,\r\n  apiUrl,\r\n  customerEmail,\r\n  merchantName = 'Merchant',\r\n  onSuccess,\r\n  onError,\r\n  onClose,\r\n  theme,\r\n  autoOpen = false,\r\n  debug = false,\r\n  testMode = false\r\n}, ref) => {\r\n  const coinleyContext = useCoinley();\r\n  const { theme: contextTheme } = useTheme();\r\n  \r\n  const [isOpen, setIsOpen] = useState(autoOpen);\r\n  const [payment, setPayment] = useState(null);\r\n  const [paymentStatus, setPaymentStatus] = useState('idle'); // idle, loading, success, error\r\n  const [selectedCurrency, setSelectedCurrency] = useState('USDT');\r\n  const [error, setError] = useState(null);\r\n  const [transactionHash, setTransactionHash] = useState(null);\r\n  const [walletConnected, setWalletConnected] = useState(false);\r\n  \r\n  // Use the component props or fallback to context values\r\n  const effectiveApiKey = apiKey || coinleyContext?.apiKey;\r\n  const effectiveApiSecret = apiSecret || coinleyContext?.apiSecret;\r\n  const effectiveApiUrl = apiUrl || coinleyContext?.apiUrl;\r\n  const effectiveTheme = theme || contextTheme;\r\n  const effectiveDebug = debug || coinleyContext?.debug;\r\n\r\n  useImperativeHandle(ref, () => ({\r\n    open: (paymentDetails) => {\r\n      handleOpen(paymentDetails);\r\n    },\r\n    close: () => {\r\n      handleClose();\r\n    },\r\n    getPayment: () => payment\r\n  }));\r\n\r\n  const log = (message, data) => {\r\n    if (effectiveDebug) {\r\n      console.log(`[Coinley SDK] ${message}`, data);\r\n    }\r\n  };\r\n\r\n  // Check MetaMask connection on mount\r\n  useEffect(() => {\r\n    const checkWalletConnection = async () => {\r\n      if (isMetaMaskInstalled()) {\r\n        try {\r\n          const accounts = await window.ethereum.request({ method: 'eth_accounts' });\r\n          setWalletConnected(accounts && accounts.length > 0);\r\n        } catch (err) {\r\n          log('Error checking wallet connection:', err);\r\n          setWalletConnected(false);\r\n        }\r\n      } else {\r\n        setWalletConnected(false);\r\n      }\r\n    };\r\n\r\n    checkWalletConnection();\r\n  }, []);\r\n\r\n  // Handle MetaMask account changes\r\n  useEffect(() => {\r\n    const handleAccountsChanged = (accounts) => {\r\n      setWalletConnected(accounts.length > 0);\r\n    };\r\n\r\n    if (typeof window !== 'undefined' && window.ethereum) {\r\n      window.ethereum.on('accountsChanged', handleAccountsChanged);\r\n    }\r\n\r\n    return () => {\r\n      if (typeof window !== 'undefined' && window.ethereum) {\r\n        window.ethereum.removeListener('accountsChanged', handleAccountsChanged);\r\n      }\r\n    };\r\n  }, []);\r\n\r\n  const handleOpen = async (paymentDetails) => {\r\n    if (!paymentDetails || !paymentDetails.amount) {\r\n      setError('Payment amount is required');\r\n      if (onError) onError(new Error('Payment amount is required'));\r\n      return;\r\n    }\r\n\r\n    setPaymentStatus('loading');\r\n    setIsOpen(true);\r\n\r\n    try {\r\n      log('Creating payment with details:', paymentDetails);\r\n      \r\n      // Create a payment on the Coinley backend\r\n      const paymentResponse = await createPayment({\r\n        amount: paymentDetails.amount,\r\n        currency: paymentDetails.currency || 'USDT',\r\n        customerEmail: paymentDetails.customerEmail || customerEmail,\r\n        callbackUrl: paymentDetails.callbackUrl,\r\n        metadata: paymentDetails.metadata || {}\r\n      });\r\n\r\n      log('Payment created:', paymentResponse);\r\n      \r\n      setPayment(paymentResponse.payment);\r\n      setPaymentStatus('idle');\r\n      setError(null);\r\n      \r\n      log('Payment created and state updated:', {\r\n        payment: paymentResponse.payment,\r\n        status: 'idle'\r\n      });\r\n    } catch (err) {\r\n      log('Error creating payment:', err);\r\n      setError(err.message || 'Failed to create payment');\r\n      setPaymentStatus('error');\r\n      if (onError) onError(err);\r\n    }\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setIsOpen(false);\r\n    setTransactionHash(null);\r\n    if (onClose) onClose();\r\n  };\r\n\r\n  const handlePaymentMethodSelect = (currency) => {\r\n    log('Currency selected:', currency);\r\n    setSelectedCurrency(currency);\r\n  };\r\n\r\n  const connectToWallet = async () => {\r\n    if (!isMetaMaskInstalled()) {\r\n      setError('MetaMask is not installed. Please install MetaMask to make payments.');\r\n      return false;\r\n    }\r\n\r\n    try {\r\n      const accounts = await connectWallet();\r\n      setWalletConnected(accounts.length > 0);\r\n      return accounts.length > 0;\r\n    } catch (err) {\r\n      log('Error connecting to wallet:', err);\r\n      setError(err.message || 'Failed to connect to wallet');\r\n      return false;\r\n    }\r\n  };\r\n\r\n  const handlePayment = async (isQrCodeMode = false) => {\r\n    if (!payment) {\r\n      setError('No active payment to process');\r\n      return;\r\n    }\r\n\r\n    log('Starting payment process...', { isQrCodeMode });\r\n    setPaymentStatus('loading');\r\n    setTransactionHash(null);\r\n\r\n    try {\r\n      log('Processing payment:', { paymentId: payment.id, currency: selectedCurrency, isQrCodeMode });\r\n      \r\n      let txHash;\r\n\r\n      // Check if we're in test mode or need a real wallet transaction\r\n      if (testMode) {\r\n        // Simulate transaction for testing\r\n        log('Test mode: Generating mock transaction...');\r\n        txHash = `0x${Array.from({length: 64}, () => \r\n          Math.floor(Math.random() * 16).toString(16)).join('')}`;\r\n      } else if (isQrCodeMode) {\r\n        // For QR code payments, we generate a placeholder hash\r\n        // In a real implementation, we might want to verify the transaction\r\n        log('QR code payment: User confirms payment was sent');\r\n        txHash = `qrcode_${Date.now().toString(16)}_${Math.random().toString(16).substring(2, 10)}`;\r\n      } else {\r\n        // Real payment flow with wallet\r\n        // 1. Ensure wallet is connected\r\n        if (!walletConnected) {\r\n          const connected = await connectToWallet();\r\n          if (!connected) {\r\n            throw new Error('Please connect your wallet to proceed with payment');\r\n          }\r\n        }\r\n\r\n        // 2. Get merchant address from payment\r\n        const merchantAddress = payment.walletAddress || '0x742d35Cc6634C0532925a3b844Bc454e4438f44e'; // Fallback for testing\r\n        \r\n        // 3. Create transaction parameters\r\n        const txParams = {\r\n          from: await window.ethereum.request({ method: 'eth_requestAccounts' }).then(accounts => accounts[0]),\r\n          to: merchantAddress,\r\n          value: '0x0', // For ERC-20 tokens, value is 0\r\n          data: '0x', // Would include token transfer data for ERC-20\r\n        };\r\n\r\n        // 4. Send transaction through MetaMask\r\n        log('Sending transaction to wallet for approval...');\r\n        txHash = await sendTransaction(txParams);\r\n      }\r\n\r\n      log('Transaction hash:', txHash);\r\n      setTransactionHash(txHash);\r\n\r\n      // Process the payment on the Coinley backend\r\n      log('Sending process payment request to API...');\r\n      const processResponse = await processPayment({\r\n        paymentId: payment.id,\r\n        transactionHash: txHash,\r\n        network: selectedCurrency === 'SOL' || selectedCurrency === 'USDC_SOL' ? 'solana' : 'ethereum'\r\n      });\r\n\r\n      log('Payment processed successfully:', processResponse);\r\n\r\n      setPaymentStatus('success');\r\n      \r\n      // Call the onSuccess callback with transaction details\r\n      if (onSuccess) {\r\n        log('Calling onSuccess callback...');\r\n        onSuccess(payment.id, txHash);\r\n      }\r\n\r\n    } catch (err) {\r\n      log('Payment error:', err);\r\n      setError(err.message || 'Failed to process payment');\r\n      setPaymentStatus('error');\r\n      if (onError) onError(err);\r\n    }\r\n  };\r\n\r\n  // Open modal if autoOpen is true and we have a payment\r\n  useEffect(() => {\r\n    if (autoOpen && payment) {\r\n      setIsOpen(true);\r\n    }\r\n  }, [autoOpen, payment]);\r\n\r\n  return (\r\n    <>\r\n      {isOpen && (\r\n        <CoinleyModal\r\n          isOpen={isOpen}\r\n          onClose={handleClose}\r\n          payment={payment}\r\n          paymentStatus={paymentStatus}\r\n          selectedCurrency={selectedCurrency}\r\n          onCurrencySelect={handlePaymentMethodSelect}\r\n          onPayment={handlePayment}\r\n          error={error}\r\n          theme={effectiveTheme}\r\n          merchantName={merchantName}\r\n          transactionHash={transactionHash}\r\n          walletConnected={walletConnected}\r\n          onConnectWallet={connectToWallet}\r\n          testMode={testMode}\r\n        />\r\n      )}\r\n    </>\r\n  );\r\n});\r\n\r\nCoinleyCheckout.displayName = 'CoinleyCheckout';\r\n\r\nexport default CoinleyCheckout;","// // src/index.js - Production Version\r\n// import { ThemeProvider } from './context/ThemeContext';\r\n// import { CoinleyProvider } from './context/CoinleyContext';\r\n// import CoinleyCheckout from './components/CoinleyCheckout';\r\n// import CoinleyModal from './components/CoinleyModal';\r\n// import './styles.css';\r\n\r\n// // Export primary components\r\n// export {\r\n//   ThemeProvider,\r\n//   CoinleyProvider,\r\n//   CoinleyCheckout,\r\n//   CoinleyModal\r\n// };\r\n\r\n// // Export API utilities\r\n// export {\r\n//   createPayment,\r\n//   getPayment,\r\n//   processPayment,\r\n//   getMerchantPayments,\r\n//   getMerchantPaymentStats,\r\n//   getSupportedCurrencies\r\n// } from './services/api';\r\n\r\n// // Export Web3 utilities\r\n// export {\r\n//   isMetaMaskInstalled,\r\n//   connectWallet,\r\n//   getAccounts,\r\n//   getChainId,\r\n//   sendTransaction,\r\n//   sendToken,\r\n//   isWalletConnected,\r\n//   getNetworkName,\r\n//   getTokenBalance,\r\n//   TOKEN_ADDRESSES\r\n// } from './services/web3';\r\n\r\n// // Default configuration\r\n// export const DEFAULT_CONFIG = {\r\n//   apiUrl: 'https://coinleyserver-production.up.railway.app\"',\r\n//   debug: false,\r\n//   testMode: false,\r\n//   theme: 'light'\r\n// };\r\n\r\n// // Version info\r\n// export const VERSION = '1.0.0';\r\n\r\n\r\n\r\n// src/index.js - Fixed imports to avoid circular dependencies\r\nimport { ThemeProvider } from './context/ThemeContext';\r\nimport { CoinleyProvider } from './context/CoinleyContext';\r\n\r\n// Import API utilities to avoid circular dependencies\r\nimport {\r\n  createPayment,\r\n  getPayment,\r\n  processPayment,\r\n  getMerchantPayments,\r\n  getMerchantPaymentStats,\r\n  getSupportedCurrencies\r\n} from './services/api';\r\n\r\n// Import Web3 utilities\r\nimport {\r\n  isMetaMaskInstalled,\r\n  connectWallet,\r\n  getAccounts,\r\n  getChainId,\r\n  sendTransaction,\r\n  sendToken,\r\n  isWalletConnected,\r\n  getNetworkName,\r\n  getTokenBalance,\r\n  TOKEN_ADDRESSES\r\n} from './services/web3';\r\n\r\n// Import components separately\r\nimport QRCode from './components/QRCode';\r\nimport PaymentStatus from './components/PaymentStatus';\r\nimport PaymentMethods from './components/PaymentMethods';\r\nimport CoinleyModal from './components/CoinleyModal';\r\nimport CoinleyCheckout from './components/CoinleyCheckout';\r\n\r\n// Import styles\r\nimport './styles.css';\r\n\r\n// Export all components and utilities\r\nexport {\r\n  ThemeProvider,\r\n  CoinleyProvider,\r\n  CoinleyCheckout,\r\n  CoinleyModal,\r\n  QRCode,\r\n  PaymentStatus,\r\n  PaymentMethods,\r\n  // API utilities\r\n  createPayment,\r\n  getPayment,\r\n  processPayment,\r\n  getMerchantPayments,\r\n  getMerchantPaymentStats,\r\n  getSupportedCurrencies,\r\n  // Web3 utilities\r\n  isMetaMaskInstalled,\r\n  connectWallet,\r\n  getAccounts,\r\n  getChainId,\r\n  sendTransaction,\r\n  sendToken,\r\n  isWalletConnected,\r\n  getNetworkName,\r\n  getTokenBalance,\r\n  TOKEN_ADDRESSES\r\n};\r\n\r\n// Default configuration\r\nexport const DEFAULT_CONFIG = {\r\n  apiUrl: 'https://coinleyserver-production.up.railway.app',\r\n  debug: false,\r\n  testMode: false,\r\n  theme: 'light'\r\n};\r\n\r\n// Version info\r\nexport const VERSION = '1.0.4';"],"names":["ReactDebugCurrentFrame","self","jsxRuntimeModule","require$$0","require$$1","createContext","useContext","useState","useEffect","jsx","QRCode","jsxs","lazy","forwardRef","useImperativeHandle"],"mappings":"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","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"coinley-checkout.umd.js","sources":["../node_modules/react/cjs/react-jsx-runtime.production.min.js","../node_modules/react/cjs/react-jsx-runtime.development.js","../node_modules/react/jsx-runtime.js","../src/context/ThemeContext.jsx","../src/services/api.js","../src/context/CoinleyContext.jsx","../src/components/QRCode.jsx","../src/components/PaymentStatus.jsx","../src/components/PaymentMethods.jsx","../src/services/web3.js","../src/assets/Logo.png","../src/components/CoinleyModal.jsx","../src/components/CoinleyCheckout.jsx","../src/index.js"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nif (process.env.NODE_ENV !== \"production\") {\n  (function() {\n'use strict';\n\nvar React = require('react');\n\n// ATTENTION\n// When adding new symbols to this file,\n// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'\n// The Symbol used to tag the ReactElement-like types.\nvar REACT_ELEMENT_TYPE = Symbol.for('react.element');\nvar REACT_PORTAL_TYPE = Symbol.for('react.portal');\nvar REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');\nvar REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');\nvar REACT_PROFILER_TYPE = Symbol.for('react.profiler');\nvar REACT_PROVIDER_TYPE = Symbol.for('react.provider');\nvar REACT_CONTEXT_TYPE = Symbol.for('react.context');\nvar REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');\nvar REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');\nvar REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');\nvar REACT_MEMO_TYPE = Symbol.for('react.memo');\nvar REACT_LAZY_TYPE = Symbol.for('react.lazy');\nvar REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');\nvar MAYBE_ITERATOR_SYMBOL = Symbol.iterator;\nvar FAUX_ITERATOR_SYMBOL = '@@iterator';\nfunction getIteratorFn(maybeIterable) {\n  if (maybeIterable === null || typeof maybeIterable !== 'object') {\n    return null;\n  }\n\n  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];\n\n  if (typeof maybeIterator === 'function') {\n    return maybeIterator;\n  }\n\n  return null;\n}\n\nvar ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n\nfunction error(format) {\n  {\n    {\n      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n        args[_key2 - 1] = arguments[_key2];\n      }\n\n      printWarning('error', format, args);\n    }\n  }\n}\n\nfunction printWarning(level, format, args) {\n  // When changing this logic, you might want to also\n  // update consoleWithStackDev.www.js as well.\n  {\n    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;\n    var stack = ReactDebugCurrentFrame.getStackAddendum();\n\n    if (stack !== '') {\n      format += '%s';\n      args = args.concat([stack]);\n    } // eslint-disable-next-line react-internal/safe-string-coercion\n\n\n    var argsWithFormat = args.map(function (item) {\n      return String(item);\n    }); // Careful: RN currently depends on this prefix\n\n    argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it\n    // breaks IE9: https://github.com/facebook/react/issues/13610\n    // eslint-disable-next-line react-internal/no-production-logging\n\n    Function.prototype.apply.call(console[level], console, argsWithFormat);\n  }\n}\n\n// -----------------------------------------------------------------------------\n\nvar enableScopeAPI = false; // Experimental Create Event Handle API.\nvar enableCacheElement = false;\nvar enableTransitionTracing = false; // No known bugs, but needs performance testing\n\nvar enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber\n// stuff. Intended to enable React core members to more easily debug scheduling\n// issues in DEV builds.\n\nvar enableDebugTracing = false; // Track which Fiber(s) schedule render work.\n\nvar REACT_MODULE_REFERENCE;\n\n{\n  REACT_MODULE_REFERENCE = Symbol.for('react.module.reference');\n}\n\nfunction isValidElementType(type) {\n  if (typeof type === 'string' || typeof type === 'function') {\n    return true;\n  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).\n\n\n  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || enableCacheElement  || enableTransitionTracing ) {\n    return true;\n  }\n\n  if (typeof type === 'object' && type !== null) {\n    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object\n    // types supported by any Flight configuration anywhere since\n    // we don't know which Flight build this will end up being used\n    // with.\n    type.$$typeof === REACT_MODULE_REFERENCE || type.getModuleId !== undefined) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\nfunction getWrappedName(outerType, innerType, wrapperName) {\n  var displayName = outerType.displayName;\n\n  if (displayName) {\n    return displayName;\n  }\n\n  var functionName = innerType.displayName || innerType.name || '';\n  return functionName !== '' ? wrapperName + \"(\" + functionName + \")\" : wrapperName;\n} // Keep in sync with react-reconciler/getComponentNameFromFiber\n\n\nfunction getContextName(type) {\n  return type.displayName || 'Context';\n} // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.\n\n\nfunction getComponentNameFromType(type) {\n  if (type == null) {\n    // Host root, text node or just invalid type.\n    return null;\n  }\n\n  {\n    if (typeof type.tag === 'number') {\n      error('Received an unexpected object in getComponentNameFromType(). ' + 'This is likely a bug in React. Please file an issue.');\n    }\n  }\n\n  if (typeof type === 'function') {\n    return type.displayName || type.name || null;\n  }\n\n  if (typeof type === 'string') {\n    return type;\n  }\n\n  switch (type) {\n    case REACT_FRAGMENT_TYPE:\n      return 'Fragment';\n\n    case REACT_PORTAL_TYPE:\n      return 'Portal';\n\n    case REACT_PROFILER_TYPE:\n      return 'Profiler';\n\n    case REACT_STRICT_MODE_TYPE:\n      return 'StrictMode';\n\n    case REACT_SUSPENSE_TYPE:\n      return 'Suspense';\n\n    case REACT_SUSPENSE_LIST_TYPE:\n      return 'SuspenseList';\n\n  }\n\n  if (typeof type === 'object') {\n    switch (type.$$typeof) {\n      case REACT_CONTEXT_TYPE:\n        var context = type;\n        return getContextName(context) + '.Consumer';\n\n      case REACT_PROVIDER_TYPE:\n        var provider = type;\n        return getContextName(provider._context) + '.Provider';\n\n      case REACT_FORWARD_REF_TYPE:\n        return getWrappedName(type, type.render, 'ForwardRef');\n\n      case REACT_MEMO_TYPE:\n        var outerName = type.displayName || null;\n\n        if (outerName !== null) {\n          return outerName;\n        }\n\n        return getComponentNameFromType(type.type) || 'Memo';\n\n      case REACT_LAZY_TYPE:\n        {\n          var lazyComponent = type;\n          var payload = lazyComponent._payload;\n          var init = lazyComponent._init;\n\n          try {\n            return getComponentNameFromType(init(payload));\n          } catch (x) {\n            return null;\n          }\n        }\n\n      // eslint-disable-next-line no-fallthrough\n    }\n  }\n\n  return null;\n}\n\nvar assign = Object.assign;\n\n// Helpers to patch console.logs to avoid logging during side-effect free\n// replaying on render function. This currently only patches the object\n// lazily which won't cover if the log function was extracted eagerly.\n// We could also eagerly patch the method.\nvar disabledDepth = 0;\nvar prevLog;\nvar prevInfo;\nvar prevWarn;\nvar prevError;\nvar prevGroup;\nvar prevGroupCollapsed;\nvar prevGroupEnd;\n\nfunction disabledLog() {}\n\ndisabledLog.__reactDisabledLog = true;\nfunction disableLogs() {\n  {\n    if (disabledDepth === 0) {\n      /* eslint-disable react-internal/no-production-logging */\n      prevLog = console.log;\n      prevInfo = console.info;\n      prevWarn = console.warn;\n      prevError = console.error;\n      prevGroup = console.group;\n      prevGroupCollapsed = console.groupCollapsed;\n      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099\n\n      var props = {\n        configurable: true,\n        enumerable: true,\n        value: disabledLog,\n        writable: true\n      }; // $FlowFixMe Flow thinks console is immutable.\n\n      Object.defineProperties(console, {\n        info: props,\n        log: props,\n        warn: props,\n        error: props,\n        group: props,\n        groupCollapsed: props,\n        groupEnd: props\n      });\n      /* eslint-enable react-internal/no-production-logging */\n    }\n\n    disabledDepth++;\n  }\n}\nfunction reenableLogs() {\n  {\n    disabledDepth--;\n\n    if (disabledDepth === 0) {\n      /* eslint-disable react-internal/no-production-logging */\n      var props = {\n        configurable: true,\n        enumerable: true,\n        writable: true\n      }; // $FlowFixMe Flow thinks console is immutable.\n\n      Object.defineProperties(console, {\n        log: assign({}, props, {\n          value: prevLog\n        }),\n        info: assign({}, props, {\n          value: prevInfo\n        }),\n        warn: assign({}, props, {\n          value: prevWarn\n        }),\n        error: assign({}, props, {\n          value: prevError\n        }),\n        group: assign({}, props, {\n          value: prevGroup\n        }),\n        groupCollapsed: assign({}, props, {\n          value: prevGroupCollapsed\n        }),\n        groupEnd: assign({}, props, {\n          value: prevGroupEnd\n        })\n      });\n      /* eslint-enable react-internal/no-production-logging */\n    }\n\n    if (disabledDepth < 0) {\n      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');\n    }\n  }\n}\n\nvar ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;\nvar prefix;\nfunction describeBuiltInComponentFrame(name, source, ownerFn) {\n  {\n    if (prefix === undefined) {\n      // Extract the VM specific prefix used by each line.\n      try {\n        throw Error();\n      } catch (x) {\n        var match = x.stack.trim().match(/\\n( *(at )?)/);\n        prefix = match && match[1] || '';\n      }\n    } // We use the prefix to ensure our stacks line up with native stack frames.\n\n\n    return '\\n' + prefix + name;\n  }\n}\nvar reentry = false;\nvar componentFrameCache;\n\n{\n  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;\n  componentFrameCache = new PossiblyWeakMap();\n}\n\nfunction describeNativeComponentFrame(fn, construct) {\n  // If something asked for a stack inside a fake render, it should get ignored.\n  if ( !fn || reentry) {\n    return '';\n  }\n\n  {\n    var frame = componentFrameCache.get(fn);\n\n    if (frame !== undefined) {\n      return frame;\n    }\n  }\n\n  var control;\n  reentry = true;\n  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe It does accept undefined.\n\n  Error.prepareStackTrace = undefined;\n  var previousDispatcher;\n\n  {\n    previousDispatcher = ReactCurrentDispatcher.current; // Set the dispatcher in DEV because this might be call in the render function\n    // for warnings.\n\n    ReactCurrentDispatcher.current = null;\n    disableLogs();\n  }\n\n  try {\n    // This should throw.\n    if (construct) {\n      // Something should be setting the props in the constructor.\n      var Fake = function () {\n        throw Error();\n      }; // $FlowFixMe\n\n\n      Object.defineProperty(Fake.prototype, 'props', {\n        set: function () {\n          // We use a throwing setter instead of frozen or non-writable props\n          // because that won't throw in a non-strict mode function.\n          throw Error();\n        }\n      });\n\n      if (typeof Reflect === 'object' && Reflect.construct) {\n        // We construct a different control for this case to include any extra\n        // frames added by the construct call.\n        try {\n          Reflect.construct(Fake, []);\n        } catch (x) {\n          control = x;\n        }\n\n        Reflect.construct(fn, [], Fake);\n      } else {\n        try {\n          Fake.call();\n        } catch (x) {\n          control = x;\n        }\n\n        fn.call(Fake.prototype);\n      }\n    } else {\n      try {\n        throw Error();\n      } catch (x) {\n        control = x;\n      }\n\n      fn();\n    }\n  } catch (sample) {\n    // This is inlined manually because closure doesn't do it for us.\n    if (sample && control && typeof sample.stack === 'string') {\n      // This extracts the first frame from the sample that isn't also in the control.\n      // Skipping one frame that we assume is the frame that calls the two.\n      var sampleLines = sample.stack.split('\\n');\n      var controlLines = control.stack.split('\\n');\n      var s = sampleLines.length - 1;\n      var c = controlLines.length - 1;\n\n      while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {\n        // We expect at least one stack frame to be shared.\n        // Typically this will be the root most one. However, stack frames may be\n        // cut off due to maximum stack limits. In this case, one maybe cut off\n        // earlier than the other. We assume that the sample is longer or the same\n        // and there for cut off earlier. So we should find the root most frame in\n        // the sample somewhere in the control.\n        c--;\n      }\n\n      for (; s >= 1 && c >= 0; s--, c--) {\n        // Next we find the first one that isn't the same which should be the\n        // frame that called our sample function and the control.\n        if (sampleLines[s] !== controlLines[c]) {\n          // In V8, the first line is describing the message but other VMs don't.\n          // If we're about to return the first line, and the control is also on the same\n          // line, that's a pretty good indicator that our sample threw at same line as\n          // the control. I.e. before we entered the sample frame. So we ignore this result.\n          // This can happen if you passed a class to function component, or non-function.\n          if (s !== 1 || c !== 1) {\n            do {\n              s--;\n              c--; // We may still have similar intermediate frames from the construct call.\n              // The next one that isn't the same should be our match though.\n\n              if (c < 0 || sampleLines[s] !== controlLines[c]) {\n                // V8 adds a \"new\" prefix for native classes. Let's remove it to make it prettier.\n                var _frame = '\\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled \"<anonymous>\"\n                // but we have a user-provided \"displayName\"\n                // splice it in to make the stack more readable.\n\n\n                if (fn.displayName && _frame.includes('<anonymous>')) {\n                  _frame = _frame.replace('<anonymous>', fn.displayName);\n                }\n\n                {\n                  if (typeof fn === 'function') {\n                    componentFrameCache.set(fn, _frame);\n                  }\n                } // Return the line we found.\n\n\n                return _frame;\n              }\n            } while (s >= 1 && c >= 0);\n          }\n\n          break;\n        }\n      }\n    }\n  } finally {\n    reentry = false;\n\n    {\n      ReactCurrentDispatcher.current = previousDispatcher;\n      reenableLogs();\n    }\n\n    Error.prepareStackTrace = previousPrepareStackTrace;\n  } // Fallback to just using the name if we couldn't make it throw.\n\n\n  var name = fn ? fn.displayName || fn.name : '';\n  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';\n\n  {\n    if (typeof fn === 'function') {\n      componentFrameCache.set(fn, syntheticFrame);\n    }\n  }\n\n  return syntheticFrame;\n}\nfunction describeFunctionComponentFrame(fn, source, ownerFn) {\n  {\n    return describeNativeComponentFrame(fn, false);\n  }\n}\n\nfunction shouldConstruct(Component) {\n  var prototype = Component.prototype;\n  return !!(prototype && prototype.isReactComponent);\n}\n\nfunction describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {\n\n  if (type == null) {\n    return '';\n  }\n\n  if (typeof type === 'function') {\n    {\n      return describeNativeComponentFrame(type, shouldConstruct(type));\n    }\n  }\n\n  if (typeof type === 'string') {\n    return describeBuiltInComponentFrame(type);\n  }\n\n  switch (type) {\n    case REACT_SUSPENSE_TYPE:\n      return describeBuiltInComponentFrame('Suspense');\n\n    case REACT_SUSPENSE_LIST_TYPE:\n      return describeBuiltInComponentFrame('SuspenseList');\n  }\n\n  if (typeof type === 'object') {\n    switch (type.$$typeof) {\n      case REACT_FORWARD_REF_TYPE:\n        return describeFunctionComponentFrame(type.render);\n\n      case REACT_MEMO_TYPE:\n        // Memo may contain any component type so we recursively resolve it.\n        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);\n\n      case REACT_LAZY_TYPE:\n        {\n          var lazyComponent = type;\n          var payload = lazyComponent._payload;\n          var init = lazyComponent._init;\n\n          try {\n            // Lazy may contain any component type so we recursively resolve it.\n            return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);\n          } catch (x) {}\n        }\n    }\n  }\n\n  return '';\n}\n\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\n\nvar loggedTypeFailures = {};\nvar ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;\n\nfunction setCurrentlyValidatingElement(element) {\n  {\n    if (element) {\n      var owner = element._owner;\n      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);\n      ReactDebugCurrentFrame.setExtraStackFrame(stack);\n    } else {\n      ReactDebugCurrentFrame.setExtraStackFrame(null);\n    }\n  }\n}\n\nfunction checkPropTypes(typeSpecs, values, location, componentName, element) {\n  {\n    // $FlowFixMe This is okay but Flow doesn't know it.\n    var has = Function.call.bind(hasOwnProperty);\n\n    for (var typeSpecName in typeSpecs) {\n      if (has(typeSpecs, typeSpecName)) {\n        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to\n        // fail the render phase where it didn't fail before. So we log it.\n        // After these have been cleaned up, we'll let them throw.\n\n        try {\n          // This is intentionally an invariant that gets caught. It's the same\n          // behavior as without this statement except with a better message.\n          if (typeof typeSpecs[typeSpecName] !== 'function') {\n            // eslint-disable-next-line react-internal/prod-error-codes\n            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');\n            err.name = 'Invariant Violation';\n            throw err;\n          }\n\n          error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');\n        } catch (ex) {\n          error$1 = ex;\n        }\n\n        if (error$1 && !(error$1 instanceof Error)) {\n          setCurrentlyValidatingElement(element);\n\n          error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);\n\n          setCurrentlyValidatingElement(null);\n        }\n\n        if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {\n          // Only monitor this failure once because there tends to be a lot of the\n          // same error.\n          loggedTypeFailures[error$1.message] = true;\n          setCurrentlyValidatingElement(element);\n\n          error('Failed %s type: %s', location, error$1.message);\n\n          setCurrentlyValidatingElement(null);\n        }\n      }\n    }\n  }\n}\n\nvar isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare\n\nfunction isArray(a) {\n  return isArrayImpl(a);\n}\n\n/*\n * The `'' + value` pattern (used in in perf-sensitive code) throws for Symbol\n * and Temporal.* types. See https://github.com/facebook/react/pull/22064.\n *\n * The functions in this module will throw an easier-to-understand,\n * easier-to-debug exception with a clear errors message message explaining the\n * problem. (Instead of a confusing exception thrown inside the implementation\n * of the `value` object).\n */\n// $FlowFixMe only called in DEV, so void return is not possible.\nfunction typeName(value) {\n  {\n    // toStringTag is needed for namespaced types like Temporal.Instant\n    var hasToStringTag = typeof Symbol === 'function' && Symbol.toStringTag;\n    var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || 'Object';\n    return type;\n  }\n} // $FlowFixMe only called in DEV, so void return is not possible.\n\n\nfunction willCoercionThrow(value) {\n  {\n    try {\n      testStringCoercion(value);\n      return false;\n    } catch (e) {\n      return true;\n    }\n  }\n}\n\nfunction testStringCoercion(value) {\n  // If you ended up here by following an exception call stack, here's what's\n  // happened: you supplied an object or symbol value to React (as a prop, key,\n  // DOM attribute, CSS property, string ref, etc.) and when React tried to\n  // coerce it to a string using `'' + value`, an exception was thrown.\n  //\n  // The most common types that will cause this exception are `Symbol` instances\n  // and Temporal objects like `Temporal.Instant`. But any object that has a\n  // `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this\n  // exception. (Library authors do this to prevent users from using built-in\n  // numeric operators like `+` or comparison operators like `>=` because custom\n  // methods are needed to perform accurate arithmetic or comparison.)\n  //\n  // To fix the problem, coerce this object or symbol value to a string before\n  // passing it to React. The most reliable way is usually `String(value)`.\n  //\n  // To find which value is throwing, check the browser or debugger console.\n  // Before this exception was thrown, there should be `console.error` output\n  // that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the\n  // problem and how that type was used: key, atrribute, input value prop, etc.\n  // In most cases, this console output also shows the component and its\n  // ancestor components where the exception happened.\n  //\n  // eslint-disable-next-line react-internal/safe-string-coercion\n  return '' + value;\n}\nfunction checkKeyStringCoercion(value) {\n  {\n    if (willCoercionThrow(value)) {\n      error('The provided key is an unsupported type %s.' + ' This value must be coerced to a string before before using it here.', typeName(value));\n\n      return testStringCoercion(value); // throw (to help callers find troubleshooting comments)\n    }\n  }\n}\n\nvar ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;\nvar RESERVED_PROPS = {\n  key: true,\n  ref: true,\n  __self: true,\n  __source: true\n};\nvar specialPropKeyWarningShown;\nvar specialPropRefWarningShown;\nvar didWarnAboutStringRefs;\n\n{\n  didWarnAboutStringRefs = {};\n}\n\nfunction hasValidRef(config) {\n  {\n    if (hasOwnProperty.call(config, 'ref')) {\n      var getter = Object.getOwnPropertyDescriptor(config, 'ref').get;\n\n      if (getter && getter.isReactWarning) {\n        return false;\n      }\n    }\n  }\n\n  return config.ref !== undefined;\n}\n\nfunction hasValidKey(config) {\n  {\n    if (hasOwnProperty.call(config, 'key')) {\n      var getter = Object.getOwnPropertyDescriptor(config, 'key').get;\n\n      if (getter && getter.isReactWarning) {\n        return false;\n      }\n    }\n  }\n\n  return config.key !== undefined;\n}\n\nfunction warnIfStringRefCannotBeAutoConverted(config, self) {\n  {\n    if (typeof config.ref === 'string' && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {\n      var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);\n\n      if (!didWarnAboutStringRefs[componentName]) {\n        error('Component \"%s\" contains the string ref \"%s\". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);\n\n        didWarnAboutStringRefs[componentName] = true;\n      }\n    }\n  }\n}\n\nfunction defineKeyPropWarningGetter(props, displayName) {\n  {\n    var warnAboutAccessingKey = function () {\n      if (!specialPropKeyWarningShown) {\n        specialPropKeyWarningShown = true;\n\n        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://reactjs.org/link/special-props)', displayName);\n      }\n    };\n\n    warnAboutAccessingKey.isReactWarning = true;\n    Object.defineProperty(props, 'key', {\n      get: warnAboutAccessingKey,\n      configurable: true\n    });\n  }\n}\n\nfunction defineRefPropWarningGetter(props, displayName) {\n  {\n    var warnAboutAccessingRef = function () {\n      if (!specialPropRefWarningShown) {\n        specialPropRefWarningShown = true;\n\n        error('%s: `ref` 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://reactjs.org/link/special-props)', displayName);\n      }\n    };\n\n    warnAboutAccessingRef.isReactWarning = true;\n    Object.defineProperty(props, 'ref', {\n      get: warnAboutAccessingRef,\n      configurable: true\n    });\n  }\n}\n/**\n * Factory method to create a new React element. This no longer adheres to\n * the class pattern, so do not use new to call it. Also, instanceof check\n * will not work. Instead test $$typeof field against Symbol.for('react.element') to check\n * if something is a React Element.\n *\n * @param {*} type\n * @param {*} props\n * @param {*} key\n * @param {string|object} ref\n * @param {*} owner\n * @param {*} self A *temporary* helper to detect places where `this` is\n * different from the `owner` when React.createElement is called, so that we\n * can warn. We want to get rid of owner and replace string `ref`s with arrow\n * functions, and as long as `this` and owner are the same, there will be no\n * change in behavior.\n * @param {*} source An annotation object (added by a transpiler or otherwise)\n * indicating filename, line number, and/or other information.\n * @internal\n */\n\n\nvar ReactElement = function (type, key, ref, self, source, owner, props) {\n  var element = {\n    // This tag allows us to uniquely identify this as a React Element\n    $$typeof: REACT_ELEMENT_TYPE,\n    // Built-in properties that belong on the element\n    type: type,\n    key: key,\n    ref: ref,\n    props: props,\n    // Record the component responsible for creating this element.\n    _owner: owner\n  };\n\n  {\n    // The validation flag is currently mutative. We put it on\n    // an external backing store so that we can freeze the whole object.\n    // This can be replaced with a WeakMap once they are implemented in\n    // commonly used development environments.\n    element._store = {}; // To make comparing ReactElements easier for testing purposes, we make\n    // the validation flag non-enumerable (where possible, which should\n    // include every environment we run tests in), so the test framework\n    // ignores it.\n\n    Object.defineProperty(element._store, 'validated', {\n      configurable: false,\n      enumerable: false,\n      writable: true,\n      value: false\n    }); // self and source are DEV only properties.\n\n    Object.defineProperty(element, '_self', {\n      configurable: false,\n      enumerable: false,\n      writable: false,\n      value: self\n    }); // Two elements created in two different places should be considered\n    // equal for testing purposes and therefore we hide it from enumeration.\n\n    Object.defineProperty(element, '_source', {\n      configurable: false,\n      enumerable: false,\n      writable: false,\n      value: source\n    });\n\n    if (Object.freeze) {\n      Object.freeze(element.props);\n      Object.freeze(element);\n    }\n  }\n\n  return element;\n};\n/**\n * https://github.com/reactjs/rfcs/pull/107\n * @param {*} type\n * @param {object} props\n * @param {string} key\n */\n\nfunction jsxDEV(type, config, maybeKey, source, self) {\n  {\n    var propName; // Reserved names are extracted\n\n    var props = {};\n    var key = null;\n    var ref = null; // Currently, key can be spread in as a prop. This causes a potential\n    // issue if key is also explicitly declared (ie. <div {...props} key=\"Hi\" />\n    // or <div key=\"Hi\" {...props} /> ). We want to deprecate key spread,\n    // but as an intermediary step, we will use jsxDEV for everything except\n    // <div {...props} key=\"Hi\" />, because we aren't currently able to tell if\n    // key is explicitly declared to be undefined or not.\n\n    if (maybeKey !== undefined) {\n      {\n        checkKeyStringCoercion(maybeKey);\n      }\n\n      key = '' + maybeKey;\n    }\n\n    if (hasValidKey(config)) {\n      {\n        checkKeyStringCoercion(config.key);\n      }\n\n      key = '' + config.key;\n    }\n\n    if (hasValidRef(config)) {\n      ref = config.ref;\n      warnIfStringRefCannotBeAutoConverted(config, self);\n    } // Remaining properties are added to a new props object\n\n\n    for (propName in config) {\n      if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {\n        props[propName] = config[propName];\n      }\n    } // Resolve default props\n\n\n    if (type && type.defaultProps) {\n      var defaultProps = type.defaultProps;\n\n      for (propName in defaultProps) {\n        if (props[propName] === undefined) {\n          props[propName] = defaultProps[propName];\n        }\n      }\n    }\n\n    if (key || ref) {\n      var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;\n\n      if (key) {\n        defineKeyPropWarningGetter(props, displayName);\n      }\n\n      if (ref) {\n        defineRefPropWarningGetter(props, displayName);\n      }\n    }\n\n    return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);\n  }\n}\n\nvar ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;\nvar ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;\n\nfunction setCurrentlyValidatingElement$1(element) {\n  {\n    if (element) {\n      var owner = element._owner;\n      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);\n      ReactDebugCurrentFrame$1.setExtraStackFrame(stack);\n    } else {\n      ReactDebugCurrentFrame$1.setExtraStackFrame(null);\n    }\n  }\n}\n\nvar propTypesMisspellWarningShown;\n\n{\n  propTypesMisspellWarningShown = false;\n}\n/**\n * Verifies the object is a ReactElement.\n * See https://reactjs.org/docs/react-api.html#isvalidelement\n * @param {?object} object\n * @return {boolean} True if `object` is a ReactElement.\n * @final\n */\n\n\nfunction isValidElement(object) {\n  {\n    return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;\n  }\n}\n\nfunction getDeclarationErrorAddendum() {\n  {\n    if (ReactCurrentOwner$1.current) {\n      var name = getComponentNameFromType(ReactCurrentOwner$1.current.type);\n\n      if (name) {\n        return '\\n\\nCheck the render method of `' + name + '`.';\n      }\n    }\n\n    return '';\n  }\n}\n\nfunction getSourceInfoErrorAddendum(source) {\n  {\n    if (source !== undefined) {\n      var fileName = source.fileName.replace(/^.*[\\\\\\/]/, '');\n      var lineNumber = source.lineNumber;\n      return '\\n\\nCheck your code at ' + fileName + ':' + lineNumber + '.';\n    }\n\n    return '';\n  }\n}\n/**\n * Warn if there's no key explicitly set on dynamic arrays of children or\n * object keys are not valid. This allows us to keep track of children between\n * updates.\n */\n\n\nvar ownerHasKeyUseWarning = {};\n\nfunction getCurrentComponentErrorInfo(parentType) {\n  {\n    var info = getDeclarationErrorAddendum();\n\n    if (!info) {\n      var parentName = typeof parentType === 'string' ? parentType : parentType.displayName || parentType.name;\n\n      if (parentName) {\n        info = \"\\n\\nCheck the top-level render call using <\" + parentName + \">.\";\n      }\n    }\n\n    return info;\n  }\n}\n/**\n * Warn if the element doesn't have an explicit key assigned to it.\n * This element is in an array. The array could grow and shrink or be\n * reordered. All children that haven't already been validated are required to\n * have a \"key\" property assigned to it. Error statuses are cached so a warning\n * will only be shown once.\n *\n * @internal\n * @param {ReactElement} element Element that requires a key.\n * @param {*} parentType element's parent's type.\n */\n\n\nfunction validateExplicitKey(element, parentType) {\n  {\n    if (!element._store || element._store.validated || element.key != null) {\n      return;\n    }\n\n    element._store.validated = true;\n    var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);\n\n    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {\n      return;\n    }\n\n    ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a\n    // property, it may be the creator of the child that's responsible for\n    // assigning it a key.\n\n    var childOwner = '';\n\n    if (element && element._owner && element._owner !== ReactCurrentOwner$1.current) {\n      // Give the component that originally created this child.\n      childOwner = \" It was passed a child from \" + getComponentNameFromType(element._owner.type) + \".\";\n    }\n\n    setCurrentlyValidatingElement$1(element);\n\n    error('Each child in a list should have a unique \"key\" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);\n\n    setCurrentlyValidatingElement$1(null);\n  }\n}\n/**\n * Ensure that every element either is passed in a static location, in an\n * array with an explicit keys property defined, or in an object literal\n * with valid key property.\n *\n * @internal\n * @param {ReactNode} node Statically passed child of any type.\n * @param {*} parentType node's parent's type.\n */\n\n\nfunction validateChildKeys(node, parentType) {\n  {\n    if (typeof node !== 'object') {\n      return;\n    }\n\n    if (isArray(node)) {\n      for (var i = 0; i < node.length; i++) {\n        var child = node[i];\n\n        if (isValidElement(child)) {\n          validateExplicitKey(child, parentType);\n        }\n      }\n    } else if (isValidElement(node)) {\n      // This element was passed in a valid location.\n      if (node._store) {\n        node._store.validated = true;\n      }\n    } else if (node) {\n      var iteratorFn = getIteratorFn(node);\n\n      if (typeof iteratorFn === 'function') {\n        // Entry iterators used to provide implicit keys,\n        // but now we print a separate warning for them later.\n        if (iteratorFn !== node.entries) {\n          var iterator = iteratorFn.call(node);\n          var step;\n\n          while (!(step = iterator.next()).done) {\n            if (isValidElement(step.value)) {\n              validateExplicitKey(step.value, parentType);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n/**\n * Given an element, validate that its props follow the propTypes definition,\n * provided by the type.\n *\n * @param {ReactElement} element\n */\n\n\nfunction validatePropTypes(element) {\n  {\n    var type = element.type;\n\n    if (type === null || type === undefined || typeof type === 'string') {\n      return;\n    }\n\n    var propTypes;\n\n    if (typeof type === 'function') {\n      propTypes = type.propTypes;\n    } else if (typeof type === 'object' && (type.$$typeof === REACT_FORWARD_REF_TYPE || // Note: Memo only checks outer props here.\n    // Inner props are checked in the reconciler.\n    type.$$typeof === REACT_MEMO_TYPE)) {\n      propTypes = type.propTypes;\n    } else {\n      return;\n    }\n\n    if (propTypes) {\n      // Intentionally inside to avoid triggering lazy initializers:\n      var name = getComponentNameFromType(type);\n      checkPropTypes(propTypes, element.props, 'prop', name, element);\n    } else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {\n      propTypesMisspellWarningShown = true; // Intentionally inside to avoid triggering lazy initializers:\n\n      var _name = getComponentNameFromType(type);\n\n      error('Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', _name || 'Unknown');\n    }\n\n    if (typeof type.getDefaultProps === 'function' && !type.getDefaultProps.isReactClassApproved) {\n      error('getDefaultProps is only used on classic React.createClass ' + 'definitions. Use a static property named `defaultProps` instead.');\n    }\n  }\n}\n/**\n * Given a fragment, validate that it can only be provided with fragment props\n * @param {ReactElement} fragment\n */\n\n\nfunction validateFragmentProps(fragment) {\n  {\n    var keys = Object.keys(fragment.props);\n\n    for (var i = 0; i < keys.length; i++) {\n      var key = keys[i];\n\n      if (key !== 'children' && key !== 'key') {\n        setCurrentlyValidatingElement$1(fragment);\n\n        error('Invalid prop `%s` supplied to `React.Fragment`. ' + 'React.Fragment can only have `key` and `children` props.', key);\n\n        setCurrentlyValidatingElement$1(null);\n        break;\n      }\n    }\n\n    if (fragment.ref !== null) {\n      setCurrentlyValidatingElement$1(fragment);\n\n      error('Invalid attribute `ref` supplied to `React.Fragment`.');\n\n      setCurrentlyValidatingElement$1(null);\n    }\n  }\n}\n\nvar didWarnAboutKeySpread = {};\nfunction jsxWithValidation(type, props, key, isStaticChildren, source, self) {\n  {\n    var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to\n    // succeed and there will likely be errors in render.\n\n    if (!validType) {\n      var info = '';\n\n      if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {\n        info += ' You likely forgot to export your component from the file ' + \"it's defined in, or you might have mixed up default and named imports.\";\n      }\n\n      var sourceInfo = getSourceInfoErrorAddendum(source);\n\n      if (sourceInfo) {\n        info += sourceInfo;\n      } else {\n        info += getDeclarationErrorAddendum();\n      }\n\n      var typeString;\n\n      if (type === null) {\n        typeString = 'null';\n      } else if (isArray(type)) {\n        typeString = 'array';\n      } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {\n        typeString = \"<\" + (getComponentNameFromType(type.type) || 'Unknown') + \" />\";\n        info = ' Did you accidentally export a JSX literal instead of a component?';\n      } else {\n        typeString = typeof type;\n      }\n\n      error('React.jsx: type is invalid -- expected a string (for ' + 'built-in components) or a class/function (for composite ' + 'components) but got: %s.%s', typeString, info);\n    }\n\n    var element = jsxDEV(type, props, key, source, self); // The result can be nullish if a mock or a custom function is used.\n    // TODO: Drop this when these are no longer allowed as the type argument.\n\n    if (element == null) {\n      return element;\n    } // Skip key warning if the type isn't valid since our key validation logic\n    // doesn't expect a non-string/function type and can throw confusing errors.\n    // We don't want exception behavior to differ between dev and prod.\n    // (Rendering will throw with a helpful message and as soon as the type is\n    // fixed, the key warnings will appear.)\n\n\n    if (validType) {\n      var children = props.children;\n\n      if (children !== undefined) {\n        if (isStaticChildren) {\n          if (isArray(children)) {\n            for (var i = 0; i < children.length; i++) {\n              validateChildKeys(children[i], type);\n            }\n\n            if (Object.freeze) {\n              Object.freeze(children);\n            }\n          } else {\n            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.');\n          }\n        } else {\n          validateChildKeys(children, type);\n        }\n      }\n    }\n\n    {\n      if (hasOwnProperty.call(props, 'key')) {\n        var componentName = getComponentNameFromType(type);\n        var keys = Object.keys(props).filter(function (k) {\n          return k !== 'key';\n        });\n        var beforeExample = keys.length > 0 ? '{key: someKey, ' + keys.join(': ..., ') + ': ...}' : '{key: someKey}';\n\n        if (!didWarnAboutKeySpread[componentName + beforeExample]) {\n          var afterExample = keys.length > 0 ? '{' + keys.join(': ..., ') + ': ...}' : '{}';\n\n          error('A props object containing a \"key\" prop is being spread into JSX:\\n' + '  let props = %s;\\n' + '  <%s {...props} />\\n' + 'React keys must be passed directly to JSX without using spread:\\n' + '  let props = %s;\\n' + '  <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName);\n\n          didWarnAboutKeySpread[componentName + beforeExample] = true;\n        }\n      }\n    }\n\n    if (type === REACT_FRAGMENT_TYPE) {\n      validateFragmentProps(element);\n    } else {\n      validatePropTypes(element);\n    }\n\n    return element;\n  }\n} // These two functions exist to still get child warnings in dev\n// even with the prod transform. This means that jsxDEV is purely\n// opt-in behavior for better messages but that we won't stop\n// giving you warnings if you use production apis.\n\nfunction jsxWithValidationStatic(type, props, key) {\n  {\n    return jsxWithValidation(type, props, key, true);\n  }\n}\nfunction jsxWithValidationDynamic(type, props, key) {\n  {\n    return jsxWithValidation(type, props, key, false);\n  }\n}\n\nvar jsx =  jsxWithValidationDynamic ; // we may want to special case jsxs internally to take advantage of static children.\n// for now we can ship identical prod functions\n\nvar jsxs =  jsxWithValidationStatic ;\n\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsx;\nexports.jsxs = jsxs;\n  })();\n}\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.min.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","// src/context/ThemeContext.jsx\r\nimport React, { createContext, useState, useContext, useEffect } from 'react';\r\n\r\nconst ThemeContext = createContext();\r\n\r\nexport const useTheme = () => useContext(ThemeContext);\r\n\r\nexport const ThemeProvider = ({ initialTheme = 'light', children }) => {\r\n  const [theme, setTheme] = useState(initialTheme);\r\n\r\n  const toggleTheme = () => {\r\n    setTheme(prevTheme => prevTheme === 'light' ? 'dark' : 'light');\r\n  };\r\n\r\n  useEffect(() => {\r\n    document.documentElement.classList.remove('light', 'dark');\r\n    document.documentElement.classList.add(theme);\r\n  }, [theme]);\r\n\r\n  return (\r\n    <ThemeContext.Provider value={{ theme, setTheme, toggleTheme }}>\r\n      {children}\r\n    </ThemeContext.Provider>\r\n  );\r\n};\r\n","// src/services/api.js - Production Version\r\nlet apiConfig = {\r\n    apiKey: null,\r\n    apiSecret: null,\r\n    apiUrl: 'https://coinleyserver-production.up.railway.app'\r\n  };\r\n  \r\n  /**\r\n   * Initialize the API with configuration\r\n   * @param {Object} config - API configuration\r\n   */\r\n  export const initializeApi = (config) => {\r\n    apiConfig = { ...apiConfig, ...config };\r\n    console.log('API initialized with:', apiConfig);\r\n  };\r\n  \r\n  /**\r\n   * Generate headers with authentication\r\n   * @returns {Object} - Headers object with authentication\r\n   */\r\n  const getHeaders = () => {\r\n    return {\r\n      'Content-Type': 'application/json',\r\n      'x-api-key': apiConfig.apiKey,\r\n      'x-api-secret': apiConfig.apiSecret\r\n    };\r\n  };\r\n  \r\n  /**\r\n   * Create a new payment\r\n   * @param {Object} paymentData - Payment data\r\n   * @returns {Promise} - Promise resolving to payment details\r\n   */\r\n  export const createPayment = async (paymentData) => {\r\n    try {\r\n      console.log('Creating payment with data:', paymentData);\r\n      console.log('API URL:', `${apiConfig.apiUrl}/api/payments/create`);\r\n      \r\n      const response = await fetch(`${apiConfig.apiUrl}/api/payments/create`, {\r\n        method: 'POST',\r\n        headers: getHeaders(),\r\n        body: JSON.stringify(paymentData)\r\n      });\r\n  \r\n      console.log('Create payment response status:', response.status);\r\n      \r\n      if (!response.ok) {\r\n        const errorData = await response.json();\r\n        console.error('Error creating payment:', errorData);\r\n        throw new Error(errorData.error || `Failed to create payment: ${response.status}`);\r\n      }\r\n  \r\n      const data = await response.json();\r\n      console.log('Create payment response data:', data);\r\n      return data;\r\n    } catch (error) {\r\n      console.error('Create payment error:', error);\r\n      throw error;\r\n    }\r\n  };\r\n  \r\n  /**\r\n   * Get payment details by ID\r\n   * @param {string} paymentId - Payment ID\r\n   * @returns {Promise} - Promise resolving to payment details\r\n   */\r\n  export const getPayment = async (paymentId) => {\r\n    try {\r\n      console.log('Getting payment:', paymentId);\r\n      \r\n      const response = await fetch(`${apiConfig.apiUrl}/api/payments/${paymentId}`, {\r\n        method: 'GET',\r\n        headers: getHeaders()\r\n      });\r\n  \r\n      if (!response.ok) {\r\n        const errorData = await response.json();\r\n        console.error('Error getting payment:', errorData);\r\n        throw new Error(errorData.error || `Failed to get payment: ${response.status}`);\r\n      }\r\n  \r\n      const data = await response.json();\r\n      console.log('Get payment response:', data);\r\n      return data;\r\n    } catch (error) {\r\n      console.error('Get payment error:', error);\r\n      throw error;\r\n    }\r\n  };\r\n  \r\n  /**\r\n   * Process a payment\r\n   * @param {Object} processData - Payment process data\r\n   * @returns {Promise} - Promise resolving to processed payment details\r\n   */\r\n  export const processPayment = async (processData) => {\r\n    try {\r\n      console.log('Processing payment with data:', processData);\r\n      console.log('API URL:', `${apiConfig.apiUrl}/api/payments/process`);\r\n      \r\n      const response = await fetch(`${apiConfig.apiUrl}/api/payments/process`, {\r\n        method: 'POST',\r\n        headers: getHeaders(),\r\n        body: JSON.stringify(processData)\r\n      });\r\n  \r\n      console.log('Process payment response status:', response.status);\r\n      \r\n      if (!response.ok) {\r\n        const errorData = await response.json();\r\n        console.error('Error processing payment:', errorData);\r\n        throw new Error(errorData.error || `Failed to process payment: ${response.status}`);\r\n      }\r\n  \r\n      const data = await response.json();\r\n      console.log('Process payment response data:', data);\r\n      return data;\r\n    } catch (error) {\r\n      console.error('Process payment error:', error);\r\n      throw error;\r\n    }\r\n  };\r\n  \r\n  /**\r\n   * Get merchant payments with optional filtering\r\n   * @param {Object} options - Filter and pagination options\r\n   * @returns {Promise} - Promise resolving to paginated payment list\r\n   */\r\n  export const getMerchantPayments = async (options = {}) => {\r\n    try {\r\n      const { page = 1, limit = 10, status, currency, startDate, endDate, search } = options;\r\n      \r\n      // Build query string\r\n      const queryParams = new URLSearchParams();\r\n      queryParams.append('page', page);\r\n      queryParams.append('limit', limit);\r\n      \r\n      if (status) queryParams.append('status', status);\r\n      if (currency) queryParams.append('currency', currency);\r\n      if (startDate) queryParams.append('startDate', startDate);\r\n      if (endDate) queryParams.append('endDate', endDate);\r\n      if (search) queryParams.append('search', search);\r\n      \r\n      const url = `${apiConfig.apiUrl}/api/payments/merchant/list?${queryParams.toString()}`;\r\n      \r\n      const response = await fetch(url, {\r\n        method: 'GET',\r\n        headers: getHeaders()\r\n      });\r\n      \r\n      if (!response.ok) {\r\n        const errorData = await response.json();\r\n        throw new Error(errorData.error || `Failed to get payments: ${response.status}`);\r\n      }\r\n      \r\n      return await response.json();\r\n    } catch (error) {\r\n      console.error('Get merchant payments error:', error);\r\n      throw error;\r\n    }\r\n  };\r\n  \r\n  /**\r\n   * Get payment statistics for the merchant\r\n   * @returns {Promise} - Promise resolving to payment statistics\r\n   */\r\n  export const getMerchantPaymentStats = async () => {\r\n    try {\r\n      const response = await fetch(`${apiConfig.apiUrl}/api/payments/merchant/stats`, {\r\n        method: 'GET',\r\n        headers: getHeaders()\r\n      });\r\n      \r\n      if (!response.ok) {\r\n        const errorData = await response.json();\r\n        throw new Error(errorData.error || `Failed to get payment stats: ${response.status}`);\r\n      }\r\n      \r\n      return await response.json();\r\n    } catch (error) {\r\n      console.error('Get merchant payment stats error:', error);\r\n      throw error;\r\n    }\r\n  };\r\n  \r\n  /**\r\n   * Get supported currencies from the server\r\n   * @returns {Promise} - Promise resolving to list of supported currencies\r\n   */\r\n  export const getSupportedCurrencies = async () => {\r\n    try {\r\n      const response = await fetch(`${apiConfig.apiUrl}/api/payments/currencies`, {\r\n        method: 'GET',\r\n        headers: getHeaders()\r\n      });\r\n      \r\n      if (!response.ok) {\r\n        const errorData = await response.json();\r\n        throw new Error(errorData.error || `Failed to get currencies: ${response.status}`);\r\n      }\r\n      \r\n      return await response.json();\r\n    } catch (error) {\r\n      console.error('Get supported currencies error:', error);\r\n      \r\n      // Fallback to hardcoded list if API fails\r\n      return {\r\n        currencies: [\r\n          { id: 'USDT', name: 'Tether USD', network: 'ethereum' },\r\n          { id: 'USDC', name: 'USD Coin', network: 'ethereum' },\r\n          { id: 'BNB', name: 'Binance Coin', network: 'binance' },\r\n          { id: 'SOL', name: 'Solana', network: 'solana' },\r\n          { id: 'USDC_SOL', name: 'USD Coin (Solana)', network: 'solana' }\r\n        ]\r\n      };\r\n    }\r\n  };\r\n  \r\n  /**\r\n   * Generate a mock transaction hash for testing\r\n   * @returns {string} - Mock transaction hash\r\n   */\r\n  export const generateMockTransactionHash = () => {\r\n    return `0x${Array.from({length: 64}, () => \r\n      Math.floor(Math.random() * 16).toString(16)).join('')}`;\r\n  };","\r\n// src/context/CoinleyContext.jsx\r\nimport React, { createContext, useContext, useState, useEffect } from 'react';\r\nimport { initializeApi } from '../services/api';\r\n\r\nconst CoinleyContext = createContext();\r\n\r\nexport const useCoinley = () => useContext(CoinleyContext);\r\n\r\nexport const CoinleyProvider = ({ \r\n  apiKey, \r\n  apiSecret, \r\n  apiUrl = 'https://coinleyserver-production.up.railway.app',\r\n  debug = false,\r\n  children \r\n}) => {\r\n  const [isInitialized, setIsInitialized] = useState(false);\r\n  const [error, setError] = useState(null);\r\n\r\n  useEffect(() => {\r\n    if (!apiKey || !apiSecret) {\r\n      setError('API key and secret are required');\r\n      return;\r\n    }\r\n\r\n    try {\r\n      initializeApi({ apiKey, apiSecret, apiUrl });\r\n      setIsInitialized(true);\r\n      if (debug) {\r\n        console.log('Coinley SDK initialized with:', { apiKey, apiUrl });\r\n      }\r\n    } catch (err) {\r\n      setError(err.message);\r\n      if (debug) {\r\n        console.error('Coinley SDK initialization error:', err);\r\n      }\r\n    }\r\n  }, [apiKey, apiSecret, apiUrl, debug]);\r\n\r\n  const value = {\r\n    apiKey,\r\n    apiSecret,\r\n    apiUrl,\r\n    isInitialized,\r\n    error,\r\n    debug\r\n  };\r\n\r\n  return (\r\n    <CoinleyContext.Provider value={value}>\r\n      {children}\r\n    </CoinleyContext.Provider>\r\n  );\r\n};","// // src/components/QRCode.jsx\r\n// import React, { useEffect, useRef } from 'react';\r\n\r\n// // A simple QR code renderer - in a production app, you would use a library like qrcode.react\r\n// const QRCode = ({ value, size = 200, theme = 'light' }) => {\r\n//   const canvasRef = useRef(null);\r\n\r\n//   // This is a simplified example - in a real implementation, use a proper QR code library\r\n//   useEffect(() => {\r\n//     const canvas = canvasRef.current;\r\n//     if (!canvas) return;\r\n\r\n//     const ctx = canvas.getContext('2d');\r\n//     if (!ctx) return;\r\n\r\n//     // Clear canvas\r\n//     ctx.fillStyle = theme === 'dark' ? '#1F2937' : '#FFFFFF';\r\n//     ctx.fillRect(0, 0, size, size);\r\n\r\n//     // Draw a fake QR code pattern for demonstration\r\n//     ctx.fillStyle = theme === 'dark' ? '#FFFFFF' : '#000000';\r\n\r\n//     // Draw corner squares (position detection patterns)\r\n//     // Top-left corner\r\n//     ctx.fillRect(10, 10, 30, 30);\r\n//     ctx.fillStyle = theme === 'dark' ? '#1F2937' : '#FFFFFF';\r\n//     ctx.fillRect(15, 15, 20, 20);\r\n//     ctx.fillStyle = theme === 'dark' ? '#FFFFFF' : '#000000';\r\n//     ctx.fillRect(20, 20, 10, 10);\r\n\r\n//     // Top-right corner\r\n//     ctx.fillRect(size - 40, 10, 30, 30);\r\n//     ctx.fillStyle = theme === 'dark' ? '#1F2937' : '#FFFFFF';\r\n//     ctx.fillRect(size - 35, 15, 20, 20);\r\n//     ctx.fillStyle = theme === 'dark' ? '#FFFFFF' : '#000000';\r\n//     ctx.fillRect(size - 30, 20, 10, 10);\r\n\r\n//     // Bottom-left corner\r\n//     ctx.fillRect(10, size - 40, 30, 30);\r\n//     ctx.fillStyle = theme === 'dark' ? '#1F2937' : '#FFFFFF';\r\n//     ctx.fillRect(15, size - 35, 20, 20);\r\n//     ctx.fillStyle = theme === 'dark' ? '#FFFFFF' : '#000000';\r\n//     ctx.fillRect(20, size - 30, 10, 10);\r\n\r\n//     // Draw random dots to simulate QR code data\r\n//     const cellSize = 5;\r\n//     for (let y = 0; y < size; y += cellSize) {\r\n//       for (let x = 0; x < size; x += cellSize) {\r\n//         // Skip the corners (position detection patterns)\r\n//         if (\r\n//           (x < 50 && y < 50) || \r\n//           (x > size - 50 && y < 50) || \r\n//           (x < 50 && y > size - 50)\r\n//         ) {\r\n//           continue;\r\n//         }\r\n\r\n//         // Random fill with ~40% probability\r\n//         if (Math.random() > 0.6) {\r\n//           ctx.fillRect(x, y, cellSize, cellSize);\r\n//         }\r\n//       }\r\n//     }\r\n\r\n//     // Draw a logo in the center\r\n//     ctx.fillStyle = theme === 'dark' ? '#1F2937' : '#FFFFFF';\r\n//     ctx.fillRect(size / 2 - 20, size / 2 - 20, 40, 40);\r\n//     ctx.fillStyle = '#3B82F6'; // Blue color for logo\r\n//     ctx.beginPath();\r\n//     ctx.arc(size / 2, size / 2, 15, 0, 2 * Math.PI);\r\n//     ctx.fill();\r\n//     ctx.fillStyle = theme === 'dark' ? '#1F2937' : '#FFFFFF';\r\n//     ctx.beginPath();\r\n//     ctx.arc(size / 2, size / 2, 10, 0, 2 * Math.PI);\r\n//     ctx.fill();\r\n//     ctx.fillStyle = '#3B82F6';\r\n//     ctx.beginPath();\r\n//     ctx.arc(size / 2, size / 2, 5, 0, 2 * Math.PI);\r\n//     ctx.fill();\r\n//   }, [size, value, theme]);\r\n\r\n//   return (\r\n//     <div className={`p-4 rounded-lg ${theme === 'dark' ? 'bg-gray-700' : 'bg-white'} shadow-sm`}>\r\n//       <canvas\r\n//         ref={canvasRef}\r\n//         width={size}\r\n//         height={size}\r\n//         className=\"mx-auto rounded\"\r\n//       />\r\n//       <div className=\"mt-2 text-center\">\r\n//         <p className={`text-sm font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-900'}`}>\r\n//           Scan with your wallet app\r\n//         </p>\r\n//         <p className={`text-xs ${theme === 'dark' ? 'text-gray-400' : 'text-gray-500'}`}>\r\n//           or copy the address below\r\n//         </p>\r\n//       </div>\r\n//       <div className={`mt-2 p-2 rounded text-sm break-all ${theme === 'dark' ? 'bg-gray-800 text-gray-300' : 'bg-gray-100 text-gray-700'}`}>\r\n//         {value.slice(0, 20)}...{value.slice(-10)}\r\n//       </div>\r\n//     </div>\r\n//   );\r\n// };\r\n\r\n// export default QRCode;\r\n\r\n\r\n\r\n\r\n\r\n\r\n// src/components/QRCode.jsx\r\nimport React from 'react';\r\n\r\n/**\r\n * A simple QR code component that displays payment information\r\n */\r\nconst QRCode = ({ walletAddress, amount, currency, theme = 'light' }) => {\r\n  // Create a placeholder QR code (in real implementation, use a proper QR library)\r\n  const qrPlaceholder = (\r\n    <div \r\n      style={{\r\n        width: '200px',\r\n        height: '200px',\r\n        backgroundColor: theme === 'dark' ? '#374151' : '#f3f4f6',\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        color: theme === 'dark' ? 'white' : 'black',\r\n        fontWeight: 'bold',\r\n        border: `1px solid ${theme === 'dark' ? '#4b5563' : '#e5e7eb'}`,\r\n        margin: '0 auto',\r\n      }}\r\n    >\r\n      {currency} Payment QR\r\n    </div>\r\n  );\r\n\r\n  return (\r\n    <div className=\"flex flex-col items-center\">\r\n      <div className={`p-4 rounded-lg ${theme === 'dark' ? 'bg-gray-700' : 'bg-white'} mb-3`}>\r\n        {qrPlaceholder}\r\n      </div>\r\n      \r\n      <div className={`text-center text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-700'}`}>\r\n        Scan with your wallet app to pay\r\n      </div>\r\n      \r\n      {walletAddress && (\r\n        <div className=\"mt-3 w-full\">\r\n          <p className={`text-xs ${theme === 'dark' ? 'text-gray-400' : 'text-gray-500'} mb-1`}>\r\n            Send {amount} {currency} to:\r\n          </p>\r\n          <div className={`text-xs font-mono p-2 rounded overflow-auto break-all ${theme === 'dark' ? 'bg-gray-800 text-gray-300' : 'bg-gray-100 text-gray-700'}`}>\r\n            {walletAddress}\r\n          </div>\r\n        </div>\r\n      )}\r\n      \r\n      <div className=\"mt-4 w-full\">\r\n        <div className={`p-3 rounded ${theme === 'dark' ? 'bg-gray-700' : 'bg-gray-100'}`}>\r\n          <h4 className={`text-sm font-medium mb-2 ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n            Payment Instructions\r\n          </h4>\r\n          <ol className={`text-xs space-y-2 ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n            <li>1. Open your crypto wallet app</li>\r\n            <li>2. Scan the QR code above</li>\r\n            <li>3. Send {amount} {currency}</li>\r\n            <li>4. Click \"Pay Now\" button after sending</li>\r\n          </ol>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default QRCode;","// // src/components/PaymentStatus.jsx - Updated version\r\n// import React from 'react';\r\n\r\n// const PaymentStatus = ({ status, theme = 'light', message }) => {\r\n//   console.log('PaymentStatus render:', { status, message });\r\n\r\n//   const renderIcon = () => {\r\n//     switch (status) {\r\n//       case 'processing':\r\n//         return (\r\n//           <div className=\"animate-spin rounded-full h-12 w-12 border-4 border-t-blue-500 border-blue-500/20\"></div>\r\n//         );\r\n//       case 'success':\r\n//         return (\r\n//           <div className=\"rounded-full h-12 w-12 bg-green-100 flex items-center justify-center\">\r\n//             <svg\r\n//               xmlns=\"http://www.w3.org/2000/svg\"\r\n//               className=\"h-8 w-8 text-green-500\"\r\n//               fill=\"none\"\r\n//               viewBox=\"0 0 24 24\"\r\n//               stroke=\"currentColor\"\r\n//               strokeWidth={2}\r\n//             >\r\n//               <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\r\n//             </svg>\r\n//           </div>\r\n//         );\r\n//       case 'error':\r\n//         return (\r\n//           <div className=\"rounded-full h-12 w-12 bg-red-100 flex items-center justify-center\">\r\n//             <svg\r\n//               xmlns=\"http://www.w3.org/2000/svg\"\r\n//               className=\"h-8 w-8 text-red-500\"\r\n//               fill=\"none\"\r\n//               viewBox=\"0 0 24 24\"\r\n//               stroke=\"currentColor\"\r\n//               strokeWidth={2}\r\n//             >\r\n//               <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\r\n//             </svg>\r\n//           </div>\r\n//         );\r\n//       default:\r\n//         return null;\r\n//     }\r\n//   };\r\n\r\n//   const getStatusTitle = () => {\r\n//     switch (status) {\r\n//       case 'processing':\r\n//         return 'Processing Payment';\r\n//       case 'success':\r\n//         return 'Payment Successful';\r\n//       case 'error':\r\n//         return 'Payment Failed';\r\n//       default:\r\n//         return 'Unknown Status';\r\n//     }\r\n//   };\r\n\r\n//   const getMessageClasses = () => {\r\n//     switch (status) {\r\n//       case 'processing':\r\n//         return theme === 'dark' ? 'text-blue-300' : 'text-blue-600';\r\n//       case 'success':\r\n//         return theme === 'dark' ? 'text-green-300' : 'text-green-600';\r\n//       case 'error':\r\n//         return theme === 'dark' ? 'text-red-300' : 'text-red-600';\r\n//       default:\r\n//         return theme === 'dark' ? 'text-gray-300' : 'text-gray-600';\r\n//     }\r\n//   };\r\n\r\n//   return (\r\n//     <div className=\"flex flex-col items-center justify-center py-6\">\r\n//       <div className=\"mb-4\">{renderIcon()}</div>\r\n//       <h3 className={`text-xl font-bold mb-2 ${theme === 'dark' ? 'text-white' : 'text-gray-900'}`}>\r\n//         {getStatusTitle()}\r\n//       </h3>\r\n//       <p className={`text-center ${getMessageClasses()}`}>{message}</p>\r\n\r\n//       {status === 'processing' && (\r\n//         <div className={`mt-4 text-xs ${theme === 'dark' ? 'text-gray-400' : 'text-gray-500'}`}>\r\n//           This may take a few moments. Please do not close this window.\r\n//         </div>\r\n//       )}\r\n\r\n//       {status === 'success' && (\r\n//         <div className={`mt-4 p-2 rounded ${theme === 'dark' ? 'bg-gray-700' : 'bg-gray-100'}`}>\r\n//           <p className={`text-xs ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n//             Your payment has been successfully processed. You will receive a confirmation shortly.\r\n//           </p>\r\n//         </div>\r\n//       )}\r\n//     </div>\r\n//   );\r\n// };\r\n\r\n// export default PaymentStatus;\r\n\r\n\r\n// src/components/PaymentStatus.jsx\r\nimport React from 'react';\r\n\r\n/**\r\n * Component to display payment status\r\n */\r\nconst PaymentStatus = ({ status, message, theme = 'light' }) => {\r\n  // Render different icons based on status\r\n  const renderIcon = () => {\r\n    switch (status) {\r\n      case 'processing':\r\n        return (\r\n          <div className=\"animate-spin rounded-full h-12 w-12 border-4 border-t-blue-500 border-blue-500/20\"></div>\r\n        );\r\n      case 'success':\r\n        return (\r\n          <div className=\"rounded-full h-12 w-12 bg-green-100 flex items-center justify-center\">\r\n            <svg\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n              className=\"h-8 w-8 text-green-500\"\r\n              fill=\"none\"\r\n              viewBox=\"0 0 24 24\"\r\n              stroke=\"currentColor\"\r\n              strokeWidth={2}\r\n            >\r\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\r\n            </svg>\r\n          </div>\r\n        );\r\n      case 'error':\r\n        return (\r\n          <div className=\"rounded-full h-12 w-12 bg-red-100 flex items-center justify-center\">\r\n            <svg\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n              className=\"h-8 w-8 text-red-500\"\r\n              fill=\"none\"\r\n              viewBox=\"0 0 24 24\"\r\n              stroke=\"currentColor\"\r\n              strokeWidth={2}\r\n            >\r\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\r\n            </svg>\r\n          </div>\r\n        );\r\n      default:\r\n        return null;\r\n    }\r\n  };\r\n\r\n  // Get status title\r\n  const getStatusTitle = () => {\r\n    switch (status) {\r\n      case 'processing':\r\n        return 'Processing Payment';\r\n      case 'success':\r\n        return 'Payment Successful';\r\n      case 'error':\r\n        return 'Payment Failed';\r\n      default:\r\n        return 'Unknown Status';\r\n    }\r\n  };\r\n\r\n  // Get appropriate text color for message\r\n  const getMessageClasses = () => {\r\n    switch (status) {\r\n      case 'processing':\r\n        return theme === 'dark' ? 'text-blue-300' : 'text-blue-600';\r\n      case 'success':\r\n        return theme === 'dark' ? 'text-green-300' : 'text-green-600';\r\n      case 'error':\r\n        return theme === 'dark' ? 'text-red-300' : 'text-red-600';\r\n      default:\r\n        return theme === 'dark' ? 'text-gray-300' : 'text-gray-600';\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"flex flex-col items-center justify-center py-6\">\r\n      <div className=\"mb-4\">{renderIcon()}</div>\r\n      <h3 className={`text-xl font-bold mb-2 ${theme === 'dark' ? 'text-white' : 'text-gray-900'}`}>\r\n        {getStatusTitle()}\r\n      </h3>\r\n      <p className={`text-center ${getMessageClasses()}`}>{message}</p>\r\n\r\n      {status === 'processing' && (\r\n        <div className={`mt-4 text-xs ${theme === 'dark' ? 'text-gray-400' : 'text-gray-500'}`}>\r\n          This may take a few moments. Please do not close this window.\r\n        </div>\r\n      )}\r\n\r\n      {status === 'success' && (\r\n        <div className={`mt-4 p-2 rounded ${theme === 'dark' ? 'bg-gray-700' : 'bg-gray-100'}`}>\r\n          <p className={`text-xs ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n            Your payment has been successfully processed. You will receive a confirmation shortly.\r\n          </p>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default PaymentStatus;","// // src/components/PaymentMethods.jsx - Updated version\r\n// import React from 'react';\r\n\r\n// const PaymentMethods = ({ onSelect, selected, theme = 'light' }) => {\r\n//   // Debug logs to verify props\r\n//   console.log('PaymentMethods render:', { selected });\r\n\r\n//   const paymentMethods = [\r\n//     {\r\n//       id: 'USDT',\r\n//       name: 'USDT',\r\n//       description: 'Tether USD',\r\n//       logo: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0iIzI2QTE3QiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xNy45MjIgMTcuMzgzdi0uMDAyYy0uMTEuMDA4LS42NzcuMDQyLTEuOTQyLjA0Mi0xLjAxIDAtMS43MjEtLjAzLTEuOTcxLS4wNDJ2LjAwM2MtMy44ODgtLjE3MS02Ljc5LS44NDgtNi43OS0xLjY1OCAwLS44MDkgMi45MDItMS40ODYgNi43OS0xLjY2di4wNDdjLjI1NC4wMTguOTgyLjA0NSAxLjk4OC4wNDUgMS4yMDcgMCAxLjgxMi0uMDM2IDEuOTI1LS4wNDZ2LS4wNDRjMy44OC4xNzQgNi43NzUuODUxIDYuNzc1IDEuNjU4IDAgLjgwNy0yLjg5NSAxLjQ4NS02Ljc3NSAxLjY1N3ptMC0zLjU2NnYtLjA0N2MuMS0uMDA4LjYyNS0uMDQ1IDEuOTI1LS4wNDUgMS4wMDUgMCAxLjczNC4wMjcgMS45ODguMDQ2di0yLjg0MWgtMy45MXYyLjgzOWMtLjExMS4wMDgtLjY4LjA0Ni0xLjk3MS4wNDYtMS4yNDMgMC0xLjgzMi0uMDM4LTEuOTQyLS4wNDZ2LTIuODRoLTMuOTF2Mi44MzhjLjI1NC4wMi45ODIuMDQ2IDEuOTg4LjA0NiAxLjIwOCAwIDEuODEyLS4wMzggMS45MjUtLjA0NnYuMDQ3QzguNDUgMTQuMDI1IDUgMTQuNzM3IDUgMTUuNzI0djMuMmMwIC45ODYgMy40NSAxLjY5OCA3Ljk4MiAxLjgyOXYuMDQ3Yy0uMTEzLjAwOC0uNzE3LjA0Ni0xLjkyNS4wNDYtMS4wMDYgMC0xLjczNC0uMDI2LTEuOTg4LS4wNDZ2Mi44MzhoMy45MXYtMi44MzZjLjExLS4wMDguNjk5LS4wNDYgMS45NDItLjA0NiAxLjI2MiAwIDEuODMxLjAzOCAxLjk3MS4wNDZ2Mi44MzdoMy45MXYtMi44MzljLS4yNTQtLjAyLS45ODMtLjA0Ny0xLjk4OC0uMDQ3LTEuMzAyIDAtMS44MjQuMDM5LTEuOTI1LjA0N3YtLjA0NWM0LjUxOS0uMTMgNy45NTQtLjg0MyA3Ljk1NC0xLjgzdi0zLjJjMC0uOTg3LTMuNDM1LTEuNjk5LTcuOTU0LTEuODN6Ii8+PC9nPjwvc3ZnPg==',\r\n//     },\r\n//     {\r\n//       id: 'USDC',\r\n//       name: 'USDC',\r\n//       description: 'USD Coin',\r\n//       logo: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0iIzJCNzVFRCIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMS4yMDkgOS43MzlsLTIuOTQxIDIuOTQxYTMuMTMyIDMuMTMyIDAgMDAtNC41MzYgMGwtMi45NDItMi45NDFhNy42MjMgNy42MjMgMCAwMTEwLjQxOSAwek0xMC43OTEgMjIuMjYxbDIuOTQxLTIuOTQxYTMuMTMyIDMuMTMyIDAgMDA0LjUzNiAwbDIuOTQyIDIuOTQxYTcuNjIzIDcuNjIzIDAgMDEtMTAuNDE5IDB6bTExLjU3NS00LjI2MWgtNC4xNTNhMy4xMzMgMy4xMzMgMCAwMDAtNC41MzdoNC4xNTNhNy42MjEgNy42MjEgMCAwMTAgNC41Mzd6bS0xMy43OTMtNC41MzdoNC4xNTNhMy4xMzMgMy4xMzMgMCAwMDAgNC41MzdIOS42ODZhNy42MjEgNy42MjEgMCAwMTAtNC41Mzd6Ii8+PC9nPjwvc3ZnPg==',\r\n//     },\r\n//     {\r\n//       id: 'BNB',\r\n//       name: 'BNB',\r\n//       description: 'Binance Coin',\r\n//       logo: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGcgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9IiNGM0JBMkYiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTIuMTE2IDE0LjQwNEwxNiAxMC41MmwzLjg4NiAzLjg4NmwtMi4yNiAyLjI1OEwxNiAxNC4xNDlsLTEuNjM0IDEuNjM1LTIuMjUtMi4yNTl6bTkuMTUyLS4wMDFsMi4yNi0yLjI1OSAyLjg4NyAyLjg4Ny0yLjI1OSAyLjI1OS0yLjg4OC0yLjg4N3pNMTIuMTE1IDE3LjU5NmwyLjI2LTIuMjU5IDIuODg3IDIuODg3LTIuMjU5IDIuMjU5LTIuODg4LTIuODg3em0tNC4yMjktLjAwMWwyLjI2LTIuMjU5IDIuODg3IDIuODg3LTIuMjU5IDIuMjU5LTIuODg4LTIuODg3em02LjM0NCAwTDE2IDE5LjM2NWwxLjc3Mi0xLjc3MSAyLjI1OCAyLjI1OS0xLjc3MiAxLjc3Mi0uMTcuMTctMS45MTUgMS45MTMtNC4wNDUtNC4wNDUuMDA1LS4wMDQuMDAzLS4wMDYuMDk0LS4wOTQuMDgtLjA3OXoiLz48L2c+PC9zdmc+',\r\n//     },\r\n//     {\r\n//       id: 'SOL',\r\n//       name: 'SOL',\r\n//       description: 'Solana',\r\n//       logo: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9IiM0MDNCODIiLz48cGF0aCBkPSJNMTIuNDQgMTAuMmE1NDUuNzYgNTQ1Ljc2IDAgMDE4LjMyLTQuNjZjLjE0LS4wOC4zIDAgLjMuMTlWOC42cy0uMDEuMTQtLjExLjJDMTkuNDQgOS42NyAxOCAyMC4wOCAxOCAyMC4wOGwtLjA0LjEzYy0uMS4zNC0uMzYuNjEtLjcuNzVsLS40Mi4xN2MtLjEzLjA1LS41OS4xNS0uNTkuMTUtLjE5LjA1LS4zNy0uMTMtLjI2LS4zbDYuNDUtMTJhLjM0LjM0IDAgMDAtLjAzLS4zNy4zMi4zMiAwIDAwLS4zMi0uMDlsLTkuOS41LjAxLjI5elptOS4wNiA0LjA0Yy4wOC0uMDkuMjMtLjA2LjMuMDUuMzYuNDQuMzYgMS4wNiAwIDEuNS0uMzcuNDQtMTAuMzcgMTIuMDQtMTAuMzcgMTIuMDRsLS4xMy4xNmMtLjEzLjE1LS4zMi4yNS0uNTIuMjlsLS4yOC4wNGMtLjI0LjAzLS41My0uMDUtLjY4LS4yM0w2LjU2IDI0Yy0uMTQtLjE1LS4wNS0uNC4xNS0uNDNsMTMuODMtOC4yMWMuMzgtLjIzLjY1LS42LjcyLTEuMDRsLjA4LS4zYy4wMy0uMTEuMS0uMi4xNi0uMjh6TTYuNTYgMTIuNTV2LTEuMnMuMDQtLjE3LjEzLS4yM2MuMDktLjA2LjIzLTEuMDQuMjMtMS4wNC4wMy0uMjIuMTYtLjQyLjM2LS41M2wuNC0uMjJjLjA4LS4wNC41My0uNDUuNTMtLjQ1LjEzLS4xLjMtLjAzLjM0LjEzIDAgMCAxLjg5IDkuMDEgMS44OSA5LjAxLjA1LjMtLjE3LjU2LS40NC42OWwtLjQ4LjI0Yy0uMy4xNS0xMS40NSA1LjgtMTEuNDUgNS44LS4yMi4xMi0uNTctLjA0LS41Ny0uMzJWMTJjLS4wMi0uMzUuMjQtLjY2LjU3LS43aDguNDRhLjY3LjY3IDAgMDAuNjEtLjM4di0uMDJjLjA3LS4xNi4yNC0uMjQuNC0uMmwuMjUuMDRjLjE0LjAyLjMuMTguMy4xOHoiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+',\r\n//     },\r\n//     {\r\n//       id: 'USDC_SOL',\r\n//       name: 'USDC (Solana)',\r\n//       description: 'USD Coin on Solana',\r\n//       logo: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0iIzJCNzVFRCIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMS4yMDkgOS43MzlsLTIuOTQxIDIuOTQxYTMuMTMyIDMuMTMyIDAgMDAtNC41MzYgMGwtMi45NDItMi45NDFhNy42MjMgNy42MjMgMCAwMTEwLjQxOSAwek0xMC43OTEgMjIuMjYxbDIuOTQxLTIuOTQxYTMuMTMyIDMuMTMyIDAgMDA0LjUzNiAwbDIuOTQyIDIuOTQxYTcuNjIzIDcuNjIzIDAgMDEtMTAuNDE5IDB6bTExLjU3NS00LjI2MWgtNC4xNTNhMy4xMzMgMy4xMzMgMCAwMDAtNC41MzdoNC4xNTNhNy42MjEgNy42MjEgMCAwMTAgNC41Mzd6bS0xMy43OTMtNC41MzdoNC4xNTNhMy4xMzMgMy4xMzMgMCAwMDAgNC41MzdIOS42ODZhNy42MjEgNy42MjEgMCAwMTAtNC41Mzd6Ii8+PC9nPjwvc3ZnPg==',\r\n//     }\r\n//   ];\r\n\r\n//   const handleSelectPaymentMethod = (id) => {\r\n//     console.log('Method selected:', id);\r\n//     // Call the onSelect prop with the selected currency\r\n//     onSelect(id);\r\n//   };\r\n\r\n//   return (\r\n//     <div>\r\n//       <h3 className={`text-lg font-medium mb-3 ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n//         Select Payment Method\r\n//       </h3>\r\n//       <div className=\"space-y-2\">\r\n//         {paymentMethods.map((method) => (\r\n//           <button\r\n//             key={method.id}\r\n//             onClick={() => handleSelectPaymentMethod(method.id)}\r\n//             className={`w-full flex items-center p-3 rounded-lg transition-colors ${\r\n//               selected === method.id\r\n//                 ? theme === 'dark'\r\n//                   ? 'bg-blue-900/30 border border-blue-500'\r\n//                   : 'bg-blue-50 border border-blue-500'\r\n//                 : theme === 'dark'\r\n//                 ? 'bg-gray-700 hover:bg-gray-600 border border-gray-700'\r\n//                 : 'bg-white hover:bg-gray-50 border border-gray-200'\r\n//             }`}\r\n//           >\r\n//             <div className=\"flex-shrink-0 h-10 w-10 bg-white rounded-full flex items-center justify-center mr-3\">\r\n//               <img src={method.logo} alt={method.name} className=\"h-6 w-6\" />\r\n//             </div>\r\n//             <div className=\"flex-1 text-left\">\r\n//               <h4 className={`font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-900'}`}>{method.name}</h4>\r\n//               <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-500'}`}>{method.description}</p>\r\n//             </div>\r\n//             {selected === method.id && (\r\n//               <svg\r\n//                 xmlns=\"http://www.w3.org/2000/svg\"\r\n//                 className=\"h-5 w-5 text-blue-500\"\r\n//                 viewBox=\"0 0 20 20\"\r\n//                 fill=\"currentColor\"\r\n//               >\r\n//                 <path\r\n//                   fillRule=\"evenodd\"\r\n//                   d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\r\n//                   clipRule=\"evenodd\"\r\n//                 />\r\n//               </svg>\r\n//             )}\r\n//           </button>\r\n//         ))}\r\n//       </div>\r\n//     </div>\r\n//   );\r\n// };\r\n\r\n// export default PaymentMethods;\r\n\r\n\r\n\r\n// src/components/PaymentMethods.jsx\r\nimport React from 'react';\r\n\r\n/**\r\n * Component for selecting payment currency\r\n */\r\nconst PaymentMethods = ({ onSelect, selected, theme = 'light' }) => {\r\n  const paymentMethods = [\r\n    {\r\n      id: 'USDT',\r\n      name: 'USDT',\r\n      description: 'Tether USD',\r\n      logo: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0iIzI2QTE3QiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xNy45MjIgMTcuMzgzdi0uMDAyYy0uMTEuMDA4LS42NzcuMDQyLTEuOTQyLjA0Mi0xLjAxIDAtMS43MjEtLjAzLTEuOTcxLS4wNDJ2LjAwM2MtMy44ODgtLjE3MS02Ljc5LS44NDgtNi43OS0xLjY1OCAwLS44MDkgMi45MDItMS40ODYgNi43OS0xLjY2di4wNDdjLjI1NC4wMTguOTgyLjA0NSAxLjk4OC4wNDUgMS4yMDcgMCAxLjgxMi0uMDM2IDEuOTI1LS4wNDZ2LS4wNDRjMy44OC4xNzQgNi43NzUuODUxIDYuNzc1IDEuNjU4IDAgLjgwNy0yLjg5NSAxLjQ4NS02Ljc3NSAxLjY1N3ptMC0zLjU2NnYtLjA0N2MuMS0uMDA4LjYyNS0uMDQ1IDEuOTI1LS4wNDUgMS4wMDUgMCAxLjczNC4wMjcgMS45ODguMDQ2di0yLjg0MWgtMy45MXYyLjgzOWMtLjExMS4wMDgtLjY4LjA0Ni0xLjk3MS4wNDYtMS4yNDMgMC0xLjgzMi0uMDM4LTEuOTQyLS4wNDZ2LTIuODRoLTMuOTF2Mi44MzhjLjI1NC4wMi45ODIuMDQ2IDEuOTg4LjA0NiAxLjIwOCAwIDEuODEyLS4wMzggMS45MjUtLjA0NnYuMDQ3QzguNDUgMTQuMDI1IDUgMTQuNzM3IDUgMTUuNzI0djMuMmMwIC45ODYgMy40NSAxLjY5OCA3Ljk4MiAxLjgyOXYuMDQ3Yy0uMTEzLjAwOC0uNzE3LjA0Ni0xLjkyNS4wNDYtMS4wMDYgMC0xLjczNC0uMDI2LTEuOTg4LS4wNDZ2Mi44MzhoMy45MXYtMi44MzZjLjExLS4wMDguNjk5LS4wNDYgMS45NDItLjA0NiAxLjI2MiAwIDEuODMxLjAzOCAxLjk3MS4wNDZ2Mi44MzdoMy45MXYtMi44MzljLS4yNTQtLjAyLS45ODMtLjA0Ny0xLjk4OC0uMDQ3LTEuMzAyIDAtMS44MjQuMDM5LTEuOTI1LjA0N3YtLjA0NWM0LjUxOS0uMTMgNy45NTQtLjg0MyA3Ljk1NC0xLjgzdi0zLjJjMC0uOTg3LTMuNDM1LTEuNjk5LTcuOTU0LTEuODN6Ii8+PC9nPjwvc3ZnPg==',\r\n    },\r\n    {\r\n      id: 'USDC',\r\n      name: 'USDC',\r\n      description: 'USD Coin',\r\n      logo: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0iIzJCNzVFRCIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMS4yMDkgOS43MzlsLTIuOTQxIDIuOTQxYTMuMTMyIDMuMTMyIDAgMDAtNC41MzYgMGwtMi45NDItMi45NDFhNy42MjMgNy42MjMgMCAwMTEwLjQxOSAwek0xMC43OTEgMjIuMjYxbDIuOTQxLTIuOTQxYTMuMTMyIDMuMTMyIDAgMDA0LjUzNiAwbDIuOTQyIDIuOTQxYTcuNjIzIDcuNjIzIDAgMDEtMTAuNDE5IDB6bTExLjU3NS00LjI2MWgtNC4xNTNhMy4xMzMgMy4xMzMgMCAwMDAtNC41MzdoNC4xNTNhNy42MjEgNy42MjEgMCAwMTAgNC41Mzd6bS0xMy43OTMtNC41MzdoNC4xNTNhMy4xMzMgMy4xMzMgMCAwMDAgNC41MzdIOS42ODZhNy42MjEgNy42MjEgMCAwMTAtNC41Mzd6Ii8+PC9nPjwvc3ZnPg==',\r\n    },\r\n    {\r\n      id: 'BNB',\r\n      name: 'BNB',\r\n      description: 'Binance Coin',\r\n      logo: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGcgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9IiNGM0JBMkYiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTIuMTE2IDE0LjQwNEwxNiAxMC41MmwzLjg4NiAzLjg4NmwtMi4yNiAyLjI1OEwxNiAxNC4xNDlsLTEuNjM0IDEuNjM1LTIuMjUtMi4yNTl6bTkuMTUyLS4wMDFsMi4yNi0yLjI1OSAyLjg4NyAyLjg4Ny0yLjI1OSAyLjI1OS0yLjg4OC0yLjg4N3pNMTIuMTE1IDE3LjU5NmwyLjI2LTIuMjU5IDIuODg3IDIuODg3LTIuMjU5IDIuMjU5LTIuODg4LTIuODg3em0tNC4yMjktLjAwMWwyLjI2LTIuMjU5IDIuODg3IDIuODg3LTIuMjU5IDIuMjU5LTIuODg4LTIuODg3em02LjM0NCAwTDE2IDE5LjM2NWwxLjc3Mi0xLjc3MSAyLjI1OCAyLjI1OS0xLjc3MiAxLjc3Mi0uMTcuMTctMS45MTUgMS45MTMtNC4wNDUtNC4wNDUuMDA1LS4wMDQuMDAzLS4wMDYuMDk0LS4wOTQuMDgtLjA3OXoiLz48L2c+PC9zdmc+',\r\n    },\r\n    {\r\n      id: 'SOL',\r\n      name: 'SOL',\r\n      description: 'Solana',\r\n      logo: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9IiM0MDNCODIiLz48cGF0aCBkPSJNMTIuNDQgMTAuMmE1NDUuNzYgNTQ1Ljc2IDAgMDE4LjMyLTQuNjZjLjE0LS4wOC4zIDAgLjMuMTlWOC42cy0uMDEuMTQtLjExLjJDMTkuNDQgOS42NyAxOCAyMC4wOCAxOCAyMC4wOGwtLjA0LjEzYy0uMS4zNC0uMzYuNjEtLjcuNzVsLS40Mi4xN2MtLjEzLjA1LS41OS4xNS0uNTkuMTUtLjE5LjA1LS4zNy0uMTMtLjI2LS4zbDYuNDUtMTJhLjM0LjM0IDAgMDAtLjAzLS4zNy4zMi4zMiAwIDAwLS4zMi0uMDlsLTkuOS41LjAxLjI5elptOS4wNiA0LjA0Yy4wOC0uMDkuMjMtLjA2LjMuMDUuMzYuNDQuMzYgMS4wNiAwIDEuNS0uMzcuNDQtMTAuMzcgMTIuMDQtMTAuMzcgMTIuMDRsLS4xMy4xNmMtLjEzLjE1LS4zMi4yNS0uNTIuMjlsLS4yOC4wNGMtLjI0LjAzLS41My0uMDUtLjY4LS4yM0w2LjU2IDI0Yy0uMTQtLjE1LS4wNS0uNC4xNS0uNDNsMTMuODMtOC4yMWMuMzgtLjIzLjY1LS42LjcyLTEuMDRsLjA4LS4zYy4wMy0uMTEuMS0uMi4xNi0uMjh6TTYuNTYgMTIuNTV2LTEuMnMuMDQtLjE3LjEzLS4yM2MuMDktLjA2LjIzLTEuMDQuMjMtMS4wNC4wMy0uMjIuMTYtLjQyLjM2LS41M2wuNC0uMjJjLjA4LS4wNC41My0uNDUuNTMtLjQ1LjEzLS4xLjMtLjAzLjM0LjEzIDAgMCAxLjg5IDkuMDEgMS44OSA5LjAxLjA1LjMtLjE3LjU2LS40NC42OWwtLjQ4LjI0Yy0uMy4xNS0xMS40NSA1LjgtMTEuNDUgNS44LS4yMi4xMi0uNTctLjA0LS41Ny0uMzJWMTJjLS4wMi0uMzUuMjQtLjY2LjU3LS43aDguNDRhLjY3LjY3IDAgMDAuNjEtLjM4di0uMDJjLjA3LS4xNi4yNC0uMjQuNC0uMmwuMjUuMDRjLjE0LjAyLjMuMTguMy4xOHoiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+',\r\n    }\r\n  ];\r\n\r\n  const handleSelectPaymentMethod = (id) => {\r\n    onSelect(id);\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <h3 className={`text-lg font-medium mb-3 ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n        Select Payment Method\r\n      </h3>\r\n      <div className=\"space-y-2\">\r\n        {paymentMethods.map((method) => (\r\n          <button\r\n            key={method.id}\r\n            onClick={() => handleSelectPaymentMethod(method.id)}\r\n            className={`w-full flex items-center p-3 rounded-lg transition-colors ${\r\n              selected === method.id\r\n                ? theme === 'dark'\r\n                  ? 'bg-blue-900/30 border border-blue-500'\r\n                  : 'bg-blue-50 border border-blue-500'\r\n                : theme === 'dark'\r\n                ? 'bg-gray-700 hover:bg-gray-600 border border-gray-700'\r\n                : 'bg-white hover:bg-gray-50 border border-gray-200'\r\n            }`}\r\n          >\r\n            <div className=\"flex-shrink-0 h-10 w-10 bg-white rounded-full flex items-center justify-center mr-3\">\r\n              <img src={method.logo} alt={method.name} className=\"h-6 w-6\" />\r\n            </div>\r\n            <div className=\"flex-1 text-left\">\r\n              <h4 className={`font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-900'}`}>{method.name}</h4>\r\n              <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-500'}`}>{method.description}</p>\r\n            </div>\r\n            {selected === method.id && (\r\n              <svg\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                className=\"h-5 w-5 text-blue-500\"\r\n                viewBox=\"0 0 20 20\"\r\n                fill=\"currentColor\"\r\n              >\r\n                <path\r\n                  fillRule=\"evenodd\"\r\n                  d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\r\n                  clipRule=\"evenodd\"\r\n                />\r\n              </svg>\r\n            )}\r\n          </button>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default PaymentMethods;","\r\n// src/services/web3.js - Production Version\r\n/**\r\n * Check if MetaMask is installed\r\n * @returns {boolean} - Whether MetaMask is installed\r\n */\r\nexport const isMetaMaskInstalled = () => {\r\n    return typeof window !== 'undefined' && typeof window.ethereum !== 'undefined';\r\n  };\r\n  \r\n  /**\r\n   * Connect to MetaMask wallet\r\n   * @returns {Promise<string[]>} - Promise resolving to array of accounts\r\n   */\r\n  export const connectWallet = async () => {\r\n    if (!isMetaMaskInstalled()) {\r\n      throw new Error('MetaMask is not installed');\r\n    }\r\n  \r\n    try {\r\n      const accounts = await window.ethereum.request({ method: 'eth_requestAccounts' });\r\n      return accounts;\r\n    } catch (error) {\r\n      console.error('Error connecting to wallet:', error);\r\n      throw error;\r\n    }\r\n  };\r\n  \r\n  /**\r\n   * Get current wallet accounts\r\n   * @returns {Promise<string[]>} - Promise resolving to array of accounts\r\n   */\r\n  export const getAccounts = async () => {\r\n    if (!isMetaMaskInstalled()) {\r\n      throw new Error('MetaMask is not installed');\r\n    }\r\n  \r\n    try {\r\n      const accounts = await window.ethereum.request({ method: 'eth_accounts' });\r\n      return accounts;\r\n    } catch (error) {\r\n      console.error('Error getting accounts:', error);\r\n      throw error;\r\n    }\r\n  };\r\n  \r\n  /**\r\n   * Get the current chain ID\r\n   * @returns {Promise<string>} - Promise resolving to chain ID\r\n   */\r\n  export const getChainId = async () => {\r\n    if (!isMetaMaskInstalled()) {\r\n      throw new Error('MetaMask is not installed');\r\n    }\r\n  \r\n    try {\r\n      const chainId = await window.ethereum.request({ method: 'eth_chainId' });\r\n      return chainId;\r\n    } catch (error) {\r\n      console.error('Error getting chain ID:', error);\r\n      throw error;\r\n    }\r\n  };\r\n  \r\n  /**\r\n   * Send a transaction\r\n   * @param {Object} txParams - Transaction parameters\r\n   * @returns {Promise<string>} - Promise resolving to transaction hash\r\n   */\r\n  export const sendTransaction = async (txParams) => {\r\n    if (!isMetaMaskInstalled()) {\r\n      throw new Error('MetaMask is not installed');\r\n    }\r\n  \r\n    try {\r\n      const txHash = await window.ethereum.request({\r\n        method: 'eth_sendTransaction',\r\n        params: [txParams],\r\n      });\r\n      return txHash;\r\n    } catch (error) {\r\n      console.error('Error sending transaction:', error);\r\n      throw error;\r\n    }\r\n  };\r\n  \r\n  /**\r\n   * Send USDT or other ERC-20 token\r\n   * @param {string} tokenAddress - The token contract address\r\n   * @param {string} toAddress - Recipient address\r\n   * @param {string} amount - Amount in smallest unit (e.g., wei)\r\n   * @returns {Promise<string>} - Promise resolving to transaction hash\r\n   */\r\n  export const sendToken = async (tokenAddress, toAddress, amount) => {\r\n    if (!isMetaMaskInstalled()) {\r\n      throw new Error('MetaMask is not installed');\r\n    }\r\n  \r\n    try {\r\n      // Get current account\r\n      const accounts = await window.ethereum.request({ method: 'eth_requestAccounts' });\r\n      const fromAddress = accounts[0];\r\n  \r\n      // ERC-20 token transfer function signature: transfer(address,uint256)\r\n      const transferFunctionSignature = '0xa9059cbb';\r\n      \r\n      // The parameters for the transfer function (to address and amount)\r\n      // Need to pad the address to 32 bytes and convert amount to hex\r\n      const paddedToAddress = toAddress.slice(2).padStart(64, '0');\r\n      const paddedAmount = amount.toString(16).padStart(64, '0');\r\n      \r\n      // Combine everything into the transaction data\r\n      const data = `${transferFunctionSignature}${paddedToAddress}${paddedAmount}`;\r\n      \r\n      // Create transaction parameters\r\n      const txParams = {\r\n        from: fromAddress,\r\n        to: tokenAddress,\r\n        data: data,\r\n      };\r\n      \r\n      // Send the transaction\r\n      const txHash = await window.ethereum.request({\r\n        method: 'eth_sendTransaction',\r\n        params: [txParams],\r\n      });\r\n      \r\n      return txHash;\r\n    } catch (error) {\r\n      console.error('Error sending token:', error);\r\n      throw error;\r\n    }\r\n  };\r\n  \r\n  /**\r\n   * Check if a wallet is connected\r\n   * @returns {Promise<boolean>} - Promise resolving to whether a wallet is connected\r\n   */\r\n  export const isWalletConnected = async () => {\r\n    try {\r\n      const accounts = await getAccounts();\r\n      return accounts.length > 0;\r\n    } catch (error) {\r\n      return false;\r\n    }\r\n  };\r\n  \r\n  /**\r\n   * Determine the network name from chain ID\r\n   * @param {string} chainId - Chain ID in hex\r\n   * @returns {string} - Network name\r\n   */\r\n  export const getNetworkName = (chainId) => {\r\n    const networks = {\r\n      '0x1': 'Ethereum Mainnet',\r\n      '0x3': 'Ropsten Testnet',\r\n      '0x4': 'Rinkeby Testnet',\r\n      '0x5': 'Goerli Testnet',\r\n      '0x2a': 'Kovan Testnet',\r\n      '0x38': 'Binance Smart Chain',\r\n      '0x89': 'Polygon',\r\n      '0xa86a': 'Avalanche',\r\n    };\r\n  \r\n    return networks[chainId] || `Unknown Network (${chainId})`;\r\n  };\r\n  \r\n  /**\r\n   * Get ERC-20 token balance\r\n   * @param {string} tokenAddress - Token contract address\r\n   * @param {string} userAddress - User wallet address\r\n   * @returns {Promise<string>} - Promise resolving to token balance\r\n   */\r\n  export const getTokenBalance = async (tokenAddress, userAddress) => {\r\n    if (!isMetaMaskInstalled()) {\r\n      throw new Error('MetaMask is not installed');\r\n    }\r\n  \r\n    try {\r\n      // balanceOf function signature\r\n      const balanceOfSignature = '0x70a08231';\r\n      \r\n      // Pad the address to 32 bytes\r\n      const paddedAddress = userAddress.slice(2).padStart(64, '0');\r\n      \r\n      // Create the call data\r\n      const data = `${balanceOfSignature}${paddedAddress}`;\r\n      \r\n      // Call the contract\r\n      const balance = await window.ethereum.request({\r\n        method: 'eth_call',\r\n        params: [\r\n          {\r\n            to: tokenAddress,\r\n            data: data\r\n          },\r\n          'latest'\r\n        ]\r\n      });\r\n      \r\n      // Convert the hex balance to decimal\r\n      return parseInt(balance, 16).toString();\r\n    } catch (error) {\r\n      console.error('Error getting token balance:', error);\r\n      throw error;\r\n    }\r\n  };\r\n  \r\n  // Token addresses for common currencies (mainnet)\r\n  export const TOKEN_ADDRESSES = {\r\n    USDT: '0xdAC17F958D2ee523a2206206994597C13D831ec7',\r\n    USDC: '0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48',\r\n    DAI: '0x6B175474E89094C44Da98b954EedeAC495271d0F',\r\n    WETH: '0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2',\r\n    WBTC: '0x2260FAC5E5542a773Aa44fBCfeDf7C193bc2C599'\r\n  };\r\n  \r\n  // For testing purposes only - simulate a transaction without MetaMask\r\n  export const simulateTransaction = (amount, currency, toAddress) => {\r\n    return new Promise(resolve => {\r\n      setTimeout(() => {\r\n        const txHash = `0x${Array.from({length: 64}, () => \r\n          Math.floor(Math.random() * 16).toString(16)).join('')}`;\r\n        \r\n        resolve(txHash);\r\n      }, 2000);\r\n    });\r\n  };","export default \"data:image/png;base64,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\"","// // src/components/CoinleyModal.jsx - Production Version\r\n// import React, { useEffect, useState } from 'react';\r\n// import PaymentMethods from './PaymentMethods';\r\n// import PaymentStatus from './PaymentStatus';\r\n// import QRCode from './QRCode';\r\n// import { isMetaMaskInstalled } from '../services/web3';\r\n// import Logo from '../assets/Logo.png';\r\n\r\n\r\n// const CoinleyModal = ({\r\n//   isOpen,\r\n//   onClose,\r\n//   payment,\r\n//   paymentStatus,\r\n//   selectedCurrency,\r\n//   onCurrencySelect,\r\n//   onPayment,\r\n//   error,\r\n//   theme = 'light',\r\n//   merchantName,\r\n//   transactionHash,\r\n//   walletConnected,\r\n//   onConnectWallet,\r\n//   testMode = false\r\n// }) => {\r\n//   // IMPORTANT: Start with 'select-currency', not 'processing'\r\n//   const [step, setStep] = useState('select-currency');\r\n//   const [isMetaMaskAvailable, setIsMetaMaskAvailable] = useState(false);\r\n  \r\n//   // Check if MetaMask is available\r\n//   useEffect(() => {\r\n//     setIsMetaMaskAvailable(isMetaMaskInstalled());\r\n//   }, []);\r\n\r\n//   // Update step based on payment status\r\n//   useEffect(() => {\r\n//     if (paymentStatus === 'loading') {\r\n//       setStep('processing');\r\n//     } else if (paymentStatus === 'success') {\r\n//       setStep('success');\r\n//     } else if (paymentStatus === 'error') {\r\n//       setStep('error');\r\n//     } else if (paymentStatus === 'idle' && payment) {\r\n//       // Make sure we start at currency selection when a new payment is created\r\n//       setStep('select-currency');\r\n//     }\r\n//   }, [paymentStatus, payment]);\r\n\r\n//   const handleCurrencySelect = (currency) => {\r\n//     onCurrencySelect(currency);\r\n//     setStep('confirm');\r\n//   };\r\n\r\n//   const handlePaymentConfirm = () => {\r\n//     onPayment();\r\n//   };\r\n\r\n//   const handleBack = () => {\r\n//     if (step === 'confirm') {\r\n//       setStep('select-currency');\r\n//     }\r\n//   };\r\n\r\n//   const handleClose = () => {\r\n//     onClose();\r\n//   };\r\n\r\n//   // Format amount with 2 decimal places\r\n//   const formatAmount = (amount) => {\r\n//     return parseFloat(amount).toFixed(2);\r\n//   };\r\n\r\n//   // Format transaction hash for display\r\n//   const formatTransactionHash = (hash) => {\r\n//     if (!hash) return '';\r\n//     if (hash.length <= 14) return hash;\r\n//     return `${hash.slice(0, 8)}...${hash.slice(-6)}`;\r\n//   };\r\n\r\n//   // Base modal classes\r\n//   const modalBaseClasses = `fixed inset-0 z-50 overflow-y-auto ${theme === 'dark' ? 'bg-gray-900/75' : 'bg-black/50'}`;\r\n//   const modalContentClasses = `relative p-6 w-full max-w-md mx-auto rounded-lg shadow-xl ${theme === 'dark' ? 'bg-gray-800 text-white' : 'bg-white text-gray-800'}`;\r\n//   const headerClasses = `text-xl font-bold mb-4 ${theme === 'dark' ? 'text-white' : 'text-gray-900'}`;\r\n//   const buttonPrimaryClasses = `w-full py-2 px-4 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${\r\n//     theme === 'dark' \r\n//       ? 'bg-blue-600 hover:bg-blue-700 text-white focus:ring-blue-500' \r\n//       : 'bg-blue-500 hover:bg-blue-600 text-white focus:ring-blue-500'\r\n//   }`;\r\n//   const buttonSecondaryClasses = `w-full py-2 px-4 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${\r\n//     theme === 'dark'\r\n//       ? 'bg-gray-700 hover:bg-gray-600 text-white focus:ring-gray-500'\r\n//       : 'bg-gray-200 hover:bg-gray-300 text-gray-800 focus:ring-gray-500'\r\n//   }`;\r\n\r\n//   if (!isOpen) return null;\r\n\r\n//   return (\r\n//     <div className={modalBaseClasses}>\r\n//       <div className=\"flex min-h-screen items-center justify-center p-4\">\r\n//         <div className={modalContentClasses}>\r\n//           {/* Header */}\r\n//           <div className=\"flex justify-between items-center mb-6\">\r\n//             <div className=\"flex items-center\">\r\n//        <img src={Logo} />\r\n//               <h2 className={headerClasses}>Coinley Pay</h2>\r\n//             </div>\r\n//             <button \r\n//               onClick={handleClose}\r\n//               className={`text-gray-500 hover:text-gray-700 focus:outline-none ${theme === 'dark' ? 'text-gray-400 hover:text-gray-300' : ''}`}\r\n//             >\r\n//               <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n//                 <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\r\n//               </svg>\r\n//             </button>\r\n//           </div>\r\n          \r\n//           {/* Content */}\r\n//           <div className=\"mb-6\">\r\n//             {payment && (\r\n//               <div className={`mb-6 p-4 rounded-lg ${theme === 'dark' ? 'bg-gray-700' : 'bg-gray-100'}`}>\r\n//                 <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n//                   {merchantName}\r\n//                 </p>\r\n//                 <div className=\"flex justify-between items-center mt-2\">\r\n//                   <span className={`font-medium ${theme === 'dark' ? 'text-gray-300' : 'text-gray-700'}`}>\r\n//                     Amount:\r\n//                   </span>\r\n//                   <span className=\"font-bold text-xl\">\r\n//                     ${formatAmount(payment.totalAmount || payment.amount)}\r\n//                   </span>\r\n//                 </div>\r\n//                 <div className=\"text-xs mt-1 text-right\">\r\n//                   <span className={`${theme === 'dark' ? 'text-gray-400' : 'text-gray-500'}`}>\r\n//                     Payment ID: {payment.id.slice(0, 8)}...\r\n//                   </span>\r\n//                 </div>\r\n//               </div>\r\n//             )}\r\n\r\n//             {step === 'select-currency' && (\r\n//               <PaymentMethods \r\n//                 onSelect={handleCurrencySelect} \r\n//                 selected={selectedCurrency}\r\n//                 theme={theme}\r\n//               />\r\n//             )}\r\n\r\n//             {step === 'confirm' && payment && (\r\n//               <div>\r\n//                 <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-gray-700' : 'bg-gray-100'}`}>\r\n//                   <h3 className={`text-lg font-medium mb-2 ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n//                     Payment Details\r\n//                   </h3>\r\n//                   <div className=\"space-y-2\">\r\n//                     <div className=\"flex justify-between\">\r\n//                       <span className={theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}>Currency:</span>\r\n//                       <span className=\"font-medium\">{selectedCurrency}</span>\r\n//                     </div>\r\n//                     <div className=\"flex justify-between\">\r\n//                       <span className={theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}>Network:</span>\r\n//                       <span className=\"font-medium\">\r\n//                         {selectedCurrency === 'SOL' || selectedCurrency === 'USDC_SOL' ? 'Solana' : 'Ethereum'}\r\n//                       </span>\r\n//                     </div>\r\n//                     <div className=\"flex justify-between\">\r\n//                       <span className={theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}>Fee:</span>\r\n//                       <span className=\"font-medium\">1.75%</span>\r\n//                     </div>\r\n//                   </div>\r\n//                 </div>\r\n\r\n//                 {testMode ? (\r\n//                   // Test mode payment option\r\n//                   <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-blue-900/20' : 'bg-blue-50'}`}>\r\n//                     <div className=\"flex items-center\">\r\n//                       <div className=\"bg-blue-500 rounded-full p-2 mr-3\">\r\n//                         <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n//                           <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M13 10V3L4 14h7v7l9-11h-7z\" />\r\n//                         </svg>\r\n//                       </div>\r\n//                       <div>\r\n//                         <h3 className={`font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n//                           Test Mode Payment\r\n//                         </h3>\r\n//                         <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n//                           Click \"Pay Now\" to simulate a successful payment\r\n//                         </p>\r\n//                       </div>\r\n//                     </div>\r\n//                   </div>\r\n//                 ) : isMetaMaskAvailable ? (\r\n//                   // MetaMask available option\r\n//                   <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-blue-900/20' : 'bg-blue-50'}`}>\r\n//                     <div className=\"flex items-center\">\r\n//                       <img \r\n//                         src=\"https://metamask.io/images/metamask-fox.svg\" \r\n//                         alt=\"MetaMask\" \r\n//                         className=\"w-8 h-8 mr-2\"\r\n//                       />\r\n//                       <div>\r\n//                         <h3 className={`font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n//                           Pay with MetaMask\r\n//                         </h3>\r\n//                         <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n//                           {walletConnected \r\n//                             ? \"Your wallet is connected. Click 'Pay Now' to proceed.\" \r\n//                             : \"Click 'Connect Wallet' to proceed with payment.\"\r\n//                           }\r\n//                         </p>\r\n//                       </div>\r\n//                     </div>\r\n//                     {!walletConnected && (\r\n//                       <button\r\n//                         onClick={onConnectWallet}\r\n//                         className={`mt-3 ${buttonPrimaryClasses}`}\r\n//                       >\r\n//                         Connect Wallet\r\n//                       </button>\r\n//                     )}\r\n//                   </div>\r\n//                 ) : (\r\n//                   // MetaMask not available warning\r\n//                   <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-yellow-900/20' : 'bg-yellow-50'}`}>\r\n//                     <div className=\"flex items-center\">\r\n//                       <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6 text-yellow-500 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n//                         <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" />\r\n//                       </svg>\r\n//                       <div>\r\n//                         <h3 className={`font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n//                           MetaMask Not Detected\r\n//                         </h3>\r\n//                         <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n//                           Please install MetaMask extension to make payments\r\n//                         </p>\r\n//                       </div>\r\n//                     </div>\r\n//                     <a\r\n//                       href=\"https://metamask.io/download/\"\r\n//                       target=\"_blank\"\r\n//                       rel=\"noopener noreferrer\"\r\n//                       className={`block mt-3 text-center ${buttonPrimaryClasses}`}\r\n//                     >\r\n//                       Install MetaMask\r\n//                     </a>\r\n//                   </div>\r\n//                 )}\r\n\r\n//                 <div className=\"mt-6 grid grid-cols-2 gap-3\">\r\n//                   <button\r\n//                     type=\"button\"\r\n//                     onClick={handleBack}\r\n//                     className={buttonSecondaryClasses}\r\n//                   >\r\n//                     Back\r\n//                   </button>\r\n//                   <button\r\n//                     type=\"button\"\r\n//                     onClick={handlePaymentConfirm}\r\n//                     className={buttonPrimaryClasses}\r\n//                     disabled={!testMode && isMetaMaskAvailable && !walletConnected}\r\n//                   >\r\n//                     Pay Now\r\n//                   </button>\r\n//                 </div>\r\n//               </div>\r\n//             )}\r\n\r\n//             {step === 'processing' && (\r\n//               <PaymentStatus \r\n//                 status=\"processing\" \r\n//                 theme={theme}\r\n//                 message=\"Processing your payment...\"\r\n//               />\r\n//             )}\r\n\r\n//             {step === 'success' && (\r\n//               <div>\r\n//                 <PaymentStatus \r\n//                   status=\"success\" \r\n//                   theme={theme}\r\n//                   message=\"Payment successful!\"\r\n//                 />\r\n//                 {transactionHash && (\r\n//                   <div className={`mt-4 p-3 rounded-lg ${theme === 'dark' ? 'bg-gray-700' : 'bg-gray-100'}`}>\r\n//                     <p className={`text-xs ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'} mb-1`}>\r\n//                       Transaction Hash:\r\n//                     </p>\r\n//                     <p className={`text-sm font-mono break-all ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n//                       {formatTransactionHash(transactionHash)}\r\n//                     </p>\r\n//                     {/* Optional: Add link to blockchain explorer */}\r\n//                     <a \r\n//                       href={`https://etherscan.io/tx/${transactionHash}`}\r\n//                       target=\"_blank\"\r\n//                       rel=\"noopener noreferrer\"\r\n//                       className={`text-xs ${theme === 'dark' ? 'text-blue-400' : 'text-blue-600'} mt-2 inline-block`}\r\n//                     >\r\n//                       View on Etherscan →\r\n//                     </a>\r\n//                   </div>\r\n//                 )}\r\n//               </div>\r\n//             )}\r\n\r\n//             {step === 'error' && (\r\n//               <div>\r\n//                 <PaymentStatus \r\n//                   status=\"error\" \r\n//                   theme={theme}\r\n//                   message={error || \"An error occurred while processing your payment.\"}\r\n//                 />\r\n//                 <button\r\n//                   type=\"button\"\r\n//                   onClick={handleBack}\r\n//                   className={`mt-4 ${buttonSecondaryClasses}`}\r\n//                 >\r\n//                   Try Again\r\n//                 </button>\r\n//               </div>\r\n//             )}\r\n//           </div>\r\n\r\n//           {/* Footer */}\r\n//           <div className={`text-center text-xs ${theme === 'dark' ? 'text-gray-400' : 'text-gray-500'}`}>\r\n//             <p>Powered by Coinley - Secure Cryptocurrency Payments</p>\r\n//           </div>\r\n//         </div>\r\n//       </div>\r\n//     </div>\r\n//   );\r\n// };\r\n\r\n// export default CoinleyModal;\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n// // src/components/CoinleyModal.jsx - Updated with QR Code Feature\r\n// import React, { useEffect, useState } from 'react';\r\n// import PaymentMethods from './PaymentMethods';\r\n// import PaymentStatus from './PaymentStatus';\r\n// import QRCode from './QRCode';\r\n// import { isMetaMaskInstalled } from '../services/web3';\r\n// import Logo from '../assets/Logo.png';\r\n\r\n// const CoinleyModal = ({\r\n//   isOpen,\r\n//   onClose,\r\n//   payment,\r\n//   paymentStatus,\r\n//   selectedCurrency,\r\n//   onCurrencySelect,\r\n//   onPayment,\r\n//   error,\r\n//   theme = 'light',\r\n//   merchantName,\r\n//   transactionHash,\r\n//   walletConnected,\r\n//   onConnectWallet,\r\n//   testMode = false\r\n// }) => {\r\n//   // IMPORTANT: Start with 'select-currency', not 'processing'\r\n//   const [step, setStep] = useState('select-currency');\r\n//   const [isMetaMaskAvailable, setIsMetaMaskAvailable] = useState(false);\r\n//   // Add paymentMethod state to toggle between QR and wallet\r\n//   const [paymentMethod, setPaymentMethod] = useState('wallet');\r\n  \r\n//   // Check if MetaMask is available\r\n//   useEffect(() => {\r\n//     setIsMetaMaskAvailable(isMetaMaskInstalled());\r\n//   }, []);\r\n\r\n//   // Update step based on payment status\r\n//   useEffect(() => {\r\n//     if (paymentStatus === 'loading') {\r\n//       setStep('processing');\r\n//     } else if (paymentStatus === 'success') {\r\n//       setStep('success');\r\n//     } else if (paymentStatus === 'error') {\r\n//       setStep('error');\r\n//     } else if (paymentStatus === 'idle' && payment) {\r\n//       // Make sure we start at currency selection when a new payment is created\r\n//       setStep('select-currency');\r\n//     }\r\n//   }, [paymentStatus, payment]);\r\n\r\n//   const handleCurrencySelect = (currency) => {\r\n//     onCurrencySelect(currency);\r\n//     setStep('confirm');\r\n//   };\r\n\r\n//   const handlePaymentConfirm = () => {\r\n//     onPayment();\r\n//   };\r\n\r\n//   const handleBack = () => {\r\n//     if (step === 'confirm') {\r\n//       setStep('select-currency');\r\n//     }\r\n//   };\r\n\r\n//   const handleClose = () => {\r\n//     onClose();\r\n//   };\r\n\r\n//   // Format amount with 2 decimal places\r\n//   const formatAmount = (amount) => {\r\n//     return parseFloat(amount).toFixed(2);\r\n//   };\r\n\r\n//   // Format transaction hash for display\r\n//   const formatTransactionHash = (hash) => {\r\n//     if (!hash) return '';\r\n//     if (hash.length <= 14) return hash;\r\n//     return `${hash.slice(0, 8)}...${hash.slice(-6)}`;\r\n//   };\r\n\r\n//   // Toggle payment method\r\n//   const togglePaymentMethod = (method) => {\r\n//     setPaymentMethod(method);\r\n//   };\r\n\r\n//   // Base modal classes\r\n//   const modalBaseClasses = `fixed inset-0 z-50 overflow-y-auto ${theme === 'dark' ? 'bg-gray-900/75' : 'bg-black/50'}`;\r\n//   const modalContentClasses = `relative p-6 w-full max-w-md mx-auto rounded-lg shadow-xl ${theme === 'dark' ? 'bg-gray-800 text-white' : 'bg-white text-gray-800'}`;\r\n//   const headerClasses = `text-xl font-bold mb-4 ${theme === 'dark' ? 'text-white' : 'text-gray-900'}`;\r\n//   const buttonPrimaryClasses = `w-full py-2 px-4 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${\r\n//     theme === 'dark' \r\n//       ? 'bg-blue-600 hover:bg-blue-700 text-white focus:ring-blue-500' \r\n//       : 'bg-blue-500 hover:bg-blue-600 text-white focus:ring-blue-500'\r\n//   }`;\r\n//   const buttonSecondaryClasses = `w-full py-2 px-4 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${\r\n//     theme === 'dark'\r\n//       ? 'bg-gray-700 hover:bg-gray-600 text-white focus:ring-gray-500'\r\n//       : 'bg-gray-200 hover:bg-gray-300 text-gray-800 focus:ring-gray-500'\r\n//   }`;\r\n//   const tabButtonClasses = `py-2 px-4 text-sm font-medium focus:outline-none transition-colors`;\r\n//   const activeTabClasses = `${theme === 'dark' ? 'bg-gray-700 text-white' : 'bg-gray-100 text-gray-800'} rounded-t-md`;\r\n//   const inactiveTabClasses = `${theme === 'dark' ? 'text-gray-400 hover:text-gray-300' : 'text-gray-500 hover:text-gray-700'}`;\r\n\r\n//   if (!isOpen) return null;\r\n\r\n//   console.log('CoinleyModal render:', {\r\n//     testMode,\r\n//     paymentMethod,\r\n//     step,\r\n//     isMetaMaskAvailable\r\n//   });\r\n\r\n//   return (\r\n//     <div className={modalBaseClasses}>\r\n//       <div className=\"flex min-h-screen items-center justify-center p-4\">\r\n//         <div className={modalContentClasses}>\r\n//           {/* Header */}\r\n//           <div className=\"flex justify-between items-center mb-6\">\r\n//             <div className=\"flex items-center\">\r\n//               <img src={Logo} alt=\"Coinley Logo\" className=\"h-8 mr-2\" />\r\n//               <h2 className={headerClasses}>Coinley Pay</h2>\r\n//             </div>\r\n//             <button \r\n//               onClick={handleClose}\r\n//               className={`text-gray-500 hover:text-gray-700 focus:outline-none ${theme === 'dark' ? 'text-gray-400 hover:text-gray-300' : ''}`}\r\n//             >\r\n//               <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n//                 <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\r\n//               </svg>\r\n//             </button>\r\n//           </div>\r\n          \r\n//           {/* Content */}\r\n//           <div className=\"mb-6\">\r\n//             {payment && (\r\n//               <div className={`mb-6 p-4 rounded-lg ${theme === 'dark' ? 'bg-gray-700' : 'bg-gray-100'}`}>\r\n//                 <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n//                   {merchantName}\r\n//                 </p>\r\n//                 <div className=\"flex justify-between items-center mt-2\">\r\n//                   <span className={`font-medium ${theme === 'dark' ? 'text-gray-300' : 'text-gray-700'}`}>\r\n//                     Amount:\r\n//                   </span>\r\n//                   <span className=\"font-bold text-xl\">\r\n//                     ${formatAmount(payment.totalAmount || payment.amount)}\r\n//                   </span>\r\n//                 </div>\r\n//                 <div className=\"text-xs mt-1 text-right\">\r\n//                   <span className={`${theme === 'dark' ? 'text-gray-400' : 'text-gray-500'}`}>\r\n//                     Payment ID: {payment.id.slice(0, 8)}...\r\n//                   </span>\r\n//                 </div>\r\n//               </div>\r\n//             )}\r\n\r\n//             {step === 'select-currency' && (\r\n//               <PaymentMethods \r\n//                 onSelect={handleCurrencySelect} \r\n//                 selected={selectedCurrency}\r\n//                 theme={theme}\r\n//               />\r\n//             )}\r\n\r\n//             {step === 'confirm' && payment && (\r\n//               <div>\r\n//                 <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-gray-700' : 'bg-gray-100'}`}>\r\n//                   <h3 className={`text-lg font-medium mb-2 ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n//                     Payment Details\r\n//                   </h3>\r\n//                   <div className=\"space-y-2\">\r\n//                     <div className=\"flex justify-between\">\r\n//                       <span className={theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}>Currency:</span>\r\n//                       <span className=\"font-medium\">{selectedCurrency}</span>\r\n//                     </div>\r\n//                     <div className=\"flex justify-between\">\r\n//                       <span className={theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}>Network:</span>\r\n//                       <span className=\"font-medium\">\r\n//                         {selectedCurrency === 'SOL' || selectedCurrency === 'USDC_SOL' ? 'Solana' : 'Ethereum'}\r\n//                       </span>\r\n//                     </div>\r\n//                     <div className=\"flex justify-between\">\r\n//                       <span className={theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}>Fee:</span>\r\n//                       <span className=\"font-medium\">1.75%</span>\r\n//                     </div>\r\n//                   </div>\r\n//                 </div>\r\n\r\n//                 {/* Payment Method Tabs */}\r\n//                 {!testMode && (\r\n//                   <div className=\"mb-4\">\r\n//                     <div className=\"flex border-b border-gray-200\">\r\n//                       <button\r\n//                         onClick={() => togglePaymentMethod('wallet')}\r\n//                         className={`${tabButtonClasses} ${paymentMethod === 'wallet' ? activeTabClasses : inactiveTabClasses}`}\r\n//                       >\r\n//                         Connect Wallet\r\n//                       </button>\r\n//                       <button\r\n//                         onClick={() => togglePaymentMethod('qrcode')}\r\n//                         className={`${tabButtonClasses} ${paymentMethod === 'qrcode' ? activeTabClasses : inactiveTabClasses}`}\r\n//                       >\r\n//                         QR Code\r\n//                       </button>\r\n//                     </div>\r\n//                   </div>\r\n//                 )}\r\n\r\n//                 {testMode ? (\r\n//                   // Test mode payment option\r\n//                   <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-blue-900/20' : 'bg-blue-50'}`}>\r\n//                     <div className=\"flex items-center\">\r\n//                       <div className=\"bg-blue-500 rounded-full p-2 mr-3\">\r\n//                         <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n//                           <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M13 10V3L4 14h7v7l9-11h-7z\" />\r\n//                         </svg>\r\n//                       </div>\r\n//                       <div>\r\n//                         <h3 className={`font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n//                           Test Mode Payment\r\n//                         </h3>\r\n//                         <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n//                           Click \"Pay Now\" to simulate a successful payment\r\n//                         </p>\r\n//                       </div>\r\n//                     </div>\r\n//                   </div>\r\n//                 ) : paymentMethod === 'qrcode' ? (\r\n//                   // QR Code payment option\r\n//                   <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-blue-900/20' : 'bg-blue-50'}`}>\r\n//                     <QRCode \r\n//                       walletAddress={payment.walletAddress || '0x742d35Cc6634C0532925a3b844Bc454e4438f44e'} \r\n//                       amount={payment.totalAmount || payment.amount}\r\n//                       currency={selectedCurrency}\r\n//                       theme={theme}\r\n//                     />\r\n//                   </div>\r\n//                 ) : isMetaMaskAvailable ? (\r\n//                   // MetaMask available option\r\n//                   <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-blue-900/20' : 'bg-blue-50'}`}>\r\n//                     <div className=\"flex items-center\">\r\n//                       <img \r\n//                         src=\"https://metamask.io/images/metamask-fox.svg\" \r\n//                         alt=\"MetaMask\" \r\n//                         className=\"w-8 h-8 mr-2\"\r\n//                       />\r\n//                       <div>\r\n//                         <h3 className={`font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n//                           Pay with MetaMask\r\n//                         </h3>\r\n//                         <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n//                           {walletConnected \r\n//                             ? \"Your wallet is connected. Click 'Pay Now' to proceed.\" \r\n//                             : \"Click 'Connect Wallet' to proceed with payment.\"\r\n//                           }\r\n//                         </p>\r\n//                       </div>\r\n//                     </div>\r\n//                     {!walletConnected && (\r\n//                       <button\r\n//                         onClick={onConnectWallet}\r\n//                         className={`mt-3 ${buttonPrimaryClasses}`}\r\n//                       >\r\n//                         Connect Wallet\r\n//                       </button>\r\n//                     )}\r\n//                   </div>\r\n//                 ) : (\r\n//                   // MetaMask not available warning\r\n//                   <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-yellow-900/20' : 'bg-yellow-50'}`}>\r\n//                     <div className=\"flex items-center\">\r\n//                       <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6 text-yellow-500 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n//                         <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" />\r\n//                       </svg>\r\n//                       <div>\r\n//                         <h3 className={`font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n//                           MetaMask Not Detected\r\n//                         </h3>\r\n//                         <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n//                           Please install MetaMask extension to make payments\r\n//                         </p>\r\n//                       </div>\r\n//                     </div>\r\n//                     <a\r\n//                       href=\"https://metamask.io/download/\"\r\n//                       target=\"_blank\"\r\n//                       rel=\"noopener noreferrer\"\r\n//                       className={`block mt-3 text-center ${buttonPrimaryClasses}`}\r\n//                     >\r\n//                       Install MetaMask\r\n//                     </a>\r\n//                   </div>\r\n//                 )}\r\n\r\n//                 <div className=\"mt-6 grid grid-cols-2 gap-3\">\r\n//                   <button\r\n//                     type=\"button\"\r\n//                     onClick={handleBack}\r\n//                     className={buttonSecondaryClasses}\r\n//                   >\r\n//                     Back\r\n//                   </button>\r\n//                   <button\r\n//                     type=\"button\"\r\n//                     onClick={handlePaymentConfirm}\r\n//                     className={buttonPrimaryClasses}\r\n//                     disabled={!testMode && paymentMethod === 'wallet' && isMetaMaskAvailable && !walletConnected}\r\n//                   >\r\n//                     Pay Now\r\n//                   </button>\r\n//                 </div>\r\n//               </div>\r\n//             )}\r\n\r\n//             {step === 'processing' && (\r\n//               <PaymentStatus \r\n//                 status=\"processing\" \r\n//                 theme={theme}\r\n//                 message=\"Processing your payment...\"\r\n//               />\r\n//             )}\r\n\r\n//             {step === 'success' && (\r\n//               <div>\r\n//                 <PaymentStatus \r\n//                   status=\"success\" \r\n//                   theme={theme}\r\n//                   message=\"Payment successful!\"\r\n//                 />\r\n//                 {transactionHash && (\r\n//                   <div className={`mt-4 p-3 rounded-lg ${theme === 'dark' ? 'bg-gray-700' : 'bg-gray-100'}`}>\r\n//                     <p className={`text-xs ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'} mb-1`}>\r\n//                       Transaction Hash:\r\n//                     </p>\r\n//                     <p className={`text-sm font-mono break-all ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n//                       {formatTransactionHash(transactionHash)}\r\n//                     </p>\r\n//                     {/* Optional: Add link to blockchain explorer */}\r\n//                     <a \r\n//                       href={`https://etherscan.io/tx/${transactionHash}`}\r\n//                       target=\"_blank\"\r\n//                       rel=\"noopener noreferrer\"\r\n//                       className={`text-xs ${theme === 'dark' ? 'text-blue-400' : 'text-blue-600'} mt-2 inline-block`}\r\n//                     >\r\n//                       View on Etherscan →\r\n//                     </a>\r\n//                   </div>\r\n//                 )}\r\n//               </div>\r\n//             )}\r\n\r\n//             {step === 'error' && (\r\n//               <div>\r\n//                 <PaymentStatus \r\n//                   status=\"error\" \r\n//                   theme={theme}\r\n//                   message={error || \"An error occurred while processing your payment.\"}\r\n//                 />\r\n//                 <button\r\n//                   type=\"button\"\r\n//                   onClick={handleBack}\r\n//                   className={`mt-4 ${buttonSecondaryClasses}`}\r\n//                 >\r\n//                   Try Again\r\n//                 </button>\r\n//               </div>\r\n//             )}\r\n//           </div>\r\n\r\n//           {/* Footer */}\r\n//           <div className={`text-center text-xs ${theme === 'dark' ? 'text-gray-400' : 'text-gray-500'}`}>\r\n//             <p>Powered by Coinley - Secure Cryptocurrency Payments</p>\r\n//           </div>\r\n//         </div>\r\n//       </div>\r\n//     </div>\r\n//   );\r\n// };\r\n\r\n// export default CoinleyModal;\r\n\r\n\r\n\r\n\r\n\r\n// src/components/CoinleyModal.jsx\r\nimport React, { useState, useEffect } from 'react';\r\nimport PaymentMethods from './PaymentMethods';\r\nimport PaymentStatus from './PaymentStatus';\r\nimport QRCode from './QRCode'; \r\nimport { isMetaMaskInstalled } from '../services/web3';\r\nimport Logo from '../assets/Logo.png';\r\n\r\n/**\r\n * Modal component for Coinley payments\r\n */\r\nconst CoinleyModal = ({\r\n  isOpen,\r\n  onClose,\r\n  payment,\r\n  paymentStatus,\r\n  selectedCurrency,\r\n  onCurrencySelect,\r\n  onPayment,\r\n  error,\r\n  theme = 'light',\r\n  merchantName,\r\n  transactionHash,\r\n  walletConnected,\r\n  onConnectWallet,\r\n  testMode = false\r\n}) => {\r\n  // State\r\n  const [step, setStep] = useState('select-currency');\r\n  const [isMetaMaskAvailable, setIsMetaMaskAvailable] = useState(false);\r\n  const [paymentMethod, setPaymentMethod] = useState('wallet');\r\n\r\n  // Check if MetaMask is available\r\n  useEffect(() => {\r\n    if (typeof window !== 'undefined') {\r\n      setIsMetaMaskAvailable(isMetaMaskInstalled());\r\n    }\r\n  }, []);\r\n\r\n  // Update step based on payment status\r\n  useEffect(() => {\r\n    if (paymentStatus === 'loading') {\r\n      setStep('processing');\r\n    } else if (paymentStatus === 'success') {\r\n      setStep('success');\r\n    } else if (paymentStatus === 'error') {\r\n      setStep('error');\r\n    } else if (paymentStatus === 'idle' && payment) {\r\n      setStep('select-currency');\r\n    }\r\n  }, [paymentStatus, payment]);\r\n\r\n  // Function to handle currency selection\r\n  const handleCurrencySelect = (currency) => {\r\n    onCurrencySelect(currency);\r\n    setStep('confirm');\r\n  };\r\n\r\n  // Function to handle payment confirmation\r\n  const handlePaymentConfirm = () => {\r\n    // Pass true if using QR code payment method\r\n    onPayment(paymentMethod === 'qrcode');\r\n  };\r\n\r\n  // Function to go back to currency selection\r\n  const handleBack = () => {\r\n    if (step === 'confirm') {\r\n      setStep('select-currency');\r\n    }\r\n  };\r\n\r\n  // Function to close the modal\r\n  const handleClose = () => {\r\n    onClose();\r\n  };\r\n\r\n  // Format amount with 2 decimal places\r\n  const formatAmount = (amount) => {\r\n    return parseFloat(amount).toFixed(2);\r\n  };\r\n\r\n  // Format transaction hash for display\r\n  const formatTransactionHash = (hash) => {\r\n    if (!hash) return '';\r\n    if (hash.length <= 14) return hash;\r\n    return `${hash.slice(0, 8)}...${hash.slice(-6)}`;\r\n  };\r\n\r\n  // Toggle payment method\r\n  const togglePaymentMethod = (method) => {\r\n    setPaymentMethod(method);\r\n  };\r\n\r\n  // CSS Classes\r\n  const modalBaseClasses = `fixed inset-0 z-50 overflow-y-auto ${theme === 'dark' ? 'bg-gray-900/75' : 'bg-black/50'}`;\r\n  const modalContentClasses = `relative p-6 w-full max-w-md mx-auto rounded-lg shadow-xl ${theme === 'dark' ? 'bg-gray-800 text-white' : 'bg-white text-gray-800'}`;\r\n  const headerClasses = `text-xl font-bold mb-4 ${theme === 'dark' ? 'text-white' : 'text-gray-900'}`;\r\n  const buttonPrimaryClasses = `w-full py-2 px-4 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${\r\n    theme === 'dark' \r\n      ? 'bg-blue-600 hover:bg-blue-700 text-white focus:ring-blue-500' \r\n      : 'bg-blue-500 hover:bg-blue-600 text-white focus:ring-blue-500'\r\n  }`;\r\n  const buttonSecondaryClasses = `w-full py-2 px-4 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${\r\n    theme === 'dark'\r\n      ? 'bg-gray-700 hover:bg-gray-600 text-white focus:ring-gray-500'\r\n      : 'bg-gray-200 hover:bg-gray-300 text-gray-800 focus:ring-gray-500'\r\n  }`;\r\n  const tabButtonClasses = `py-2 px-4 text-sm font-medium focus:outline-none transition-colors`;\r\n  const activeTabClasses = `${theme === 'dark' ? 'bg-gray-700 text-white' : 'bg-gray-100 text-gray-800'} rounded-t-md`;\r\n  const inactiveTabClasses = `${theme === 'dark' ? 'text-gray-400 hover:text-gray-300' : 'text-gray-500 hover:text-gray-700'}`;\r\n\r\n  if (!isOpen) return null;\r\n\r\n  return (\r\n    <div className={modalBaseClasses}>\r\n      <div className=\"flex min-h-screen items-center justify-center p-4\">\r\n        <div className={modalContentClasses}>\r\n          {/* Header */}\r\n          <div className=\"flex justify-between items-center mb-6\">\r\n            <div className=\"flex items-center\">\r\n              <img src={Logo} alt=\"Coinley Logo\" className=\"h-8 mr-2\" />\r\n              <h2 className={headerClasses}>Coinley Pay</h2>\r\n            </div>\r\n            <button \r\n              onClick={handleClose}\r\n              className={`text-gray-500 hover:text-gray-700 focus:outline-none ${theme === 'dark' ? 'text-gray-400 hover:text-gray-300' : ''}`}\r\n            >\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\r\n              </svg>\r\n            </button>\r\n          </div>\r\n          \r\n          {/* Content */}\r\n          <div className=\"mb-6\">\r\n            {payment && (\r\n              <div className={`mb-6 p-4 rounded-lg ${theme === 'dark' ? 'bg-gray-700' : 'bg-gray-100'}`}>\r\n                <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n                  {merchantName}\r\n                </p>\r\n                <div className=\"flex justify-between items-center mt-2\">\r\n                  <span className={`font-medium ${theme === 'dark' ? 'text-gray-300' : 'text-gray-700'}`}>\r\n                    Amount:\r\n                  </span>\r\n                  <span className=\"font-bold text-xl\">\r\n                    ${formatAmount(payment.totalAmount || payment.amount)}\r\n                  </span>\r\n                </div>\r\n                <div className=\"text-xs mt-1 text-right\">\r\n                  <span className={`${theme === 'dark' ? 'text-gray-400' : 'text-gray-500'}`}>\r\n                    Payment ID: {payment.id && payment.id.slice(0, 8)}...\r\n                  </span>\r\n                </div>\r\n              </div>\r\n            )}\r\n\r\n            {step === 'select-currency' && (\r\n              <PaymentMethods \r\n                onSelect={handleCurrencySelect} \r\n                selected={selectedCurrency}\r\n                theme={theme}\r\n              />\r\n            )}\r\n\r\n            {step === 'confirm' && payment && (\r\n              <div>\r\n                <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-gray-700' : 'bg-gray-100'}`}>\r\n                  <h3 className={`text-lg font-medium mb-2 ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n                    Payment Details\r\n                  </h3>\r\n                  <div className=\"space-y-2\">\r\n                    <div className=\"flex justify-between\">\r\n                      <span className={theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}>Currency:</span>\r\n                      <span className=\"font-medium\">{selectedCurrency}</span>\r\n                    </div>\r\n                    <div className=\"flex justify-between\">\r\n                      <span className={theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}>Network:</span>\r\n                      <span className=\"font-medium\">\r\n                        {selectedCurrency === 'SOL' || selectedCurrency === 'USDC_SOL' ? 'Solana' : 'Ethereum'}\r\n                      </span>\r\n                    </div>\r\n                    <div className=\"flex justify-between\">\r\n                      <span className={theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}>Fee:</span>\r\n                      <span className=\"font-medium\">1.75%</span>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                {/* Payment Method Tabs - Always visible */}\r\n                <div className=\"mb-4\">\r\n                  <div className=\"flex border-b border-gray-200\">\r\n                    <button\r\n                      onClick={() => togglePaymentMethod('wallet')}\r\n                      className={`${tabButtonClasses} ${paymentMethod === 'wallet' ? activeTabClasses : inactiveTabClasses}`}\r\n                    >\r\n                      Connect Wallet\r\n                    </button>\r\n                    <button\r\n                      onClick={() => togglePaymentMethod('qrcode')}\r\n                      className={`${tabButtonClasses} ${paymentMethod === 'qrcode' ? activeTabClasses : inactiveTabClasses}`}\r\n                    >\r\n                      QR Code\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n\r\n                {testMode ? (\r\n                  // Test mode payment option\r\n                  <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-blue-900/20' : 'bg-blue-50'}`}>\r\n                    <div className=\"flex items-center\">\r\n                      <div className=\"bg-blue-500 rounded-full p-2 mr-3\">\r\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M13 10V3L4 14h7v7l9-11h-7z\" />\r\n                        </svg>\r\n                      </div>\r\n                      <div>\r\n                        <h3 className={`font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n                          Test Mode Payment\r\n                        </h3>\r\n                        <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n                          Click \"Pay Now\" to simulate a successful payment\r\n                        </p>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                ) : paymentMethod === 'qrcode' ? (\r\n                  // QR Code payment option\r\n                  <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-blue-900/20' : 'bg-blue-50'}`}>\r\n                    <QRCode \r\n                      walletAddress={payment.walletAddress || '0x742d35Cc6634C0532925a3b844Bc454e4438f44e'} \r\n                      amount={payment.totalAmount || payment.amount}\r\n                      currency={selectedCurrency}\r\n                      theme={theme}\r\n                    />\r\n                  </div>\r\n                ) : isMetaMaskAvailable ? (\r\n                  // MetaMask available option\r\n                  <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-blue-900/20' : 'bg-blue-50'}`}>\r\n                    <div className=\"flex items-center\">\r\n                      <img \r\n                        src=\"https://metamask.io/images/metamask-fox.svg\" \r\n                        alt=\"MetaMask\" \r\n                        className=\"w-8 h-8 mr-2\"\r\n                      />\r\n                      <div>\r\n                        <h3 className={`font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n                          Pay with MetaMask\r\n                        </h3>\r\n                        <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n                          {walletConnected \r\n                            ? \"Your wallet is connected. Click 'Pay Now' to proceed.\" \r\n                            : \"Click 'Connect Wallet' to proceed with payment.\"\r\n                          }\r\n                        </p>\r\n                      </div>\r\n                    </div>\r\n                    {!walletConnected && (\r\n                      <button\r\n                        onClick={onConnectWallet}\r\n                        className={`mt-3 ${buttonPrimaryClasses}`}\r\n                      >\r\n                        Connect Wallet\r\n                      </button>\r\n                    )}\r\n                  </div>\r\n                ) : (\r\n                  // MetaMask not available warning\r\n                  <div className={`p-4 rounded-lg mb-4 ${theme === 'dark' ? 'bg-yellow-900/20' : 'bg-yellow-50'}`}>\r\n                    <div className=\"flex items-center\">\r\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6 text-yellow-500 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" />\r\n                      </svg>\r\n                      <div>\r\n                        <h3 className={`font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n                          MetaMask Not Detected\r\n                        </h3>\r\n                        <p className={`text-sm ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'}`}>\r\n                          Please install MetaMask extension to make payments\r\n                        </p>\r\n                      </div>\r\n                    </div>\r\n                    <a\r\n                      href=\"https://metamask.io/download/\"\r\n                      target=\"_blank\"\r\n                      rel=\"noopener noreferrer\"\r\n                      className={`block mt-3 text-center ${buttonPrimaryClasses}`}\r\n                    >\r\n                      Install MetaMask\r\n                    </a>\r\n                  </div>\r\n                )}\r\n\r\n                <div className=\"mt-6 grid grid-cols-2 gap-3\">\r\n                  <button\r\n                    type=\"button\"\r\n                    onClick={handleBack}\r\n                    className={buttonSecondaryClasses}\r\n                  >\r\n                    Back\r\n                  </button>\r\n                  <button\r\n                    type=\"button\"\r\n                    onClick={handlePaymentConfirm}\r\n                    className={buttonPrimaryClasses}\r\n                    disabled={!testMode && paymentMethod === 'wallet' && isMetaMaskAvailable && !walletConnected}\r\n                  >\r\n                    Pay Now\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            )}\r\n\r\n            {step === 'processing' && (\r\n              <PaymentStatus \r\n                status=\"processing\" \r\n                theme={theme}\r\n                message=\"Processing your payment...\"\r\n              />\r\n            )}\r\n\r\n            {step === 'success' && (\r\n              <div>\r\n                <PaymentStatus \r\n                  status=\"success\" \r\n                  theme={theme}\r\n                  message=\"Payment successful!\"\r\n                />\r\n                {transactionHash && (\r\n                  <div className={`mt-4 p-3 rounded-lg ${theme === 'dark' ? 'bg-gray-700' : 'bg-gray-100'}`}>\r\n                    <p className={`text-xs ${theme === 'dark' ? 'text-gray-300' : 'text-gray-600'} mb-1`}>\r\n                      Transaction Hash:\r\n                    </p>\r\n                    <p className={`text-sm font-mono break-all ${theme === 'dark' ? 'text-white' : 'text-gray-800'}`}>\r\n                      {formatTransactionHash(transactionHash)}\r\n                    </p>\r\n                    <a \r\n                      href={`https://etherscan.io/tx/${transactionHash}`}\r\n                      target=\"_blank\"\r\n                      rel=\"noopener noreferrer\"\r\n                      className={`text-xs ${theme === 'dark' ? 'text-blue-400' : 'text-blue-600'} mt-2 inline-block`}\r\n                    >\r\n                      View on Etherscan →\r\n                    </a>\r\n                  </div>\r\n                )}\r\n              </div>\r\n            )}\r\n\r\n            {step === 'error' && (\r\n              <div>\r\n                <PaymentStatus \r\n                  status=\"error\" \r\n                  theme={theme}\r\n                  message={error || \"An error occurred while processing your payment.\"}\r\n                />\r\n                <button\r\n                  type=\"button\"\r\n                  onClick={handleBack}\r\n                  className={`mt-4 ${buttonSecondaryClasses}`}\r\n                >\r\n                  Try Again\r\n                </button>\r\n              </div>\r\n            )}\r\n          </div>\r\n\r\n          {/* Footer */}\r\n          <div className={`text-center text-xs ${theme === 'dark' ? 'text-gray-400' : 'text-gray-500'}`}>\r\n            <p>Powered by Coinley - Secure Cryptocurrency Payments</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default CoinleyModal;","// // src/components/CoinleyCheckout.jsx - Production Version\r\n// import React, { forwardRef, useImperativeHandle, useState, useEffect } from 'react';\r\n// import { useCoinley } from '../context/CoinleyContext';\r\n// import { useTheme } from '../context/ThemeContext';\r\n// import CoinleyModal from './CoinleyModal';\r\n// import { createPayment, processPayment } from '../services/api';\r\n// import { isMetaMaskInstalled, connectWallet, sendTransaction } from '../services/web3';\r\n\r\n// const CoinleyCheckout = forwardRef(({ \r\n//   apiKey,\r\n//   apiSecret,\r\n//   apiUrl,\r\n//   customerEmail,\r\n//   merchantName = 'Merchant',\r\n//   onSuccess,\r\n//   onError,\r\n//   onClose,\r\n//   theme,\r\n//   autoOpen = false,\r\n//   debug = false,\r\n//   testMode = false // Add testMode flag for development\r\n// }, ref) => {\r\n//   const coinleyContext = useCoinley();\r\n//   const { theme: contextTheme } = useTheme();\r\n  \r\n//   const [isOpen, setIsOpen] = useState(autoOpen);\r\n//   const [payment, setPayment] = useState(null);\r\n//   const [paymentStatus, setPaymentStatus] = useState('idle'); // idle, loading, success, error\r\n//   const [selectedCurrency, setSelectedCurrency] = useState('USDT');\r\n//   const [error, setError] = useState(null);\r\n//   const [transactionHash, setTransactionHash] = useState(null);\r\n//   const [walletConnected, setWalletConnected] = useState(false);\r\n  \r\n//   // Use the component props or fallback to context values\r\n//   const effectiveApiKey = apiKey || coinleyContext?.apiKey;\r\n//   const effectiveApiSecret = apiSecret || coinleyContext?.apiSecret;\r\n//   const effectiveApiUrl = apiUrl || coinleyContext?.apiUrl;\r\n//   const effectiveTheme = theme || contextTheme;\r\n//   const effectiveDebug = debug || coinleyContext?.debug;\r\n\r\n//   useImperativeHandle(ref, () => ({\r\n//     open: (paymentDetails) => {\r\n//       handleOpen(paymentDetails);\r\n//     },\r\n//     close: () => {\r\n//       handleClose();\r\n//     },\r\n//     getPayment: () => payment\r\n//   }));\r\n\r\n//   const log = (message, data) => {\r\n//     if (effectiveDebug) {\r\n//       console.log(`[Coinley SDK] ${message}`, data);\r\n//     }\r\n//   };\r\n\r\n//   // Check MetaMask connection on mount\r\n//   useEffect(() => {\r\n//     const checkWalletConnection = async () => {\r\n//       if (isMetaMaskInstalled()) {\r\n//         try {\r\n//           const accounts = await window.ethereum.request({ method: 'eth_accounts' });\r\n//           setWalletConnected(accounts && accounts.length > 0);\r\n//         } catch (err) {\r\n//           log('Error checking wallet connection:', err);\r\n//           setWalletConnected(false);\r\n//         }\r\n//       } else {\r\n//         setWalletConnected(false);\r\n//       }\r\n//     };\r\n\r\n//     checkWalletConnection();\r\n//   }, []);\r\n\r\n//   // Handle MetaMask account changes\r\n//   useEffect(() => {\r\n//     const handleAccountsChanged = (accounts) => {\r\n//       setWalletConnected(accounts.length > 0);\r\n//     };\r\n\r\n//     if (window.ethereum) {\r\n//       window.ethereum.on('accountsChanged', handleAccountsChanged);\r\n//     }\r\n\r\n//     return () => {\r\n//       if (window.ethereum) {\r\n//         window.ethereum.removeListener('accountsChanged', handleAccountsChanged);\r\n//       }\r\n//     };\r\n//   }, []);\r\n\r\n//   const handleOpen = async (paymentDetails) => {\r\n//     if (!paymentDetails || !paymentDetails.amount) {\r\n//       setError('Payment amount is required');\r\n//       if (onError) onError(new Error('Payment amount is required'));\r\n//       return;\r\n//     }\r\n\r\n//     setPaymentStatus('loading');\r\n//     setIsOpen(true);\r\n\r\n//     try {\r\n//       log('Creating payment with details:', paymentDetails);\r\n      \r\n//       // Create a payment on the Coinley backend\r\n//       const paymentResponse = await createPayment({\r\n//         amount: paymentDetails.amount,\r\n//         currency: paymentDetails.currency || 'USDT',\r\n//         customerEmail: paymentDetails.customerEmail || customerEmail,\r\n//         callbackUrl: paymentDetails.callbackUrl,\r\n//         metadata: paymentDetails.metadata || {}\r\n//       });\r\n\r\n//       log('Payment created:', paymentResponse);\r\n      \r\n//       setPayment(paymentResponse.payment);\r\n//       setPaymentStatus('idle');\r\n//       setError(null);\r\n//     } catch (err) {\r\n//       log('Error creating payment:', err);\r\n//       setError(err.message || 'Failed to create payment');\r\n//       setPaymentStatus('error');\r\n//       if (onError) onError(err);\r\n//     }\r\n//   };\r\n\r\n//   const handleClose = () => {\r\n//     setIsOpen(false);\r\n//     setTransactionHash(null);\r\n//     if (onClose) onClose();\r\n//   };\r\n\r\n//   const handlePaymentMethodSelect = (currency) => {\r\n//     log('Currency selected:', currency);\r\n//     setSelectedCurrency(currency);\r\n//   };\r\n\r\n//   const connectToWallet = async () => {\r\n//     if (!isMetaMaskInstalled()) {\r\n//       setError('MetaMask is not installed. Please install MetaMask to make payments.');\r\n//       return false;\r\n//     }\r\n\r\n//     try {\r\n//       const accounts = await connectWallet();\r\n//       setWalletConnected(accounts.length > 0);\r\n//       return accounts.length > 0;\r\n//     } catch (err) {\r\n//       log('Error connecting to wallet:', err);\r\n//       setError(err.message || 'Failed to connect to wallet');\r\n//       return false;\r\n//     }\r\n//   };\r\n\r\n//   const handlePayment = async () => {\r\n//     if (!payment) {\r\n//       setError('No active payment to process');\r\n//       return;\r\n//     }\r\n\r\n//     log('Starting payment process...');\r\n//     setPaymentStatus('loading');\r\n//     setTransactionHash(null);\r\n\r\n//     try {\r\n//       log('Processing payment:', { paymentId: payment.id, currency: selectedCurrency });\r\n      \r\n//       let txHash;\r\n\r\n//       // Check if we're in test mode or need a real wallet transaction\r\n//       if (testMode) {\r\n//         // Simulate transaction for testing\r\n//         log('Test mode: Generating mock transaction...');\r\n//         txHash = `0x${Array.from({length: 64}, () => \r\n//           Math.floor(Math.random() * 16).toString(16)).join('')}`;\r\n//       } else {\r\n//         // Real payment flow\r\n//         // 1. Ensure wallet is connected\r\n//         if (!walletConnected) {\r\n//           const connected = await connectToWallet();\r\n//           if (!connected) {\r\n//             throw new Error('Please connect your wallet to proceed with payment');\r\n//           }\r\n//         }\r\n\r\n//         // 2. Get merchant address from payment\r\n//         const merchantAddress = payment.merchantAddress || '0x742d35Cc6634C0532925a3b844Bc454e4438f44e'; // Fallback for testing\r\n        \r\n//         // 3. Create transaction parameters\r\n//         const txParams = {\r\n//           from: await window.ethereum.request({ method: 'eth_requestAccounts' }).then(accounts => accounts[0]),\r\n//           to: merchantAddress,\r\n//           value: '0x0', // For ERC-20 tokens, value is 0\r\n//           data: '0x', // Would include token transfer data for ERC-20\r\n//         };\r\n\r\n//         // 4. Send transaction through MetaMask\r\n//         log('Sending transaction to wallet for approval...');\r\n//         txHash = await sendTransaction(txParams);\r\n//       }\r\n\r\n//       log('Transaction hash:', txHash);\r\n//       setTransactionHash(txHash);\r\n\r\n//       // Process the payment on the Coinley backend\r\n//       log('Sending process payment request to API...');\r\n//       const processResponse = await processPayment({\r\n//         paymentId: payment.id,\r\n//         transactionHash: txHash,\r\n//         network: 'ethereum' // Or determine based on selected currency\r\n//       });\r\n\r\n//       log('Payment processed successfully:', processResponse);\r\n\r\n//       setPaymentStatus('success');\r\n      \r\n//       // Call the onSuccess callback with transaction details\r\n//       if (onSuccess) {\r\n//         log('Calling onSuccess callback...');\r\n//         onSuccess(payment.id, txHash);\r\n//       }\r\n\r\n//       // Close the modal after a delay if auto-close is desired\r\n//       // setTimeout(() => {\r\n//       //   log('Auto-closing modal after success...');\r\n//       //   handleClose();\r\n//       // }, 5000);\r\n\r\n//     } catch (err) {\r\n//       log('Payment error:', err);\r\n//       setError(err.message || 'Failed to process payment');\r\n//       setPaymentStatus('error');\r\n//       if (onError) onError(err);\r\n//     }\r\n//   };\r\n\r\n//   // Open modal if autoOpen is true and we have a payment\r\n//   useEffect(() => {\r\n//     if (autoOpen && payment) {\r\n//       setIsOpen(true);\r\n//     }\r\n//   }, [autoOpen, payment]);\r\n\r\n//   return (\r\n//     <>\r\n//       {isOpen && (\r\n//         <CoinleyModal\r\n//           isOpen={isOpen}\r\n//           onClose={handleClose}\r\n//           payment={payment}\r\n//           paymentStatus={paymentStatus}\r\n//           selectedCurrency={selectedCurrency}\r\n//           onCurrencySelect={handlePaymentMethodSelect}\r\n//           onPayment={handlePayment}\r\n//           error={error}\r\n//           theme={effectiveTheme}\r\n//           merchantName={merchantName}\r\n//           transactionHash={transactionHash}\r\n//           walletConnected={walletConnected}\r\n//           onConnectWallet={connectToWallet}\r\n//           testMode={testMode}\r\n//         />\r\n//       )}\r\n//     </>\r\n//   );\r\n// });\r\n\r\n// CoinleyCheckout.displayName = 'CoinleyCheckout';\r\n\r\n// export default CoinleyCheckout;\r\n\r\n\r\n\r\n\r\n\r\n// src/components/CoinleyCheckout.jsx\r\nimport React, { forwardRef, useImperativeHandle, useState, useEffect } from 'react';\r\nimport { useCoinley } from '../context/CoinleyContext';\r\nimport { useTheme } from '../context/ThemeContext';\r\nimport CoinleyModal from './CoinleyModal';\r\nimport { createPayment, processPayment } from '../services/api';\r\nimport { isMetaMaskInstalled, connectWallet, sendTransaction } from '../services/web3';\r\n\r\n/**\r\n * Main Coinley checkout component - exposed as a forwardRef\r\n */\r\nconst CoinleyCheckout = forwardRef(({ \r\n  apiKey,\r\n  apiSecret,\r\n  apiUrl,\r\n  customerEmail,\r\n  merchantName = 'Merchant',\r\n  onSuccess,\r\n  onError,\r\n  onClose,\r\n  theme,\r\n  autoOpen = false,\r\n  debug = false,\r\n  testMode = false\r\n}, ref) => {\r\n  // Context\r\n  const coinleyContext = useCoinley();\r\n  const { theme: contextTheme } = useTheme();\r\n  \r\n  // State\r\n  const [isOpen, setIsOpen] = useState(autoOpen);\r\n  const [payment, setPayment] = useState(null);\r\n  const [paymentStatus, setPaymentStatus] = useState('idle');\r\n  const [selectedCurrency, setSelectedCurrency] = useState('USDT');\r\n  const [error, setError] = useState(null);\r\n  const [transactionHash, setTransactionHash] = useState(null);\r\n  const [walletConnected, setWalletConnected] = useState(false);\r\n  \r\n  // Use the component props or fallback to context values\r\n  const effectiveApiKey = apiKey || coinleyContext?.apiKey;\r\n  const effectiveApiSecret = apiSecret || coinleyContext?.apiSecret;\r\n  const effectiveApiUrl = apiUrl || coinleyContext?.apiUrl;\r\n  const effectiveTheme = theme || contextTheme;\r\n  const effectiveDebug = debug || coinleyContext?.debug;\r\n\r\n  // Expose methods via ref\r\n  useImperativeHandle(ref, () => ({\r\n    open: (paymentDetails) => {\r\n      handleOpen(paymentDetails);\r\n    },\r\n    close: () => {\r\n      handleClose();\r\n    },\r\n    getPayment: () => payment\r\n  }));\r\n\r\n  // Debug logging helper\r\n  const log = (message, data) => {\r\n    if (effectiveDebug) {\r\n      console.log(`[Coinley SDK] ${message}`, data);\r\n    }\r\n  };\r\n\r\n  // Check MetaMask connection on mount\r\n  useEffect(() => {\r\n    if (typeof window !== 'undefined') {\r\n      const checkWalletConnection = async () => {\r\n        if (isMetaMaskInstalled()) {\r\n          try {\r\n            const accounts = await window.ethereum.request({ method: 'eth_accounts' });\r\n            setWalletConnected(accounts && accounts.length > 0);\r\n          } catch (err) {\r\n            log('Error checking wallet connection:', err);\r\n            setWalletConnected(false);\r\n          }\r\n        } else {\r\n          setWalletConnected(false);\r\n        }\r\n      };\r\n  \r\n      checkWalletConnection();\r\n    }\r\n  }, [effectiveDebug]);\r\n\r\n  // Handle MetaMask account changes\r\n  useEffect(() => {\r\n    if (typeof window !== 'undefined' && window.ethereum) {\r\n      const handleAccountsChanged = (accounts) => {\r\n        setWalletConnected(accounts.length > 0);\r\n      };\r\n\r\n      window.ethereum.on('accountsChanged', handleAccountsChanged);\r\n\r\n      return () => {\r\n        window.ethereum.removeListener('accountsChanged', handleAccountsChanged);\r\n      };\r\n    }\r\n    \r\n    return () => {}; // Empty cleanup for non-browser environments\r\n  }, []);\r\n\r\n  // Handle opening the payment modal\r\n  const handleOpen = async (paymentDetails) => {\r\n    if (!paymentDetails || !paymentDetails.amount) {\r\n      setError('Payment amount is required');\r\n      if (onError) onError(new Error('Payment amount is required'));\r\n      return;\r\n    }\r\n\r\n    setPaymentStatus('loading');\r\n    setIsOpen(true);\r\n\r\n    try {\r\n      log('Creating payment with details:', paymentDetails);\r\n      \r\n      // Create a payment on the Coinley backend\r\n      const paymentResponse = await createPayment({\r\n        amount: paymentDetails.amount,\r\n        currency: paymentDetails.currency || 'USDT',\r\n        customerEmail: paymentDetails.customerEmail || customerEmail,\r\n        callbackUrl: paymentDetails.callbackUrl,\r\n        metadata: paymentDetails.metadata || {}\r\n      });\r\n\r\n      log('Payment created:', paymentResponse);\r\n      \r\n      setPayment(paymentResponse.payment);\r\n      setPaymentStatus('idle');\r\n      setError(null);\r\n      \r\n      log('Payment created and state updated:', {\r\n        payment: paymentResponse.payment,\r\n        status: 'idle'\r\n      });\r\n    } catch (err) {\r\n      log('Error creating payment:', err);\r\n      setError(err.message || 'Failed to create payment');\r\n      setPaymentStatus('error');\r\n      if (onError) onError(err);\r\n    }\r\n  };\r\n\r\n  // Handle closing the modal\r\n  const handleClose = () => {\r\n    setIsOpen(false);\r\n    setTransactionHash(null);\r\n    if (onClose) onClose();\r\n  };\r\n\r\n  // Handle currency selection\r\n  const handlePaymentMethodSelect = (currency) => {\r\n    log('Currency selected:', currency);\r\n    setSelectedCurrency(currency);\r\n  };\r\n\r\n  // Handle wallet connection\r\n  const connectToWallet = async () => {\r\n    if (!isMetaMaskInstalled()) {\r\n      setError('MetaMask is not installed. Please install MetaMask to make payments.');\r\n      return false;\r\n    }\r\n\r\n    try {\r\n      const accounts = await connectWallet();\r\n      setWalletConnected(accounts.length > 0);\r\n      return accounts.length > 0;\r\n    } catch (err) {\r\n      log('Error connecting to wallet:', err);\r\n      setError(err.message || 'Failed to connect to wallet');\r\n      return false;\r\n    }\r\n  };\r\n\r\n  // Handle payment submission\r\n  const handlePayment = async (isQrCodeMode = false) => {\r\n    if (!payment) {\r\n      setError('No active payment to process');\r\n      return;\r\n    }\r\n\r\n    log('Starting payment process...', { isQrCodeMode });\r\n    setPaymentStatus('loading');\r\n    setTransactionHash(null);\r\n\r\n    try {\r\n      log('Processing payment:', { paymentId: payment.id, currency: selectedCurrency, isQrCodeMode });\r\n      \r\n      let txHash;\r\n\r\n      // Different payment flows based on mode\r\n      if (testMode) {\r\n        // Test mode: Just generate a mock hash\r\n        log('Test mode: Generating mock transaction...');\r\n        txHash = `0x${Array.from({length: 64}, () => \r\n          Math.floor(Math.random() * 16).toString(16)).join('')}`;\r\n      } else if (isQrCodeMode) {\r\n        // QR code mode: User manually confirms payment\r\n        log('QR code payment: User confirms payment was sent');\r\n        txHash = `qrcode_${Date.now().toString(16)}_${Math.random().toString(16).substring(2, 10)}`;\r\n      } else {\r\n        // Wallet payment flow\r\n        if (!walletConnected) {\r\n          const connected = await connectToWallet();\r\n          if (!connected) {\r\n            throw new Error('Please connect your wallet to proceed with payment');\r\n          }\r\n        }\r\n\r\n        // Get merchant address from payment or use fallback\r\n        const merchantAddress = payment.walletAddress || '0x742d35Cc6634C0532925a3b844Bc454e4438f44e';\r\n        \r\n        // Create transaction parameters\r\n        const txParams = {\r\n          from: await window.ethereum.request({ method: 'eth_requestAccounts' }).then(accounts => accounts[0]),\r\n          to: merchantAddress,\r\n          value: '0x0', // For ERC-20 tokens, value is 0\r\n          data: '0x', // Would include token transfer data for ERC-20\r\n        };\r\n\r\n        // Send transaction through MetaMask\r\n        log('Sending transaction to wallet for approval...');\r\n        txHash = await sendTransaction(txParams);\r\n      }\r\n\r\n      log('Transaction hash:', txHash);\r\n      setTransactionHash(txHash);\r\n\r\n      // Process the payment on the Coinley backend\r\n      log('Sending process payment request to API...');\r\n      const processResponse = await processPayment({\r\n        paymentId: payment.id,\r\n        transactionHash: txHash,\r\n        network: selectedCurrency === 'SOL' || selectedCurrency === 'USDC_SOL' ? 'solana' : 'ethereum'\r\n      });\r\n\r\n      log('Payment processed successfully:', processResponse);\r\n\r\n      setPaymentStatus('success');\r\n      \r\n      // Call the onSuccess callback with transaction details\r\n      if (onSuccess) {\r\n        log('Calling onSuccess callback...');\r\n        onSuccess(payment.id, txHash);\r\n      }\r\n\r\n    } catch (err) {\r\n      log('Payment error:', err);\r\n      setError(err.message || 'Failed to process payment');\r\n      setPaymentStatus('error');\r\n      if (onError) onError(err);\r\n    }\r\n  };\r\n\r\n  // Auto-open modal if specified\r\n  useEffect(() => {\r\n    if (autoOpen && payment) {\r\n      setIsOpen(true);\r\n    }\r\n  }, [autoOpen, payment]);\r\n\r\n  return (\r\n    <>\r\n      {isOpen && (\r\n        <CoinleyModal\r\n          isOpen={isOpen}\r\n          onClose={handleClose}\r\n          payment={payment}\r\n          paymentStatus={paymentStatus}\r\n          selectedCurrency={selectedCurrency}\r\n          onCurrencySelect={handlePaymentMethodSelect}\r\n          onPayment={handlePayment}\r\n          error={error}\r\n          theme={effectiveTheme}\r\n          merchantName={merchantName}\r\n          transactionHash={transactionHash}\r\n          walletConnected={walletConnected}\r\n          onConnectWallet={connectToWallet}\r\n          testMode={testMode}\r\n        />\r\n      )}\r\n    </>\r\n  );\r\n});\r\n\r\n// Add display name for better debugging\r\nCoinleyCheckout.displayName = 'CoinleyCheckout';\r\n\r\nexport default CoinleyCheckout;","// // src/index.js - Production Version\r\n// import { ThemeProvider } from './context/ThemeContext';\r\n// import { CoinleyProvider } from './context/CoinleyContext';\r\n// import CoinleyCheckout from './components/CoinleyCheckout';\r\n// import CoinleyModal from './components/CoinleyModal';\r\n// import './styles.css';\r\n\r\n// // Export primary components\r\n// export {\r\n//   ThemeProvider,\r\n//   CoinleyProvider,\r\n//   CoinleyCheckout,\r\n//   CoinleyModal\r\n// };\r\n\r\n// // Export API utilities\r\n// export {\r\n//   createPayment,\r\n//   getPayment,\r\n//   processPayment,\r\n//   getMerchantPayments,\r\n//   getMerchantPaymentStats,\r\n//   getSupportedCurrencies\r\n// } from './services/api';\r\n\r\n// // Export Web3 utilities\r\n// export {\r\n//   isMetaMaskInstalled,\r\n//   connectWallet,\r\n//   getAccounts,\r\n//   getChainId,\r\n//   sendTransaction,\r\n//   sendToken,\r\n//   isWalletConnected,\r\n//   getNetworkName,\r\n//   getTokenBalance,\r\n//   TOKEN_ADDRESSES\r\n// } from './services/web3';\r\n\r\n// // Default configuration\r\n// export const DEFAULT_CONFIG = {\r\n//   apiUrl: 'https://coinleyserver-production.up.railway.app\"',\r\n//   debug: false,\r\n//   testMode: false,\r\n//   theme: 'light'\r\n// };\r\n\r\n// // Version info\r\n// export const VERSION = '1.0.0';\r\n\r\n\r\n\r\n// src/index.js\r\n// First import styles to ensure they're included\r\nimport './styles.css';\r\n\r\n// Import context providers\r\nimport { ThemeProvider } from './context/ThemeContext';\r\nimport { CoinleyProvider } from './context/CoinleyContext';\r\n\r\n// Import components individually to avoid circular dependencies\r\nimport QRCode from './components/QRCode';\r\nimport PaymentStatus from './components/PaymentStatus';\r\nimport PaymentMethods from './components/PaymentMethods';\r\nimport CoinleyModal from './components/CoinleyModal';\r\nimport CoinleyCheckout from './components/CoinleyCheckout';\r\n\r\n// Import API utilities\r\nimport {\r\n  createPayment,\r\n  getPayment,\r\n  processPayment,\r\n  getMerchantPayments,\r\n  getMerchantPaymentStats,\r\n  getSupportedCurrencies\r\n} from './services/api';\r\n\r\n// Import Web3 utilities\r\nimport {\r\n  isMetaMaskInstalled,\r\n  connectWallet,\r\n  getAccounts,\r\n  getChainId,\r\n  sendTransaction,\r\n  sendToken,\r\n  isWalletConnected,\r\n  getNetworkName,\r\n  getTokenBalance,\r\n  TOKEN_ADDRESSES\r\n} from './services/web3';\r\n\r\n// Export public components and utilities\r\nexport {\r\n  // Providers\r\n  ThemeProvider,\r\n  CoinleyProvider,\r\n  \r\n  // Main components\r\n  CoinleyCheckout,\r\n  CoinleyModal,\r\n  \r\n  // UI components\r\n  QRCode,\r\n  PaymentStatus,\r\n  PaymentMethods,\r\n  \r\n  // API utilities\r\n  createPayment,\r\n  getPayment,\r\n  processPayment,\r\n  getMerchantPayments,\r\n  getMerchantPaymentStats,\r\n  getSupportedCurrencies,\r\n  \r\n  // Web3 utilities\r\n  isMetaMaskInstalled,\r\n  connectWallet,\r\n  getAccounts,\r\n  getChainId,\r\n  sendTransaction,\r\n  sendToken,\r\n  isWalletConnected,\r\n  getNetworkName,\r\n  getTokenBalance,\r\n  TOKEN_ADDRESSES\r\n};\r\n\r\n// Default configuration\r\nexport const DEFAULT_CONFIG = {\r\n  apiUrl: 'https://coinleyserver-production.up.railway.app',\r\n  debug: false,\r\n  testMode: false,\r\n  theme: 'light'\r\n};\r\n\r\n// Version info\r\nexport const VERSION = '1.0.6'; // Update version to reflect QR code feature addition"],"names":["ReactDebugCurrentFrame","self","jsxRuntimeModule","require$$0","require$$1","createContext","useContext","useState","useEffect","jsx","jsxs","forwardRef","useImperativeHandle"],"mappings":"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","x_google_ignoreList":[0,1,2]}