react-sdk-feexpay 1.0.0

package/dist/index.mjs

@@ -0,0 +1,1371 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// #style-inject:#style-inject
+function styleInject(css, { insertAt } = {}) {
+  if (!css || typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+// src/index.css
+styleInject('*,\n::before,\n::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n  --tw-contain-size: ;\n  --tw-contain-layout: ;\n  --tw-contain-paint: ;\n  --tw-contain-style: ;\n}\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x: ;\n  --tw-pan-y: ;\n  --tw-pinch-zoom: ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position: ;\n  --tw-gradient-via-position: ;\n  --tw-gradient-to-position: ;\n  --tw-ordinal: ;\n  --tw-slashed-zero: ;\n  --tw-numeric-figure: ;\n  --tw-numeric-spacing: ;\n  --tw-numeric-fraction: ;\n  --tw-ring-inset: ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur: ;\n  --tw-brightness: ;\n  --tw-contrast: ;\n  --tw-grayscale: ;\n  --tw-hue-rotate: ;\n  --tw-invert: ;\n  --tw-saturate: ;\n  --tw-sepia: ;\n  --tw-drop-shadow: ;\n  --tw-backdrop-blur: ;\n  --tw-backdrop-brightness: ;\n  --tw-backdrop-contrast: ;\n  --tw-backdrop-grayscale: ;\n  --tw-backdrop-hue-rotate: ;\n  --tw-backdrop-invert: ;\n  --tw-backdrop-opacity: ;\n  --tw-backdrop-saturate: ;\n  --tw-backdrop-sepia: ;\n  --tw-contain-size: ;\n  --tw-contain-layout: ;\n  --tw-contain-paint: ;\n  --tw-contain-style: ;\n}\n*,\n::before,\n::after {\n  box-sizing: border-box;\n  border-width: 0;\n  border-style: solid;\n  border-color: #e5e7eb;\n}\n::before,\n::after {\n  --tw-content: "";\n}\nhtml,\n:host {\n  line-height: 1.5;\n  -webkit-text-size-adjust: 100%;\n  -moz-tab-size: 4;\n  -o-tab-size: 4;\n  tab-size: 4;\n  font-family:\n    ui-sans-serif,\n    system-ui,\n    sans-serif,\n    "Apple Color Emoji",\n    "Segoe UI Emoji",\n    "Segoe UI Symbol",\n    "Noto Color Emoji";\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  -webkit-tap-highlight-color: transparent;\n}\nbody {\n  margin: 0;\n  line-height: inherit;\n}\nhr {\n  height: 0;\n  color: inherit;\n  border-top-width: 1px;\n}\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n  text-decoration: underline dotted;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\na {\n  color: inherit;\n  text-decoration: inherit;\n}\nb,\nstrong {\n  font-weight: bolder;\n}\ncode,\nkbd,\nsamp,\npre {\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    Menlo,\n    Monaco,\n    Consolas,\n    "Liberation Mono",\n    "Courier New",\n    monospace;\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n  font-size: 1em;\n}\nsmall {\n  font-size: 80%;\n}\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\ntable {\n  text-indent: 0;\n  border-color: inherit;\n  border-collapse: collapse;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  font-feature-settings: inherit;\n  font-variation-settings: inherit;\n  font-size: 100%;\n  font-weight: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  color: inherit;\n  margin: 0;\n  padding: 0;\n}\nbutton,\nselect {\n  text-transform: none;\n}\nbutton,\ninput:where([type=button]),\ninput:where([type=reset]),\ninput:where([type=submit]) {\n  -webkit-appearance: button;\n  background-color: transparent;\n  background-image: none;\n}\n:-moz-focusring {\n  outline: auto;\n}\n:-moz-ui-invalid {\n  box-shadow: none;\n}\nprogress {\n  vertical-align: baseline;\n}\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\nsummary {\n  display: list-item;\n}\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\nfieldset {\n  margin: 0;\n  padding: 0;\n}\nlegend {\n  padding: 0;\n}\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\ndialog {\n  padding: 0;\n}\ntextarea {\n  resize: vertical;\n}\ninput::-moz-placeholder,\ntextarea::-moz-placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\nbutton,\n[role=button] {\n  cursor: pointer;\n}\n:disabled {\n  cursor: default;\n}\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block;\n  vertical-align: middle;\n}\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n[hidden]:where(:not([hidden=until-found])) {\n  display: none;\n}\n.\\!container {\n  width: 100% !important;\n}\n.container {\n  width: 100%;\n}\n@media (min-width: 640px) {\n  .\\!container {\n    max-width: 640px !important;\n  }\n  .container {\n    max-width: 640px;\n  }\n}\n@media (min-width: 768px) {\n  .\\!container {\n    max-width: 768px !important;\n  }\n  .container {\n    max-width: 768px;\n  }\n}\n@media (min-width: 1024px) {\n  .\\!container {\n    max-width: 1024px !important;\n  }\n  .container {\n    max-width: 1024px;\n  }\n}\n@media (min-width: 1280px) {\n  .\\!container {\n    max-width: 1280px !important;\n  }\n  .container {\n    max-width: 1280px;\n  }\n}\n@media (min-width: 1536px) {\n  .\\!container {\n    max-width: 1536px !important;\n  }\n  .container {\n    max-width: 1536px;\n  }\n}\n.pointer-events-none {\n  pointer-events: none;\n}\n.visible {\n  visibility: visible;\n}\n.fixed {\n  position: fixed;\n}\n.absolute {\n  position: absolute;\n}\n.relative {\n  position: relative;\n}\n.inset-0 {\n  inset: 0px;\n}\n.inset-y-0 {\n  top: 0px;\n  bottom: 0px;\n}\n.right-0 {\n  right: 0px;\n}\n.right-2 {\n  right: 0.5rem;\n}\n.top-2 {\n  top: 0.5rem;\n}\n.z-10 {\n  z-index: 10;\n}\n.z-20 {\n  z-index: 20;\n}\n.z-50 {\n  z-index: 50;\n}\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n.-ml-1 {\n  margin-left: -0.25rem;\n}\n.mb-1 {\n  margin-bottom: 0.25rem;\n}\n.mb-2 {\n  margin-bottom: 0.5rem;\n}\n.mb-4 {\n  margin-bottom: 1rem;\n}\n.mb-5 {\n  margin-bottom: 1.25rem;\n}\n.mb-6 {\n  margin-bottom: 1.5rem;\n}\n.mr-2 {\n  margin-right: 0.5rem;\n}\n.mt-2 {\n  margin-top: 0.5rem;\n}\n.mt-6 {\n  margin-top: 1.5rem;\n}\n.block {\n  display: block;\n}\n.flex {\n  display: flex;\n}\n.inline-flex {\n  display: inline-flex;\n}\n.grid {\n  display: grid;\n}\n.\\!hidden {\n  display: none !important;\n}\n.hidden {\n  display: none;\n}\n.h-1\\.5 {\n  height: 0.375rem;\n}\n.h-11 {\n  height: 2.75rem;\n}\n.h-20 {\n  height: 5rem;\n}\n.h-4 {\n  height: 1rem;\n}\n.h-5 {\n  height: 1.25rem;\n}\n.h-6 {\n  height: 1.5rem;\n}\n.h-8 {\n  height: 2rem;\n}\n.h-full {\n  height: 100%;\n}\n.max-h-\\[90vh\\] {\n  max-height: 90vh;\n}\n.w-1\\/3 {\n  width: 33.333333%;\n}\n.w-11 {\n  width: 2.75rem;\n}\n.w-2\\/3 {\n  width: 66.666667%;\n}\n.w-20 {\n  width: 5rem;\n}\n.w-4 {\n  width: 1rem;\n}\n.w-5 {\n  width: 1.25rem;\n}\n.w-6 {\n  width: 1.5rem;\n}\n.w-8 {\n  width: 2rem;\n}\n.w-full {\n  width: 100%;\n}\n.max-w-\\[120px\\] {\n  max-width: 120px;\n}\n.max-w-md {\n  max-width: 28rem;\n}\n.max-w-sm {\n  max-width: 24rem;\n}\n.flex-1 {\n  flex: 1 1 0%;\n}\n.flex-shrink-0 {\n  flex-shrink: 0;\n}\n.flex-grow {\n  flex-grow: 1;\n}\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.animate-spin {\n  animation: spin 1s linear infinite;\n}\n.cursor-not-allowed {\n  cursor: not-allowed;\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n.appearance-none {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n.grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.flex-col {\n  flex-direction: column;\n}\n.items-center {\n  align-items: center;\n}\n.justify-center {\n  justify-content: center;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.gap-2 {\n  gap: 0.5rem;\n}\n.gap-4 {\n  gap: 1rem;\n}\n.space-x-2 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n.space-y-6 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));\n}\n.overflow-hidden {\n  overflow: hidden;\n}\n.overflow-y-auto {\n  overflow-y: auto;\n}\n.rounded {\n  border-radius: 0.25rem;\n}\n.rounded-2xl {\n  border-radius: 1rem;\n}\n.rounded-full {\n  border-radius: 9999px;\n}\n.rounded-lg {\n  border-radius: 0.5rem;\n}\n.rounded-md {\n  border-radius: 0.375rem;\n}\n.rounded-xl {\n  border-radius: 0.75rem;\n}\n.rounded-l-md {\n  border-top-left-radius: 0.375rem;\n  border-bottom-left-radius: 0.375rem;\n}\n.rounded-r-md {\n  border-top-right-radius: 0.375rem;\n  border-bottom-right-radius: 0.375rem;\n}\n.border {\n  border-width: 1px;\n}\n.border-0 {\n  border-width: 0px;\n}\n.border-b {\n  border-bottom-width: 1px;\n}\n.border-r-0 {\n  border-right-width: 0px;\n}\n.border-\\[\\#D45D00\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(212 93 0 / var(--tw-border-opacity, 1));\n}\n.border-gray-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));\n}\n.border-gray-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));\n}\n.bg-\\[\\#fff7ed\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));\n}\n.bg-black {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));\n}\n.bg-blue-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));\n}\n.bg-gray-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\n.bg-gray-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));\n}\n.bg-gray-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));\n}\n.bg-gray-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));\n}\n.bg-gray-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));\n}\n.bg-gray-800 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));\n}\n.bg-green-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));\n}\n.bg-green-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));\n}\n.bg-green-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));\n}\n.bg-orange-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));\n}\n.bg-orange-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1));\n}\n.bg-primary-orange {\n  --tw-bg-opacity: 1;\n  background-color: rgb(212 93 0 / var(--tw-bg-opacity, 1));\n}\n.bg-red-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));\n}\n.bg-red-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));\n}\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n.bg-opacity-50 {\n  --tw-bg-opacity: 0.5;\n}\n.p-1 {\n  padding: 0.25rem;\n}\n.p-2 {\n  padding: 0.5rem;\n}\n.p-4 {\n  padding: 1rem;\n}\n.p-6 {\n  padding: 1.5rem;\n}\n.px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.pb-4 {\n  padding-bottom: 1rem;\n}\n.pr-8 {\n  padding-right: 2rem;\n}\n.pt-2 {\n  padding-top: 0.5rem;\n}\n.text-center {\n  text-align: center;\n}\n.text-right {\n  text-align: right;\n}\n.text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n}\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n.text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.font-bold {\n  font-weight: 700;\n}\n.font-medium {\n  font-weight: 500;\n}\n.font-semibold {\n  font-weight: 600;\n}\n.text-blue-900 {\n  --tw-text-opacity: 1;\n  color: rgb(30 58 138 / var(--tw-text-opacity, 1));\n}\n.text-gray-400 {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.text-gray-500 {\n  --tw-text-opacity: 1;\n  color: rgb(107 114 128 / var(--tw-text-opacity, 1));\n}\n.text-gray-600 {\n  --tw-text-opacity: 1;\n  color: rgb(75 85 99 / var(--tw-text-opacity, 1));\n}\n.text-gray-700 {\n  --tw-text-opacity: 1;\n  color: rgb(55 65 81 / var(--tw-text-opacity, 1));\n}\n.text-gray-800 {\n  --tw-text-opacity: 1;\n  color: rgb(31 41 55 / var(--tw-text-opacity, 1));\n}\n.text-gray-900 {\n  --tw-text-opacity: 1;\n  color: rgb(17 24 39 / var(--tw-text-opacity, 1));\n}\n.text-green-500 {\n  --tw-text-opacity: 1;\n  color: rgb(34 197 94 / var(--tw-text-opacity, 1));\n}\n.text-orange-500 {\n  --tw-text-opacity: 1;\n  color: rgb(249 115 22 / var(--tw-text-opacity, 1));\n}\n.text-primary-blue {\n  --tw-text-opacity: 1;\n  color: rgb(17 44 86 / var(--tw-text-opacity, 1));\n}\n.text-primary-orange {\n  --tw-text-opacity: 1;\n  color: rgb(212 93 0 / var(--tw-text-opacity, 1));\n}\n.text-red-500 {\n  --tw-text-opacity: 1;\n  color: rgb(239 68 68 / var(--tw-text-opacity, 1));\n}\n.text-red-600 {\n  --tw-text-opacity: 1;\n  color: rgb(220 38 38 / var(--tw-text-opacity, 1));\n}\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n.underline {\n  text-decoration-line: underline;\n}\n.opacity-25 {\n  opacity: 0.25;\n}\n.opacity-70 {\n  opacity: 0.7;\n}\n.opacity-75 {\n  opacity: 0.75;\n}\n.shadow-2xl {\n  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.shadow-xl {\n  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000),\n    var(--tw-shadow);\n}\n.outline {\n  outline-style: solid;\n}\n.transition {\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke,\n    opacity,\n    box-shadow,\n    transform,\n    filter,\n    backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-colors {\n  transition-property:\n    color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.duration-200 {\n  transition-duration: 200ms;\n}\n.duration-300 {\n  transition-duration: 300ms;\n}\n.hover\\:border-\\[\\#D45D00\\]:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(212 93 0 / var(--tw-border-opacity, 1));\n}\n.hover\\:bg-gray-300:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));\n}\n.hover\\:bg-gray-600:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));\n}\n.hover\\:bg-green-600:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));\n}\n.hover\\:bg-orange-700:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1));\n}\n.hover\\:text-gray-700:hover {\n  --tw-text-opacity: 1;\n  color: rgb(55 65 81 / var(--tw-text-opacity, 1));\n}\n.focus\\:outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.focus\\:ring-2:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow:\n    var(--tw-ring-offset-shadow),\n    var(--tw-ring-shadow),\n    var(--tw-shadow, 0 0 #0000);\n}\n.focus\\:ring-primary-orange:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(212 93 0 / var(--tw-ring-opacity, 1));\n}\n.focus\\:ring-offset-2:focus {\n  --tw-ring-offset-width: 2px;\n}\n.disabled\\:opacity-50:disabled {\n  opacity: 0.5;\n}\n');
+
+// src/index.tsx
+import React9 from "react";
+
+// src/components/FeexPayButton.tsx
+import React8, { useState as useState5, useEffect as useEffect4, useRef as useRef2, useCallback as useCallback2 } from "react";
+
+// src/components/PaymentModal.tsx
+import React7, { useState as useState4, useEffect as useEffect3, useCallback, useRef } from "react";
+
+// src/components/CountrySelector.tsx
+import React from "react";
+var COUNTRY_OPTIONS = [
+  { value: "BENIN", label: "\u{1F1E7}\u{1F1EF} B\xE9nin" },
+  { value: "CONGO_BRAZZAVILLE", label: "\u{1F1E8}\u{1F1EC} Congo Brazzaville" },
+  { value: "COTE_D_IVOIRE", label: "\u{1F1E8}\u{1F1EE} C\xF4te d'Ivoire" },
+  { value: "SENEGAL", label: "\u{1F1F8}\u{1F1F3} S\xE9n\xE9gal" },
+  { value: "TOGO", label: "\u{1F1F9}\u{1F1EC} Togo" }
+];
+var CountrySelector = ({ selectedCountry, onChange }) => /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement(
+  "select",
+  {
+    value: selectedCountry,
+    onChange: (e) => onChange(e.target.value),
+    className: "block w-full px-2 py-2 pr-8 border rounded-md appearance-none focus:outline-none focus:ring-2 focus:ring-primary-orange text-xs"
+  },
+  COUNTRY_OPTIONS.map(({ value, label }) => /* @__PURE__ */ React.createElement("option", { key: value, value }, label))
+), /* @__PURE__ */ React.createElement("div", { className: "absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none" }, /* @__PURE__ */ React.createElement("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M19 9l-7 7-7-7" }))));
+var CountrySelector_default = CountrySelector;
+
+// src/components/NetworkSelector.tsx
+import React2, { useEffect } from "react";
+
+// src/constants/index.ts
+var BENIN_PREFIXES = {
+  CORIS: ["0142", "0146", "0150", "0151", "0152", "0153", "0154", "0156", "0157", "0159", "0161", "0162", "0166", "0145", "0155", "0158", "0160", "0163", "0164", "0165", "0168", "0194", "0195", "0198", "0199", "0140", "0141", "0143", "0144", "0147"],
+  MTN: ["0142", "0146", "0150", "0151", "0152", "0153", "0154", "0156", "0157", "0159", "0161", "0162", "0166", "0167", "0169", "0190", "0191", "0192", "0193", "0196", "0197"],
+  MOOV: ["0145", "0155", "0158", "0160", "0163", "0164", "0165", "0168", "0194", "0195", "0198", "0199"],
+  CELTIIS: ["0140", "0141", "0143", "0144", "0147"]
+};
+var NETWORK_FEES = {
+  BENIN: { MTN: 0.017, MOOV: 0.017, CELTIIS: 0.017, CORIS: 0.017 },
+  COTE_D_IVOIRE: { MTN: 0.029, ORANGE: 0.029, WAVE: 0.032 },
+  BURKINA_FASO: { MOOV: 0.032, ORANGE: 0.039 },
+  CONGO_BRAZZAVILLE: { MTN: 0.03 },
+  SENEGAL: { ORANGE: 0.019, FREE: 0.019, WAVE: 0.019 },
+  TOGO: { TOGOCOM: 0.03, MOOV: 0.03 }
+};
+var NETWORK_API_MAPPING = {
+  BENIN: { MTN: "MTN", MOOV: "MOOV", CELTIIS: "CELTIIS BJ", CORIS: "CORIS" },
+  COTE_D_IVOIRE: { MTN: "MTN CI", ORANGE: "ORANGE CI", WAVE: "WAVE CI" },
+  BURKINA_FASO: { MOOV: "MOOV BF", ORANGE: "ORANGE BF" },
+  CONGO_BRAZZAVILLE: { MTN: "MTN CG" },
+  SENEGAL: { ORANGE: "ORANGE SN", FREE: "FREE SN", WAVE: "WAVE SN" },
+  TOGO: { TOGOCOM: "TOGOCOM TG", MOOV: "MOOV TG" }
+};
+
+// src/utils/paymentUtils.ts
+var getNetworkByPhonePrefix = (prefix, currentNetwork) => {
+  if (currentNetwork === "CORIS") return "CORIS";
+  if (BENIN_PREFIXES.MTN.includes(prefix)) return "MTN";
+  if (BENIN_PREFIXES.MOOV.includes(prefix)) return "MOOV";
+  if (BENIN_PREFIXES.CELTIIS.includes(prefix)) return "CELTIIS";
+  return null;
+};
+var getNetworksForCountry = (country) => {
+  switch (country) {
+    case "BENIN":
+      return ["MTN", "MOOV", "CELTIIS"];
+    case "COTE_D_IVOIRE":
+      return ["MTN", "ORANGE"];
+    case "BURKINA_FASO":
+      return ["MOOV", "ORANGE"];
+    case "CONGO_BRAZZAVILLE":
+      return ["MTN"];
+    case "SENEGAL":
+      return ["ORANGE", "FREE", "WAVE"];
+    case "TOGO":
+      return ["TOGOCOM", "MOOV"];
+    default:
+      return ["MTN", "MOOV"];
+  }
+};
+var calculateFees = (amount, country, network, paymentMethod, cardType) => {
+  var _a;
+  if (paymentMethod === "CARD" && (cardType === "VISA" || cardType === "MASTERCARD")) {
+    return Math.ceil(amount * 0.045);
+  }
+  const countryFees = NETWORK_FEES[country];
+  const feePercentage = (_a = countryFees == null ? void 0 : countryFees[network]) != null ? _a : 0;
+  return Math.ceil(amount * feePercentage);
+};
+var getNetworkApiCode = (country, network) => {
+  const mapping = NETWORK_API_MAPPING[country];
+  return mapping && mapping[network] || network.toLowerCase();
+};
+
+// src/components/NetworkSelector.tsx
+var NetworkSelector = ({ selectedNetwork, onChange, country }) => {
+  const availableNetworks = getNetworksForCountry(country);
+  useEffect(() => {
+    if (availableNetworks.length > 0 && !availableNetworks.includes(selectedNetwork)) {
+      onChange(availableNetworks[0]);
+    }
+  }, [country, selectedNetwork, availableNetworks, onChange]);
+  return /* @__PURE__ */ React2.createElement("div", { className: "relative" }, /* @__PURE__ */ React2.createElement(
+    "select",
+    {
+      value: selectedNetwork,
+      onChange: (e) => onChange(e.target.value),
+      className: "block w-full px-2 py-2 pr-8 border rounded-md appearance-none focus:outline-none focus:ring-2 focus:ring-primary-orange text-xs"
+    },
+    availableNetworks.map((network) => /* @__PURE__ */ React2.createElement("option", { key: network, value: network }, network.replace("_", " ")))
+  ), /* @__PURE__ */ React2.createElement("div", { className: "absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none" }, /* @__PURE__ */ React2.createElement("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React2.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M19 9l-7 7-7-7" }))));
+};
+var NetworkSelector_default = NetworkSelector;
+
+// src/components/StatusModal.tsx
+import React3 from "react";
+var StatusModal = ({ isOpen, onClose, status }) => {
+  if (!isOpen) return null;
+  const isSuccess = status === "SUCCESSFUL" || status === "SUCCESS";
+  const isInsufficient = status === "INSUFFICIENT_FUNDS";
+  const isTimeout = status === "TIMEOUT";
+  const isFailed = status === "FAILED";
+  const icon = isSuccess ? /* @__PURE__ */ React3.createElement("div", { className: "w-20 h-20 mx-auto mb-5 bg-green-100 rounded-full flex items-center justify-center" }, /* @__PURE__ */ React3.createElement("svg", { className: "h-11 w-11 text-green-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React3.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M5 13l4 4L19 7" }))) : isInsufficient ? /* @__PURE__ */ React3.createElement("div", { className: "w-20 h-20 mx-auto mb-5 bg-orange-100 rounded-full flex items-center justify-center" }, /* @__PURE__ */ React3.createElement("svg", { className: "h-11 w-11 text-orange-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React3.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }))) : isTimeout ? /* @__PURE__ */ React3.createElement("div", { className: "w-20 h-20 mx-auto mb-5 bg-gray-100 rounded-full flex items-center justify-center" }, /* @__PURE__ */ React3.createElement("svg", { className: "h-11 w-11 text-gray-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React3.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" }))) : isFailed ? /* @__PURE__ */ React3.createElement("div", { className: "w-20 h-20 mx-auto mb-5 bg-red-100 rounded-full flex items-center justify-center" }, /* @__PURE__ */ React3.createElement("svg", { className: "h-11 w-11 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React3.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }))) : /* @__PURE__ */ React3.createElement("div", { className: "w-20 h-20 mx-auto mb-5 bg-blue-50 rounded-full flex items-center justify-center" }, /* @__PURE__ */ React3.createElement("svg", { className: "animate-spin h-11 w-11 text-primary-orange", fill: "none", viewBox: "0 0 24 24" }, /* @__PURE__ */ React3.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), /* @__PURE__ */ React3.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })));
+  const title = isSuccess ? "\u{1F389} Paiement r\xE9ussi !" : isInsufficient ? "Solde insuffisant" : isTimeout ? "D\xE9lai expir\xE9" : isFailed ? "Paiement \xE9chou\xE9" : "Traitement en cours\u2026";
+  const body = isSuccess ? "Votre transaction a \xE9t\xE9 confirm\xE9e avec succ\xE8s." : isInsufficient ? "Rechargez votre compte puis r\xE9essayez." : isTimeout ? "V\xE9rifiez votre compte avant de r\xE9essayer." : isFailed ? "Veuillez r\xE9essayer." : "Votre paiement est en cours de traitement, veuillez patienter.";
+  const btnLabel = isSuccess || isTimeout ? "Fermer" : "R\xE9essayer";
+  const btnClass = isSuccess ? "bg-green-500 hover:bg-green-600" : isTimeout ? "bg-gray-500 hover:bg-gray-600" : "bg-primary-orange hover:bg-orange-700";
+  const barClass = isSuccess ? "bg-green-400" : isInsufficient ? "bg-orange-400" : isTimeout ? "bg-gray-400" : isFailed ? "bg-red-400" : "bg-primary-orange";
+  return /* @__PURE__ */ React3.createElement("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4 bg-black bg-opacity-50" }, /* @__PURE__ */ React3.createElement("div", { className: "bg-white rounded-2xl shadow-2xl w-full max-w-sm overflow-hidden" }, /* @__PURE__ */ React3.createElement("div", { className: `h-1.5 w-full ${barClass}` }), /* @__PURE__ */ React3.createElement("div", { className: "p-6 text-center" }, icon, /* @__PURE__ */ React3.createElement("h3", { className: "text-xl font-bold text-gray-800 mb-2" }, title), /* @__PURE__ */ React3.createElement("p", { className: "text-sm text-gray-500 mb-6" }, body), /* @__PURE__ */ React3.createElement(
+    "button",
+    {
+      onClick: onClose,
+      className: `w-full ${btnClass} text-white font-semibold py-3 px-4 rounded-xl transition-colors duration-200`
+    },
+    btnLabel
+  ))));
+};
+var StatusModal_default = StatusModal;
+
+// src/components/OTPModal.tsx
+import React4, { useState } from "react";
+var OTPModal = ({ isOpen, onClose, onSubmit, reference }) => {
+  const [otp, setOtp] = useState("");
+  const [isLoading, setIsLoading] = useState(false);
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    setIsLoading(true);
+    onSubmit(otp);
+  };
+  if (!isOpen) return null;
+  return /* @__PURE__ */ React4.createElement("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4 bg-black bg-opacity-50 overflow-hidden" }, /* @__PURE__ */ React4.createElement("div", { className: "bg-white rounded-lg shadow-xl w-full max-w-md relative" }, /* @__PURE__ */ React4.createElement("div", { className: "flex justify-between items-center border-b p-4" }, /* @__PURE__ */ React4.createElement("h3", { className: "text-lg font-medium" }, "Confirmation de paiement"), /* @__PURE__ */ React4.createElement("button", { onClick: onClose, className: "text-gray-500 hover:text-gray-700" }, /* @__PURE__ */ React4.createElement("svg", { className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React4.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" })))), /* @__PURE__ */ React4.createElement("div", { className: "p-6" }, /* @__PURE__ */ React4.createElement("p", { className: "text-sm text-gray-600 mb-4" }, "Un code de confirmation a \xE9t\xE9 envoy\xE9 \xE0 votre t\xE9l\xE9phone. Veuillez le saisir ci-dessous pour finaliser votre paiement."), /* @__PURE__ */ React4.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React4.createElement("p", { className: "text-sm text-gray-500 mb-1" }, "R\xE9f\xE9rence de transaction :"), /* @__PURE__ */ React4.createElement("p", { className: "font-medium" }, reference)), /* @__PURE__ */ React4.createElement("form", { onSubmit: handleSubmit }, /* @__PURE__ */ React4.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React4.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "Code OTP"), /* @__PURE__ */ React4.createElement(
+    "input",
+    {
+      type: "text",
+      value: otp,
+      onChange: (e) => setOtp(e.target.value),
+      placeholder: "Entrez le code re\xE7u par SMS",
+      className: "w-full px-4 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-primary-orange",
+      required: true
+    }
+  )), /* @__PURE__ */ React4.createElement(
+    "button",
+    {
+      type: "submit",
+      disabled: isLoading,
+      className: "w-full bg-primary-orange text-white py-2 px-4 rounded-md hover:bg-orange-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-orange disabled:opacity-50"
+    },
+    isLoading ? "Traitement en cours..." : "Confirmer le paiement"
+  )))));
+};
+var OTPModal_default = OTPModal;
+
+// src/components/HeaderBar.tsx
+import React5, { useEffect as useEffect2, useState as useState2 } from "react";
+
+// src/apis/feexPayApi.ts
+var API_BASE = "https://api-v2.feexpay.me/api";
+var getClientIP = () => __async(null, null, function* () {
+  try {
+    const res = yield fetch("https://api.ipify.org?format=json");
+    const data = yield res.json();
+    return data.ip;
+  } catch (e) {
+    return "127.0.0.1";
+  }
+});
+var requestToPay = (params) => __async(null, null, function* () {
+  const networkApiCode = getNetworkApiCode(params.country, params.network);
+  const merchantIp = yield getClientIP();
+  const merchantDomain = window.location.origin;
+  let cleanedPhone = params.phoneNumber.replace(/\+/g, "");
+  if (cleanedPhone.length >= 8) {
+    const prefix = cleanedPhone.slice(0, 3);
+    if (cleanedPhone.startsWith(prefix + prefix)) {
+      cleanedPhone = cleanedPhone.slice(prefix.length);
+    }
+  }
+  const isOrangeSN = params.network === "ORANGE" && params.country === "SENEGAL";
+  const isWaveSN = params.network === "WAVE" && params.country === "SENEGAL";
+  const isFreeSN = params.network === "FREE" && params.country === "SENEGAL";
+  let apiUrl;
+  let apiParams;
+  if (isOrangeSN) {
+    apiUrl = `${API_BASE}/transactions/public/requesttopay/orange_sn`;
+    apiParams = {
+      phoneNumber: cleanedPhone,
+      amount: params.amount,
+      shop: params.id,
+      first_name: params.first_name,
+      email: params.email,
+      callback_info: params.callback_info || {},
+      description: params.description,
+      om_otp: params.otp || ""
+    };
+  } else if (isWaveSN) {
+    apiUrl = `${API_BASE}/transactions/public/requesttopay/wave_sn`;
+    apiParams = {
+      phoneNumber: cleanedPhone,
+      amount: params.amount,
+      shop: params.id,
+      first_name: params.first_name,
+      email: params.email,
+      callback_info: params.callback_info || {},
+      description: params.description
+    };
+  } else if (isFreeSN) {
+    apiUrl = `${API_BASE}/transactions/public/requesttopay/free_sn`;
+    apiParams = {
+      phoneNumber: cleanedPhone,
+      amount: params.amount,
+      shop: params.id,
+      first_name: params.first_name,
+      email: params.email,
+      callback_info: params.callback_info || {},
+      description: params.description
+    };
+  } else {
+    apiUrl = `${API_BASE}/transactions/requesttopay/integration`;
+    apiParams = {
+      phoneNumber: cleanedPhone,
+      country: params.country,
+      amount: String(params.amount),
+      reseau: networkApiCode,
+      shop: params.id,
+      first_name: params.first_name,
+      email: params.email,
+      custom_id: params.customId || "",
+      otp: params.otp || "",
+      callback_info: params.callback_info || {},
+      description: params.description,
+      currency: params.currency || "XOF",
+      merchant_domain: merchantDomain,
+      merchant_ip: merchantIp,
+      payment_interface: "REACT"
+    };
+  }
+  const response = yield fetch(apiUrl, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${params.token}`
+    },
+    body: JSON.stringify(apiParams)
+  });
+  if (!response.ok) {
+    throw new Error("Payment request failed");
+  }
+  return response.json();
+});
+var requestWalletCorisPayment = (params) => __async(null, null, function* () {
+  const apiUrl = `${API_BASE}/transactions/requesttopay/integration`;
+  const phoneNumberRight = params.phoneNumber.startsWith("+229") ? params.phoneNumber.substring(4) : params.phoneNumber.startsWith("229") ? params.phoneNumber.substring(3) : params.phoneNumber;
+  const apiParams = {
+    phoneNumber: `229${phoneNumberRight}`,
+    country: "229",
+    phoneNumberRight,
+    amount: String(params.amount),
+    currency: "XOF",
+    description: params.description || "Paiement via FeexPay",
+    email: params.email,
+    first_name: params.first_name,
+    otp: params.otp || "",
+    custom_id: params.reference || "",
+    reseau: "CORIS",
+    shop: params.id,
+    token: params.token,
+    callback_info: params.callback_info || {},
+    payment_interface: "REACT"
+  };
+  const response = yield fetch(apiUrl, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${params.token}`
+    },
+    body: JSON.stringify(apiParams)
+  });
+  const responseData = yield response.json();
+  return __spreadProps(__spreadValues({}, responseData), { statusCode: String(response.status) });
+});
+var checkTransactionStatus = (reference, token) => __async(null, null, function* () {
+  const apiUrl = `${API_BASE}/transactions/public/single/status/${reference}`;
+  const response = yield fetch(apiUrl, {
+    headers: { Authorization: `Bearer ${token}` }
+  });
+  if (!response.ok) {
+    throw new Error("Status check failed");
+  }
+  return response.json();
+});
+var getTransactionDetails = (params) => __async(null, null, function* () {
+  const apiUrl = `${API_BASE}/transactions/details`;
+  const response = yield fetch(apiUrl, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${params.token}`
+    },
+    body: JSON.stringify({
+      reseau: getNetworkApiCode(params.country, params.network),
+      amount: params.amount,
+      shop: params.id
+    })
+  });
+  if (!response.ok) {
+    throw new Error("Failed to get transaction details");
+  }
+  return response.json();
+});
+var getShop = (shop) => __async(null, null, function* () {
+  const apiUrl = `${API_BASE}/shop/${shop}/get_shop`;
+  const response = yield fetch(apiUrl);
+  if (!response.ok) {
+    throw new Error("Shop retrieval failed");
+  }
+  return response.json();
+});
+
+// src/components/HeaderBar.tsx
+var HeaderBar = ({ id, onClose }) => {
+  const [shopData, setShopData] = useState2(null);
+  useEffect2(() => {
+    getShop(id).then(setShopData).catch(() => {
+    });
+  }, [id]);
+  return /* @__PURE__ */ React5.createElement("div", { className: "flex items-center justify-between px-4 py-2 border-b border-gray-200" }, /* @__PURE__ */ React5.createElement("div", null, /* @__PURE__ */ React5.createElement(
+    "img",
+    {
+      src: "https://api.feexpay.me/api/static/feexpay_logo-h.png",
+      width: "100",
+      alt: "FeexPay"
+    }
+  )), /* @__PURE__ */ React5.createElement("div", { className: "text-right text-xs text-gray-700" }, shopData && /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement("div", { className: "font-semibold" }, "MARCHAND: ", shopData.name), /* @__PURE__ */ React5.createElement("div", { className: "text-xs text-gray-500" }, "ID : ", shopData.reference))), /* @__PURE__ */ React5.createElement(
+    "button",
+    {
+      onClick: onClose,
+      className: "text-gray-500 hover:text-gray-700",
+      "aria-label": "Fermer"
+    },
+    /* @__PURE__ */ React5.createElement(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        className: "h-6 w-6",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor"
+      },
+      /* @__PURE__ */ React5.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" })
+    )
+  ));
+};
+var HeaderBar_default = HeaderBar;
+
+// src/context/FeexPayContext.tsx
+import React6, { createContext, useContext, useState as useState3 } from "react";
+var FeexPayContext = createContext(void 0);
+var useFeexPay = () => {
+  const context = useContext(FeexPayContext);
+  if (!context) {
+    throw new Error("useFeexPay must be used within a FeexPayProvider");
+  }
+  return context;
+};
+var defaultPaymentConfig = {
+  amount: 0,
+  description: "",
+  id: "",
+  token: "",
+  mode: "LIVE"
+};
+var FeexPayProvider = ({ children }) => {
+  const [paymentConfig, setPaymentConfig] = useState3(defaultPaymentConfig);
+  return /* @__PURE__ */ React6.createElement(FeexPayContext.Provider, { value: { paymentConfig, setPaymentConfig } }, children);
+};
+
+// src/utils/phoneUtils.ts
+var getFormattedPhoneNumber = (phoneNumber, country) => {
+  const cleaned = phoneNumber.replace(/\D/g, "");
+  const prefixes = {
+    BENIN: "229",
+    COTE_D_IVOIRE: "225",
+    BURKINA_FASO: "226",
+    CONGO_BRAZZAVILLE: "242",
+    SENEGAL: "221",
+    TOGO: "228"
+  };
+  const prefix = prefixes[country];
+  if (cleaned.startsWith(prefix + prefix)) return cleaned.slice(prefix.length);
+  if (cleaned.startsWith(prefix)) return cleaned;
+  return `${prefix}${cleaned}`;
+};
+var getPrefixFromCountry = (country) => {
+  const prefixes = {
+    BENIN: "+229",
+    COTE_D_IVOIRE: "+225",
+    BURKINA_FASO: "+226",
+    CONGO_BRAZZAVILLE: "+242",
+    SENEGAL: "+221",
+    TOGO: "+228"
+  };
+  return prefixes[country] || "";
+};
+
+// src/utils/idUtils.ts
+var generateRandomId = () => `TRX-${Math.random().toString(36).substring(2, 10).toUpperCase()}`;
+
+// src/utils/paymentHandlers.ts
+var startStatusCheck = (ref, props, network, getFormattedPhone) => {
+  let checkCount = 0;
+  const maxChecks = 12;
+  let timeoutId = null;
+  const { paymentConfig, setStateCallbacks, fullName, email } = props;
+  const { setPaymentStatus, setStatusMessage, setStatusModalOpen, setIsLoading } = setStateCallbacks;
+  const handleFinalStatus = (status, message, callbackStatus) => {
+    if (props.isCallbackCalledRef.current) return;
+    props.isCallbackCalledRef.current = true;
+    if (timeoutId) clearTimeout(timeoutId);
+    setPaymentStatus(status);
+    setStatusMessage(message);
+    setStatusModalOpen(true);
+    setIsLoading(false);
+    const callbackData = {
+      reference: ref,
+      status: callbackStatus,
+      phoneNumber: getFormattedPhone(),
+      reseau: network,
+      callback_info: paymentConfig.callback_info || {},
+      description: paymentConfig.description,
+      transaction_id: ref,
+      message,
+      amount: paymentConfig.amount,
+      currency: paymentConfig.currency || "XOF",
+      first_name: fullName,
+      email
+    };
+    if (paymentConfig.callback) paymentConfig.callback(callbackData);
+    const isSuccess = callbackStatus === "SUCCESSFUL" || callbackStatus === "SUCCESS";
+    if (isSuccess && paymentConfig.callback_url) {
+      window.location.href = `${paymentConfig.callback_url}?ref=${ref}`;
+    } else if (!isSuccess && paymentConfig.error_callback_url) {
+      window.location.href = `${paymentConfig.error_callback_url}?ref=${ref}`;
+    }
+  };
+  const checkStatus = () => __async(null, null, function* () {
+    var _a;
+    checkCount++;
+    try {
+      const status = yield checkTransactionStatus(ref, paymentConfig.token);
+      if (status.reason === "LOW_BALANCE_OR_PAYEE_LIMIT_REACHED_OR_NOT_ALLOWED") {
+        handleFinalStatus("INSUFFICIENT_FUNDS", "Fonds insuffisants. Veuillez v\xE9rifier votre solde.", "FAILED");
+        return;
+      }
+      if (status.reason === "PAYER NOT FOUND") {
+        handleFinalStatus("FAILED", "Num\xE9ro de t\xE9l\xE9phone introuvable. Veuillez v\xE9rifier et r\xE9essayer.", "FAILED");
+        return;
+      }
+      const paymentStatus = ((_a = status.status) == null ? void 0 : _a.toUpperCase()) || "PENDING";
+      switch (paymentStatus) {
+        case "SUCCESSFUL":
+        case "SUCCESS":
+          handleFinalStatus("SUCCESSFUL", "Paiement r\xE9ussi !", paymentStatus);
+          break;
+        case "FAILED":
+          handleFinalStatus("FAILED", "Le paiement a \xE9chou\xE9. Veuillez r\xE9essayer.", "FAILED");
+          break;
+        case "INSUFFICIENT_FUNDS":
+          handleFinalStatus("INSUFFICIENT_FUNDS", "Fonds insuffisants. Veuillez v\xE9rifier votre solde.", "FAILED");
+          break;
+        case "TIMEOUT":
+          handleFinalStatus("TIMEOUT", "La v\xE9rification du paiement a expir\xE9.", "TIMEOUT");
+          break;
+        case "PENDING":
+        default:
+          if (checkCount >= maxChecks) {
+            handleFinalStatus("TIMEOUT", "La v\xE9rification du paiement a expir\xE9. Veuillez v\xE9rifier votre compte.", "TIMEOUT");
+          } else {
+            timeoutId = setTimeout(checkStatus, 1e4);
+          }
+          break;
+      }
+    } catch (e) {
+      if (checkCount >= maxChecks) {
+        handleFinalStatus("TIMEOUT", "La v\xE9rification du paiement a \xE9chou\xE9 apr\xE8s plusieurs tentatives.", "TIMEOUT");
+      } else {
+        timeoutId = setTimeout(checkStatus, 1e4);
+      }
+    }
+  });
+  checkStatus();
+  return () => {
+    if (timeoutId) clearTimeout(timeoutId);
+    props.isCallbackCalledRef.current = true;
+  };
+};
+
+// src/components/PaymentModal.tsx
+var PaymentModal = ({ isOpen, onClose }) => {
+  var _a;
+  const { paymentConfig } = useFeexPay();
+  const [paymentMethod, setPaymentMethod] = useState4(() => {
+    if (paymentConfig.case && ["MOBILE", "CARD", "WALLET"].includes(paymentConfig.case)) {
+      return paymentConfig.case;
+    }
+    return "MOBILE";
+  });
+  const [country, setCountry] = useState4("BENIN");
+  const [network, setNetwork] = useState4("MTN");
+  const [phoneNumber, setPhoneNumber] = useState4("");
+  const [fullName, setFullName] = useState4("");
+  const [email, setEmail] = useState4("");
+  const [typeCard, setTypeCard] = useState4("VISA");
+  const [baseAmount, setBaseAmount] = useState4(0);
+  const [total, setTotal] = useState4(0);
+  const [fees, setFees] = useState4(0);
+  const [feePercentage, setFeePercentage] = useState4(0);
+  const [transactionReference, setTransactionReference] = useState4("");
+  const [statusModalOpen, setStatusModalOpen] = useState4(false);
+  const [paymentStatus, setPaymentStatus] = useState4("PENDING");
+  const [statusMessage, setStatusMessage] = useState4("");
+  const [isLoading, setIsLoading] = useState4(false);
+  const [otpModalOpen, setOtpModalOpen] = useState4(false);
+  const [pendingReference, setPendingReference] = useState4("");
+  const [iframeUrl, setIframeUrl] = useState4(null);
+  const isCallbackCalledRef = useRef(false);
+  const otpInputRef = useRef(null);
+  useEffect3(() => {
+    if (!paymentConfig.defaultValueField) return;
+    const { country_iban, name, email: emailDef } = paymentConfig.defaultValueField;
+    const countryMap = {
+      BJ: "BENIN",
+      CI: "COTE_D_IVOIRE",
+      SN: "SENEGAL",
+      TG: "TOGO",
+      BF: "BURKINA_FASO"
+    };
+    if (country_iban && countryMap[country_iban]) setCountry(countryMap[country_iban]);
+    if (name) setFullName(name);
+    if (emailDef) setEmail(emailDef);
+  }, [paymentConfig.defaultValueField]);
+  useEffect3(() => {
+    if (paymentConfig.first_name) setFullName(paymentConfig.first_name);
+    if (paymentConfig.email) setEmail(paymentConfig.email);
+  }, [paymentConfig.first_name, paymentConfig.email]);
+  const calculateFeesLocally = useCallback(
+    (amt, c, n, method) => {
+      var _a2, _b;
+      const currentMethod = method || paymentMethod;
+      const calculated = calculateFees(amt, c, n, currentMethod, typeCard);
+      setFees(calculated);
+      setTotal(amt + calculated);
+      setBaseAmount(amt);
+      if (currentMethod === "CARD") {
+        setFeePercentage(4.5);
+      } else {
+        const pct = (_b = (_a2 = NETWORK_FEES[c]) == null ? void 0 : _a2[n]) != null ? _b : 0;
+        setFeePercentage(pct * 100);
+      }
+    },
+    [paymentMethod, typeCard]
+  );
+  const fetchTransactionDetails = useCallback(
+    (amt, c, n, method) => __async(null, null, function* () {
+      var _a2, _b;
+      try {
+        const details = yield getTransactionDetails({
+          network: n,
+          country: c,
+          amount: amt,
+          id: paymentConfig.id,
+          token: paymentConfig.token,
+          callback_info: paymentConfig.callback_info || {}
+        });
+        if (details == null ? void 0 : details.iffees) {
+          if (details.total !== void 0) {
+            setFees(details.total - amt);
+            setTotal(details.total);
+          } else {
+            calculateFeesLocally(amt, c, n, method);
+          }
+          const currentMethod = method || paymentMethod;
+          if (currentMethod === "CARD") {
+            setFeePercentage(4.5);
+          } else {
+            setFeePercentage(((_b = (_a2 = NETWORK_FEES[c]) == null ? void 0 : _a2[n]) != null ? _b : 0) * 100);
+          }
+        } else {
+          setFees(0);
+          setTotal(amt);
+          setFeePercentage(0);
+        }
+        setBaseAmount(amt);
+      } catch (e) {
+        calculateFeesLocally(amt, c, n, method);
+      }
+    }),
+    [paymentMethod, paymentConfig.id, paymentConfig.token, calculateFeesLocally]
+  );
+  useEffect3(() => {
+    if (paymentConfig.amount) {
+      calculateFeesLocally(paymentConfig.amount, country, network);
+    }
+  }, []);
+  useEffect3(() => {
+    if (paymentMethod === "WALLET") {
+      if (country === "BENIN") {
+        setNetwork("CORIS");
+      } else if (country === "COTE_D_IVOIRE") {
+        setNetwork("WAVE");
+      } else {
+        setCountry("BENIN");
+        setNetwork("CORIS");
+      }
+    }
+  }, []);
+  const handleNetworkChange = (n) => {
+    setNetwork(n);
+    if (paymentConfig.amount) fetchTransactionDetails(paymentConfig.amount, country, n);
+  };
+  const handleCountryChange = (c) => {
+    setCountry(c);
+    if (paymentMethod === "WALLET") {
+      const walletNetwork = c === "COTE_D_IVOIRE" ? "WAVE" : "CORIS";
+      setNetwork(walletNetwork);
+      if (paymentConfig.amount) fetchTransactionDetails(paymentConfig.amount, c, walletNetwork);
+    } else {
+      const available = getNetworksForCountry(c);
+      setNetwork(available[0]);
+      if (paymentConfig.amount) fetchTransactionDetails(paymentConfig.amount, c, available[0]);
+    }
+  };
+  const resetAllFields = () => {
+    setFullName(paymentConfig.first_name || "");
+    setEmail(paymentConfig.email || "");
+    setPhoneNumber("");
+    setTypeCard("VISA");
+  };
+  const handlePaymentMethodChange = (method) => {
+    resetAllFields();
+    setFees(0);
+    setTotal(paymentConfig.amount || 0);
+    setFeePercentage(0);
+    setPaymentMethod(method);
+    if (method === "WALLET") {
+      const walletNetwork = country === "COTE_D_IVOIRE" ? "WAVE" : "CORIS";
+      if (country !== "BENIN" && country !== "COTE_D_IVOIRE") {
+        setCountry("BENIN");
+        setNetwork("CORIS");
+      } else {
+        setNetwork(walletNetwork);
+      }
+    } else if (method === "MOBILE") {
+      const available = getNetworksForCountry(country);
+      if (!available.includes(network)) setNetwork(available[0]);
+      if (paymentConfig.amount) fetchTransactionDetails(paymentConfig.amount, country, network, method);
+    } else if (method === "CARD" && paymentConfig.amount) {
+      fetchTransactionDetails(paymentConfig.amount, country, network, method);
+    }
+  };
+  const handlePhoneChange = (e) => {
+    const value = e.target.value;
+    if (country === "BENIN" && paymentMethod !== "WALLET" && value.length >= 4) {
+      const prefix = value.substring(0, 4);
+      const detected = getNetworkByPhonePrefix(prefix, network);
+      if (detected) setNetwork(detected);
+    }
+    setPhoneNumber(value);
+  };
+  const getFormattedPhone = () => {
+    if (!phoneNumber) return phoneNumber;
+    return getFormattedPhoneNumber(phoneNumber, country);
+  };
+  const validateForm = () => {
+    const hidden2 = paymentConfig.fields_to_hide || [];
+    if (paymentMethod === "MOBILE" || paymentMethod === "WALLET") {
+      if (!hidden2.includes("name") && !fullName.trim()) {
+        setStatusMessage("Veuillez entrer votre nom complet");
+        setPaymentStatus("FAILED");
+        setStatusModalOpen(true);
+        return false;
+      }
+      if (!hidden2.includes("email") && (!email.trim() || !email.includes("@"))) {
+        setStatusMessage("Veuillez entrer une adresse email valide");
+        setPaymentStatus("FAILED");
+        setStatusModalOpen(true);
+        return false;
+      }
+      if (!phoneNumber.trim() || phoneNumber.length < 4) {
+        setStatusMessage("Veuillez entrer un num\xE9ro de t\xE9l\xE9phone valide");
+        setPaymentStatus("FAILED");
+        setStatusModalOpen(true);
+        return false;
+      }
+      if (paymentMethod === "WALLET" && country !== "BENIN" && country !== "COTE_D_IVOIRE") {
+        setStatusMessage("Seuls le B\xE9nin (Coris) et la C\xF4te d'Ivoire (Wave) sont support\xE9s pour les paiements Wallet");
+        setPaymentStatus("FAILED");
+        setStatusModalOpen(true);
+        return false;
+      }
+    } else if (paymentMethod === "CARD") {
+      if (!fullName || fullName.trim().split(" ").length < 2) {
+        setStatusMessage("Veuillez entrer votre nom et pr\xE9nom complets");
+        setPaymentStatus("FAILED");
+        setStatusModalOpen(true);
+        return false;
+      }
+      if (!email || !email.includes("@")) {
+        setStatusMessage("Veuillez entrer une adresse email valide");
+        setPaymentStatus("FAILED");
+        setStatusModalOpen(true);
+        return false;
+      }
+      if (!phoneNumber) {
+        setStatusMessage("Veuillez entrer un num\xE9ro de t\xE9l\xE9phone valide");
+        setPaymentStatus("FAILED");
+        setStatusModalOpen(true);
+        return false;
+      }
+    }
+    return true;
+  };
+  const buildHandlerProps = () => ({
+    phoneNumber,
+    baseAmount,
+    network,
+    country,
+    paymentConfig,
+    transactionReference,
+    generateRandomId,
+    fullName,
+    email,
+    isCallbackCalledRef,
+    setStateCallbacks: {
+      setTransactionReference,
+      setPaymentStatus,
+      setStatusMessage,
+      setStatusModalOpen,
+      setIsLoading
+    }
+  });
+  const handleStatusCheck = (ref) => {
+    startStatusCheck(ref, buildHandlerProps(), network, getFormattedPhone);
+  };
+  const handlePaymentSubmit = (e) => __async(null, null, function* () {
+    var _a2;
+    e.preventDefault();
+    if (!validateForm()) return;
+    isCallbackCalledRef.current = false;
+    setIsLoading(true);
+    const networkApiCode = getNetworkApiCode(country, network);
+    const iframeNetworks = ["WAVE CI", "ORANGE CI", "MOOV BF", "ORANGE BF"];
+    const dedicatedSNNetworks = ["ORANGE SN", "WAVE SN", "FREE SN"];
+    const isSNDedicated = dedicatedSNNetworks.includes(networkApiCode);
+    const isIframe = iframeNetworks.includes(networkApiCode);
+    try {
+      if (paymentMethod === "MOBILE" && (isIframe || isSNDedicated)) {
+        const response = yield requestToPay({
+          phoneNumber: getFormattedPhone(),
+          amount: baseAmount,
+          network,
+          country,
+          description: paymentConfig.description || "",
+          customId: paymentConfig.customId || "",
+          id: paymentConfig.id,
+          token: paymentConfig.token,
+          currency: paymentConfig.currency || "XOF",
+          callback_info: paymentConfig.callback_info || {},
+          first_name: fullName || "",
+          email: email || "",
+          otp: ((_a2 = otpInputRef.current) == null ? void 0 : _a2.value) || ""
+        });
+        if (response.payment_url || response.order_id) {
+          setIframeUrl(response.payment_url || null);
+          setIsLoading(false);
+        }
+        if (response.reference) {
+          setTransactionReference(response.reference);
+          handleStatusCheck(response.reference);
+        }
+        return;
+      }
+      if (paymentMethod === "MOBILE") {
+        const response = yield requestToPay({
+          phoneNumber: getFormattedPhone(),
+          amount: baseAmount,
+          network,
+          country,
+          description: paymentConfig.description || "",
+          customId: paymentConfig.customId || generateRandomId(),
+          id: paymentConfig.id,
+          token: paymentConfig.token,
+          currency: paymentConfig.currency || "XOF",
+          callback_info: paymentConfig.callback_info || {},
+          first_name: fullName,
+          email
+        });
+        if (response.statusCode === "10") {
+          setPaymentStatus("INSUFFICIENT_FUNDS");
+          setStatusMessage("Fonds insuffisants. Veuillez v\xE9rifier votre solde et r\xE9essayer.");
+          setStatusModalOpen(true);
+          setIsLoading(false);
+          if (paymentConfig.error_callback_url)
+            window.location.href = `${paymentConfig.error_callback_url}?ref=${response.reference}`;
+          return;
+        }
+        if (response.statusCode === "92") {
+          setPaymentStatus("FAILED");
+          setStatusMessage("La transaction a \xE9t\xE9 annul\xE9e. Veuillez r\xE9essayer.");
+          setStatusModalOpen(true);
+          setIsLoading(false);
+          if (paymentConfig.error_callback_url)
+            window.location.href = `${paymentConfig.error_callback_url}?ref=${response.reference}`;
+          return;
+        }
+        if (response.reference) {
+          setTransactionReference(response.reference);
+          handleStatusCheck(response.reference);
+        } else {
+          setPaymentStatus("FAILED");
+          setStatusMessage("La demande de paiement a \xE9chou\xE9. Veuillez r\xE9essayer.");
+          setStatusModalOpen(true);
+          setIsLoading(false);
+        }
+        return;
+      }
+      if (paymentMethod === "WALLET") {
+        if (country === "BENIN" && network === "CORIS") {
+          const nameParts = fullName.split(" ");
+          const formattedPhone = phoneNumber.startsWith("+229") ? phoneNumber : `+229${phoneNumber}`;
+          const response2 = yield requestWalletCorisPayment({
+            phoneNumber: formattedPhone,
+            amount: baseAmount,
+            id: paymentConfig.id,
+            email,
+            first_name: nameParts[0] || "",
+            description: paymentConfig.description || "Paiement via FeexPay",
+            token: paymentConfig.token,
+            currency: paymentConfig.currency || "XOF",
+            callback_info: paymentConfig.callback_info || {}
+          });
+          if (response2.statusCode === "201") {
+            setPendingReference(response2.reference);
+            setOtpModalOpen(true);
+            setIsLoading(false);
+            return;
+          }
+          setPaymentStatus("FAILED");
+          setStatusMessage("La demande de paiement a \xE9chou\xE9. Veuillez r\xE9essayer.");
+          setStatusModalOpen(true);
+          setIsLoading(false);
+          return;
+        }
+        const response = yield requestToPay({
+          phoneNumber: getFormattedPhone(),
+          amount: baseAmount,
+          network,
+          country,
+          description: paymentConfig.description || "",
+          customId: paymentConfig.customId || generateRandomId(),
+          id: paymentConfig.id,
+          token: paymentConfig.token,
+          currency: paymentConfig.currency || "XOF",
+          callback_info: paymentConfig.callback_info || {},
+          first_name: fullName,
+          email
+        });
+        if (response.payment_url) {
+          setIframeUrl(response.payment_url);
+          setIsLoading(false);
+        }
+        if (response.reference) {
+          setTransactionReference(response.reference);
+          handleStatusCheck(response.reference);
+        }
+        return;
+      }
+      setIsLoading(false);
+    } catch (e2) {
+      setPaymentStatus("FAILED");
+      setStatusMessage("Une erreur est survenue lors du traitement du paiement. Veuillez r\xE9essayer.");
+      setStatusModalOpen(true);
+      setIsLoading(false);
+    }
+  });
+  const handleOTPSubmit = (otp) => __async(null, null, function* () {
+    setIsLoading(true);
+    const nameParts = fullName.split(" ");
+    const formattedPhone = phoneNumber.startsWith("+229") ? phoneNumber : `+229${phoneNumber}`;
+    try {
+      const response = yield requestWalletCorisPayment({
+        phoneNumber: formattedPhone,
+        amount: baseAmount,
+        id: paymentConfig.id,
+        email,
+        first_name: nameParts[0] || "",
+        description: paymentConfig.description || "Paiement via FeexPay",
+        reference: pendingReference,
+        otp,
+        token: paymentConfig.token,
+        currency: paymentConfig.currency || "XOF",
+        callback_info: paymentConfig.callback_info || {}
+      });
+      setOtpModalOpen(false);
+      if (response.reference) {
+        if (response.status === "SUCCESSFUL" || response.status === "SUCCESS") {
+          setPaymentStatus("SUCCESSFUL");
+          setStatusMessage("Paiement effectu\xE9 avec succ\xE8s !");
+          setStatusModalOpen(true);
+          setIsLoading(false);
+          if (paymentConfig.callback_url)
+            setTimeout(() => window.location.href = `${paymentConfig.callback_url}?ref=${response.reference}`, 2e3);
+        } else if (response.status === "PENDING") {
+          setTransactionReference(response.reference);
+          handleStatusCheck(response.reference);
+        } else {
+          setPaymentStatus("FAILED");
+          setStatusMessage(response.message || "La transaction a \xE9chou\xE9. Veuillez r\xE9essayer.");
+          setStatusModalOpen(true);
+          setIsLoading(false);
+        }
+      } else {
+        setPaymentStatus("FAILED");
+        setStatusMessage(response.message || "La confirmation du paiement a \xE9chou\xE9.");
+        setStatusModalOpen(true);
+        setIsLoading(false);
+      }
+    } catch (e) {
+      setPaymentStatus("FAILED");
+      setStatusMessage("Une erreur est survenue lors de la confirmation. Veuillez r\xE9essayer.");
+      setStatusModalOpen(true);
+      setIsLoading(false);
+      setOtpModalOpen(false);
+    }
+  });
+  if (!isOpen) return null;
+  const hidden = paymentConfig.fields_to_hide || [];
+  const showPersonalInfo = paymentMethod !== "CARD" && !(hidden.includes("email") && hidden.includes("name"));
+  const paymentTabs = [
+    {
+      label: "Mobile Money",
+      value: "MOBILE",
+      icon: /* @__PURE__ */ React7.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "#D45D00", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React7.createElement("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", ry: "2" }), /* @__PURE__ */ React7.createElement("line", { x1: "12", y1: "18", x2: "12", y2: "18" }))
+    },
+    {
+      label: "Carte Bancaire",
+      value: "CARD",
+      icon: /* @__PURE__ */ React7.createElement("svg", { className: "h-5 w-5", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React7.createElement("path", { d: "M4 4a2 2 0 00-2 2v1h16V6a2 2 0 00-2-2H4z" }), /* @__PURE__ */ React7.createElement("path", { fillRule: "evenodd", d: "M18 9H2v5a2 2 0 002 2h12a2 2 0 002-2V9zM4 13a1 1 0 011-1h1a1 1 0 110 2H5a1 1 0 01-1-1zm5-1a1 1 0 100 2h1a1 1 0 100-2H9z", clipRule: "evenodd" }))
+    },
+    {
+      label: "Wallet",
+      value: "WALLET",
+      icon: /* @__PURE__ */ React7.createElement("svg", { className: "h-5 w-5", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React7.createElement("path", { fillRule: "evenodd", d: "M10 2a1 1 0 00-1 1v1a1 1 0 002 0V3a1 1 0 00-1-1zM4 4h3a3 3 0 006 0h3a2 2 0 012 2v9a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2zm2.5 7a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm2.45 4a2.5 2.5 0 10-4.9 0h4.9zM12 9a1 1 0 100 2h3a1 1 0 100-2h-3zm-1 4a1 1 0 011-1h2a1 1 0 110 2h-2a1 1 0 01-1-1z", clipRule: "evenodd" }))
+    }
+  ];
+  return /* @__PURE__ */ React7.createElement("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4 bg-black bg-opacity-50 overflow-hidden" }, /* @__PURE__ */ React7.createElement("div", { className: "bg-white rounded-lg shadow-xl w-full max-w-md relative max-h-[90vh] flex flex-col" }, iframeUrl && /* @__PURE__ */ React7.createElement("div", { className: "absolute inset-0 bg-white z-10 rounded-lg overflow-hidden" }, /* @__PURE__ */ React7.createElement(
+    "button",
+    {
+      onClick: () => setIframeUrl(null),
+      className: "absolute top-2 right-2 z-20 bg-gray-200 text-gray-800 rounded-full p-1 hover:bg-gray-300 focus:outline-none",
+      "aria-label": "Fermer la passerelle de paiement"
+    },
+    /* @__PURE__ */ React7.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React7.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" }))
+  ), /* @__PURE__ */ React7.createElement("iframe", { src: iframeUrl, className: "w-full h-full border-0", title: "Payment Gateway", allow: "payment" })), /* @__PURE__ */ React7.createElement(HeaderBar_default, { id: paymentConfig.id, onClose }), /* @__PURE__ */ React7.createElement("div", { className: "p-6 overflow-y-auto flex-grow" }, /* @__PURE__ */ React7.createElement("p", { className: "text-sm text-gray-600 text-center mb-4" }, "Remplissez les champs suivants pour effectuer votre paiement"), !paymentConfig.case && /* @__PURE__ */ React7.createElement("div", { className: "flex justify-center mb-6 border-b pb-4 w-full gap-2" }, paymentTabs.map(({ label, value, icon }) => /* @__PURE__ */ React7.createElement(
+    "div",
+    {
+      key: value,
+      onClick: () => handlePaymentMethodChange(value),
+      className: `flex flex-col items-center flex-1 max-w-[120px] px-3 py-2 cursor-pointer rounded border ${paymentMethod === value ? "bg-[#fff7ed] border-[#D45D00]" : "bg-white border-gray-300 hover:border-[#D45D00]"}`
+    },
+    /* @__PURE__ */ React7.createElement("div", { className: "w-8 h-8 rounded-full flex items-center justify-center mb-1" }, icon),
+    /* @__PURE__ */ React7.createElement("span", { className: "text-xs font-medium text-center" }, label)
+  ))), /* @__PURE__ */ React7.createElement("div", { className: "space-y-6" }, showPersonalInfo && /* @__PURE__ */ React7.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React7.createElement("h2", { className: "font-bold text-gray-800 mb-2 flex items-center" }, /* @__PURE__ */ React7.createElement("span", { className: "bg-gray-800 text-white rounded-full w-5 h-5 inline-flex items-center justify-center text-xs mr-2" }, "1"), "Informations Personnelles"), !hidden.includes("name") && /* @__PURE__ */ React7.createElement(
+    "input",
+    {
+      type: "text",
+      placeholder: "Nom et Pr\xE9noms",
+      className: "w-full px-2 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-primary-orange text-xs",
+      value: fullName,
+      onChange: (e) => setFullName(e.target.value)
+    }
+  ), !hidden.includes("email") && /* @__PURE__ */ React7.createElement(
+    "input",
+    {
+      type: "email",
+      placeholder: "Email",
+      className: "w-full px-2 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-primary-orange text-xs",
+      value: email,
+      onChange: (e) => setEmail(e.target.value)
+    }
+  )), /* @__PURE__ */ React7.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React7.createElement("h2", { className: "font-bold text-gray-800 mb-2 flex items-center" }, /* @__PURE__ */ React7.createElement("span", { className: "bg-gray-800 text-white rounded-full w-5 h-5 inline-flex items-center justify-center text-xs mr-2" }, paymentMethod === "CARD" || hidden.includes("email") && hidden.includes("name") ? "1" : "2"), paymentMethod === "CARD" ? "Paiement par Carte Bancaire" : "M\xE9thodes de paiement"), paymentMethod === "MOBILE" && /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("div", { className: "grid grid-cols-2 gap-4" }, /* @__PURE__ */ React7.createElement(CountrySelector_default, { selectedCountry: country, onChange: handleCountryChange }), /* @__PURE__ */ React7.createElement(NetworkSelector_default, { selectedNetwork: network, onChange: handleNetworkChange, country })), /* @__PURE__ */ React7.createElement("div", { className: "flex" }, /* @__PURE__ */ React7.createElement("div", { className: "bg-gray-100 px-3 py-2 border border-r-0 rounded-l-md flex items-center justify-center" }, /* @__PURE__ */ React7.createElement("span", { className: "text-gray-600 text-xs" }, getPrefixFromCountry(country))), /* @__PURE__ */ React7.createElement(
+    "input",
+    {
+      type: "tel",
+      placeholder: "Num\xE9ro sans indicatif",
+      className: "flex-1 px-2 py-2 border rounded-r-md focus:outline-none focus:ring-2 focus:ring-primary-orange text-xs",
+      value: phoneNumber,
+      onChange: handlePhoneChange
+    }
+  )), country === "SENEGAL" && network === "ORANGE" && /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(
+    "input",
+    {
+      type: "text",
+      ref: otpInputRef,
+      placeholder: "Code OTP de validation",
+      className: "w-full px-2 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-primary-orange text-xs"
+    }
+  ), /* @__PURE__ */ React7.createElement("span", { className: "text-xs text-gray-900" }, "Code obtenu en tapant *144*391# sur votre t\xE9l\xE9phone"))), paymentMethod === "CARD" && /* @__PURE__ */ React7.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React7.createElement("p", { className: "text-red-500 text-sm" }, "Les paiements par cartes sont momentan\xE9ment indisponibles."), /* @__PURE__ */ React7.createElement("div", { className: "grid grid-cols-2 gap-4" }, /* @__PURE__ */ React7.createElement("div", null, /* @__PURE__ */ React7.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "Pr\xE9nom"), /* @__PURE__ */ React7.createElement(
+    "input",
+    {
+      type: "text",
+      placeholder: "Pr\xE9nom",
+      className: "w-full px-2 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-primary-orange text-xs",
+      value: fullName.split(" ")[0] || "",
+      onChange: (e) => {
+        const lastName = fullName.split(" ").slice(1).join(" ");
+        setFullName(`${e.target.value} ${lastName}`.trim());
+      }
+    }
+  )), /* @__PURE__ */ React7.createElement("div", null, /* @__PURE__ */ React7.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "Nom"), /* @__PURE__ */ React7.createElement(
+    "input",
+    {
+      type: "text",
+      placeholder: "Nom",
+      className: "w-full px-2 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-primary-orange text-xs",
+      value: fullName.split(" ").slice(1).join(" ") || "",
+      onChange: (e) => {
+        const firstName = fullName.split(" ")[0] || "";
+        setFullName(`${firstName} ${e.target.value}`.trim());
+      }
+    }
+  ))), /* @__PURE__ */ React7.createElement("div", null, /* @__PURE__ */ React7.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "Email"), /* @__PURE__ */ React7.createElement(
+    "input",
+    {
+      type: "email",
+      placeholder: "exemple@email.com",
+      className: "w-full px-2 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-primary-orange text-xs",
+      value: email,
+      onChange: (e) => setEmail(e.target.value)
+    }
+  )), /* @__PURE__ */ React7.createElement("div", null, /* @__PURE__ */ React7.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "T\xE9l\xE9phone"), /* @__PURE__ */ React7.createElement(
+    "input",
+    {
+      type: "tel",
+      placeholder: "Num\xE9ro avec indicatif",
+      className: "w-full px-2 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-primary-orange text-xs",
+      value: phoneNumber,
+      onChange: (e) => setPhoneNumber(e.target.value)
+    }
+  )), /* @__PURE__ */ React7.createElement("div", null, /* @__PURE__ */ React7.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "Type de carte"), /* @__PURE__ */ React7.createElement(
+    "select",
+    {
+      className: "w-full px-2 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-primary-orange text-xs",
+      value: typeCard,
+      onChange: (e) => setTypeCard(e.target.value)
+    },
+    /* @__PURE__ */ React7.createElement("option", { value: "VISA" }, "VISA"),
+    /* @__PURE__ */ React7.createElement("option", { value: "MASTERCARD" }, "MASTERCARD")
+  ))), paymentMethod === "WALLET" && /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("div", { className: "grid grid-cols-2 gap-4" }, /* @__PURE__ */ React7.createElement("div", { className: "relative" }, /* @__PURE__ */ React7.createElement(
+    "select",
+    {
+      value: country,
+      onChange: (e) => handleCountryChange(e.target.value),
+      className: "block w-full px-2 py-2 pr-8 border rounded-md appearance-none focus:outline-none focus:ring-2 focus:ring-primary-orange text-xs"
+    },
+    /* @__PURE__ */ React7.createElement("option", { value: "BENIN" }, "\u{1F1E7}\u{1F1EF} B\xE9nin"),
+    /* @__PURE__ */ React7.createElement("option", { value: "COTE_D_IVOIRE" }, "\u{1F1E8}\u{1F1EE} C\xF4te d'Ivoire")
+  ), /* @__PURE__ */ React7.createElement("div", { className: "pointer-events-none absolute inset-y-0 right-2 flex items-center" }, /* @__PURE__ */ React7.createElement("svg", { className: "h-4 w-4 text-gray-400", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React7.createElement("path", { fillRule: "evenodd", d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z", clipRule: "evenodd" })))), /* @__PURE__ */ React7.createElement("div", null, /* @__PURE__ */ React7.createElement(
+    "select",
+    {
+      value: network,
+      disabled: true,
+      className: "block w-full px-2 py-2 pr-8 border rounded-md appearance-none focus:outline-none focus:ring-2 focus:ring-primary-orange text-xs bg-gray-50"
+    },
+    country === "BENIN" && /* @__PURE__ */ React7.createElement("option", { value: "CORIS" }, "CORIS"),
+    country === "COTE_D_IVOIRE" && /* @__PURE__ */ React7.createElement("option", { value: "WAVE" }, "WAVE")
+  ))), /* @__PURE__ */ React7.createElement("div", { className: "flex" }, /* @__PURE__ */ React7.createElement("div", { className: "bg-gray-100 px-3 py-2 border border-r-0 rounded-l-md flex items-center justify-center" }, /* @__PURE__ */ React7.createElement("span", { className: "text-gray-600 text-sm" }, country === "BENIN" ? "+229" : country === "COTE_D_IVOIRE" ? "+225" : "")), /* @__PURE__ */ React7.createElement(
+    "input",
+    {
+      type: "tel",
+      placeholder: "Num\xE9ro sans indicatif",
+      className: "flex-1 px-2 py-2 border rounded-r-md focus:outline-none focus:ring-2 focus:ring-primary-orange text-xs",
+      value: phoneNumber,
+      onChange: handlePhoneChange
+    }
+  ))), /* @__PURE__ */ React7.createElement("div", { className: "bg-gray-50 p-4 rounded-md" }, /* @__PURE__ */ React7.createElement("div", { className: "flex justify-between mb-1" }, /* @__PURE__ */ React7.createElement("span", { className: "text-sm text-gray-600" }, "Montant :"), /* @__PURE__ */ React7.createElement("span", { className: "text-sm font-medium" }, (_a = paymentConfig.amount) == null ? void 0 : _a.toLocaleString("fr-FR"), " ", paymentConfig.currency || "XOF")), /* @__PURE__ */ React7.createElement("div", { className: "flex justify-between mb-1" }, /* @__PURE__ */ React7.createElement("span", { className: "text-sm text-gray-600" }, "Frais* :"), /* @__PURE__ */ React7.createElement("span", { className: "text-sm font-medium" }, fees > 0 ? `${fees.toLocaleString("fr-FR")} ${paymentConfig.currency || "XOF"}` : `0 ${paymentConfig.currency || "XOF"}`)), /* @__PURE__ */ React7.createElement("div", { className: "flex justify-between font-bold" }, /* @__PURE__ */ React7.createElement("span", null, "Montant total \xE0 payer :"), /* @__PURE__ */ React7.createElement("span", null, total.toLocaleString("fr-FR"), " ", paymentConfig.currency || "XOF")), /* @__PURE__ */ React7.createElement("p", { className: "text-xs text-gray-500 mt-2" }, fees > 0 ? `*Les frais de transaction sont de ${feePercentage.toFixed(1).replace(".", ",")}% du montant.` : "*Aucun frais de transaction applicable pour cette transaction.")), /* @__PURE__ */ React7.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React7.createElement("div", { className: "flex space-x-2" }, /* @__PURE__ */ React7.createElement(
+    "button",
+    {
+      onClick: onClose,
+      className: "w-1/3 bg-gray-200 hover:bg-gray-300 text-primary-blue font-bold py-2 px-4 rounded-md transition-colors duration-300 flex items-center justify-center"
+    },
+    "Retour"
+  ), /* @__PURE__ */ React7.createElement(
+    "button",
+    {
+      onClick: handlePaymentSubmit,
+      disabled: isLoading,
+      className: `w-2/3 bg-primary-orange hover:bg-orange-700 text-white font-bold py-2 px-4 rounded-md transition-colors duration-300 flex items-center justify-center ${isLoading ? "opacity-70 cursor-not-allowed" : ""}`
+    },
+    isLoading && /* @__PURE__ */ React7.createElement("svg", { className: "animate-spin -ml-1 mr-2 h-4 w-4 text-white", fill: "none", viewBox: "0 0 24 24" }, /* @__PURE__ */ React7.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), /* @__PURE__ */ React7.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })),
+    "Payer ",
+    total.toLocaleString("fr-FR"),
+    " ",
+    paymentConfig.currency || "XOF"
+  ))))), /* @__PURE__ */ React7.createElement("div", { className: "mt-6 text-center text-xs text-gray-500 flex-shrink-0 bg-gray-50 w-full p-2" }, /* @__PURE__ */ React7.createElement("p", { className: "mt-2" }, "Paiements s\xE9curis\xE9s par FeexPay"), /* @__PURE__ */ React7.createElement("p", { className: "mt-2" }, "En payant par ce plugin, vous acceptez les", " ", /* @__PURE__ */ React7.createElement(
+    "a",
+    {
+      className: "text-blue-900",
+      style: { textDecoration: "underline" },
+      target: "_blank",
+      rel: "noreferrer",
+      href: "https://feexpay.me/fr/terms-and-conditions"
+    },
+    "conditions g\xE9n\xE9rales d'utilisation de FeexPay"
+  ))))), /* @__PURE__ */ React7.createElement(
+    StatusModal_default,
+    {
+      isOpen: statusModalOpen,
+      onClose: () => setStatusModalOpen(false),
+      status: paymentStatus,
+      message: statusMessage
+    }
+  ), /* @__PURE__ */ React7.createElement(
+    OTPModal_default,
+    {
+      isOpen: otpModalOpen,
+      onClose: () => {
+        setOtpModalOpen(false);
+        setIsLoading(false);
+      },
+      onSubmit: handleOTPSubmit,
+      reference: pendingReference
+    }
+  ));
+};
+var PaymentModal_default = PaymentModal;
+
+// src/components/FeexPayButton.tsx
+var FeexPayButtonInner = ({
+  amount,
+  description = "",
+  id,
+  token,
+  callback_url,
+  error_callback_url,
+  mode = "LIVE",
+  customId,
+  fields_to_hide,
+  callback,
+  currency = "XOF",
+  case: caseType,
+  callback_info,
+  first_name,
+  email,
+  custom_button = false,
+  buttonText,
+  buttonClass,
+  defaultValueField
+}) => {
+  const [isModalOpen, setIsModalOpen] = useState5(false);
+  const [shopLoaded, setShopLoaded] = useState5(false);
+  const [shopError, setShopError] = useState5(null);
+  const { setPaymentConfig } = useFeexPay();
+  const containerRef = useRef2(null);
+  useEffect4(() => {
+    getShop(id).then(() => setShopLoaded(true)).catch(() => setShopError("Veuillez v\xE9rifier vos identifiants de boutique (ID et token)."));
+  }, [id]);
+  const handlePaymentClick = useCallback2(() => {
+    setPaymentConfig({
+      amount,
+      description,
+      id,
+      token,
+      callback_url,
+      error_callback_url,
+      mode,
+      customId,
+      fields_to_hide,
+      callback,
+      currency,
+      case: caseType,
+      callback_info,
+      first_name,
+      email,
+      buttonText,
+      buttonClass,
+      defaultValueField
+    });
+    setIsModalOpen(true);
+  }, [
+    amount,
+    description,
+    id,
+    token,
+    callback_url,
+    error_callback_url,
+    mode,
+    customId,
+    fields_to_hide,
+    callback,
+    currency,
+    caseType,
+    callback_info,
+    first_name,
+    email,
+    buttonText,
+    buttonClass,
+    defaultValueField,
+    setPaymentConfig
+  ]);
+  useEffect4(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    const handler = () => handlePaymentClick();
+    container.addEventListener("feexpay:trigger", handler);
+    return () => container.removeEventListener("feexpay:trigger", handler);
+  }, [handlePaymentClick]);
+  const defaultButtonText = buttonText || `Payer ${amount == null ? void 0 : amount.toLocaleString("fr-FR")} ${currency}`;
+  return /* @__PURE__ */ React8.createElement("div", { ref: containerRef }, shopError ? /* @__PURE__ */ React8.createElement("p", { className: "text-red-600 text-sm mb-2" }, shopError) : shopLoaded && !custom_button ? /* @__PURE__ */ React8.createElement(
+    "button",
+    {
+      onClick: handlePaymentClick,
+      className: buttonClass || "bg-primary-orange hover:bg-orange-700 text-white font-bold py-3 px-4 rounded-md transition-colors duration-300 flex items-center justify-center"
+    },
+    defaultButtonText
+  ) : null, isModalOpen && /* @__PURE__ */ React8.createElement(PaymentModal_default, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false) }));
+};
+var FeexPayButton_default = FeexPayButtonInner;
+
+// src/index.tsx
+var FeexPay = ({
+  amount,
+  token,
+  id,
+  description,
+  callback,
+  callback_url,
+  error_callback_url,
+  callback_info,
+  reference,
+  customId,
+  fieldsToHide,
+  fields_to_hide,
+  buttonClass,
+  buttonText,
+  defaultValueField,
+  mode,
+  currency,
+  case: caseType,
+  first_name,
+  email
+}) => {
+  const effectiveCustomId = reference || customId;
+  const effectiveFieldsToHide = fieldsToHide || fields_to_hide;
+  return /* @__PURE__ */ React9.createElement(FeexPayProvider, null, /* @__PURE__ */ React9.createElement(
+    FeexPayButton_default,
+    {
+      amount,
+      token,
+      id,
+      description,
+      callback,
+      callback_url,
+      error_callback_url,
+      callback_info,
+      customId: effectiveCustomId,
+      fields_to_hide: effectiveFieldsToHide,
+      buttonClass,
+      buttonText,
+      defaultValueField,
+      mode,
+      currency,
+      case: caseType,
+      first_name,
+      email
+    }
+  ));
+};
+var FeexPayButton = (props) => /* @__PURE__ */ React9.createElement(FeexPay, __spreadValues({}, props));
+var index_default = FeexPay;
+export {
+  FeexPayButton,
+  FeexPayProvider,
+  index_default as default
+};