@bleepay/ui 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,127 @@
+import { ComponentChildren } from 'preact';
+import { CSSProperties } from 'preact';
+import { JSX } from 'preact';
+
+export declare const BleepButton: (props: ButtonProps) => JSX.Element;
+
+export declare const BleepButtonGroup: (props: ButtonGroupProps) => JSX.Element;
+
+export declare const BleepCodeInput: (props: CodeInputProps) => JSX.Element;
+
+export declare const BleepModal: (props: ModalProps) => JSX.Element;
+
+export declare const BleepTransactionDescriptionRow: (props: TransactionDescriptionRowProps) => JSX.Element;
+
+export declare const BleepTransactionRow: (props: TransactionRowProps) => JSX.Element;
+
+export declare const BleepTransactionRowGroup: (props: TransactionRowGroupProps) => JSX.Element;
+
+export declare type ButtonGroupProps = {
+    children: ComponentChildren;
+};
+
+export declare type ButtonProps = {
+    variant?: 'primary' | 'secondary';
+    disabled?: boolean;
+    onClick?: () => void;
+    children: ComponentChildren;
+    type?: 'button' | 'submit';
+    style?: Partial<CSSProperties>;
+};
+
+export declare type CodeInputConfig = {
+    onChange?: (code: string) => void;
+    onComplete?: (code: string) => void;
+    disabled?: boolean;
+    error?: string;
+    label?: string;
+    style?: Partial<CSSProperties>;
+};
+
+export declare type CodeInputProps = {
+    onComplete?: (code: string) => void;
+    onChange?: (code: string) => void;
+    disabled?: boolean;
+    error?: string;
+    label?: string;
+    style?: Partial<CSSProperties>;
+};
+
+export declare type ModalButton = {
+    label: string;
+    variant?: 'primary' | 'secondary';
+    disabled?: boolean;
+    onClick: () => void;
+    style?: Partial<CSSProperties>;
+};
+
+export declare type ModalConfig = {
+    id?: string;
+    title?: string;
+    subtitle?: string;
+    logo?: ModalLogo;
+    onClose?: () => void;
+    slots?: ModalSlot[];
+};
+
+export declare type ModalLogo = ModalProps['logo'];
+
+export declare type ModalProps = {
+    title?: string;
+    subtitle?: string;
+    logo?: 'brand' | 'pending' | 'loading' | 'error' | 'success' | 'none';
+    onClose?: () => void;
+    children?: ComponentChildren;
+    style?: Partial<CSSProperties>;
+};
+
+export declare class ModalRenderer {
+    private readonly container;
+    private readonly mountPoint;
+    private config;
+    constructor(config: ModalConfig);
+    update(partial: Partial<ModalConfig>): void;
+    destroy(): void;
+    private doRender;
+}
+
+export declare type ModalRow = {
+    label: string;
+    value: string;
+    type?: 'default' | 'description';
+    style?: Partial<CSSProperties>;
+};
+
+export declare type ModalSlot = {
+    type: ModalSlotType.CodeInput;
+    config: CodeInputConfig;
+} | {
+    type: ModalSlotType.ButtonGroup;
+    buttons: ModalButton[];
+} | {
+    type: ModalSlotType.TransactionRows;
+    rows: ModalRow[];
+};
+
+export declare enum ModalSlotType {
+    CodeInput = "codeInput",
+    ButtonGroup = "buttonGroup",
+    TransactionRows = "transactionRows"
+}
+
+export declare type TransactionDescriptionRowProps = {
+    value: string;
+    style?: Partial<CSSProperties>;
+};
+
+export declare type TransactionRowGroupProps = {
+    children: ComponentChildren;
+};
+
+export declare type TransactionRowProps = {
+    label: string;
+    value: string;
+    style?: Partial<CSSProperties>;
+};
+
+export { }

package/dist/index.es.js

@@ -0,0 +1,393 @@
+import { options as F, render as W } from "preact";
+import { VOUCHER_CODE_LENGTH as y } from "@bleepay/core";
+var o2 = 0;
+function i(e, t, o, n, a, f) {
+  t || (t = {});
+  var l, c, r = t;
+  if ("ref" in r) for (c in r = {}, t) c == "ref" ? l = t[c] : r[c] = t[c];
+  var s = { type: e, props: r, key: o, ref: l, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --o2, __i: -1, __u: 0, __source: a, __self: f };
+  if (typeof e == "function" && (l = e.defaultProps)) for (c in l) r[c] === void 0 && (r[c] = l[c]);
+  return F.vnode && F.vnode(s), s;
+}
+const n2 = "_button_cjod8_2", i2 = "_primary_cjod8_19", r2 = "_secondary_cjod8_30", c2 = "_buttonGroup_cjod8_37", $ = {
+  button: n2,
+  primary: i2,
+  secondary: r2,
+  buttonGroup: c2
+}, s2 = (e) => {
+  const {
+    variant: t = "primary",
+    disabled: o = !1,
+    onClick: n,
+    children: a,
+    type: f = "button",
+    style: l = {}
+  } = e;
+  return /* @__PURE__ */ i(
+    "button",
+    {
+      class: `${$.button} ${$[t]}`,
+      style: l,
+      disabled: o,
+      onClick: n,
+      type: f,
+      children: a
+    }
+  );
+}, l2 = (e) => /* @__PURE__ */ i("div", { class: $.buttonGroup, children: e.children });
+var k, d, Z, A, E = 0, Y = [], p = F, G = p.__b, R = p.__r, P = p.diffed, N = p.__c, U = p.unmount, T = p.__;
+function z(e, t) {
+  p.__h && p.__h(d, e, E || t), E = 0;
+  var o = d.__H || (d.__H = { __: [], __h: [] });
+  return e >= o.__.length && o.__.push({}), o.__[e];
+}
+function q(e) {
+  return E = 1, a2(X, e);
+}
+function a2(e, t, o) {
+  var n = z(k++, 2);
+  if (n.t = e, !n.__c && (n.__ = [X(void 0, t), function(c) {
+    var r = n.__N ? n.__N[0] : n.__[0], s = n.t(r, c);
+    r !== s && (n.__N = [s, n.__[1]], n.__c.setState({}));
+  }], n.__c = d, !d.__f)) {
+    var a = function(c, r, s) {
+      if (!n.__c.__H) return !0;
+      var w = n.__c.__H.__.filter(function(C) {
+        return !!C.__c;
+      });
+      if (w.every(function(C) {
+        return !C.__N;
+      })) return !f || f.call(this, c, r, s);
+      var H = n.__c.props !== c;
+      return w.forEach(function(C) {
+        if (C.__N) {
+          var M = C.__[0];
+          C.__ = C.__N, C.__N = void 0, M !== C.__[0] && (H = !0);
+        }
+      }), f && f.call(this, c, r, s) || H;
+    };
+    d.__f = !0;
+    var f = d.shouldComponentUpdate, l = d.componentWillUpdate;
+    d.componentWillUpdate = function(c, r, s) {
+      if (this.__e) {
+        var w = f;
+        f = void 0, a(c, r, s), f = w;
+      }
+      l && l.call(this, c, r, s);
+    }, d.shouldComponentUpdate = a;
+  }
+  return n.__N || n.__;
+}
+function K(e, t) {
+  var o = z(k++, 3);
+  !p.__s && Q(o.__H, t) && (o.__ = e, o.u = t, d.__H.__h.push(o));
+}
+function S(e) {
+  return E = 5, J(function() {
+    return { current: e };
+  }, []);
+}
+function J(e, t) {
+  var o = z(k++, 7);
+  return Q(o.__H, t) && (o.__ = e(), o.__H = t, o.__h = e), o.__;
+}
+function I(e, t) {
+  return E = 8, J(function() {
+    return e;
+  }, t);
+}
+function _2() {
+  for (var e; e = Y.shift(); ) if (e.__P && e.__H) try {
+    e.__H.__h.forEach(L), e.__H.__h.forEach(j), e.__H.__h = [];
+  } catch (t) {
+    e.__H.__h = [], p.__e(t, e.__v);
+  }
+}
+p.__b = function(e) {
+  d = null, G && G(e);
+}, p.__ = function(e, t) {
+  e && t.__k && t.__k.__m && (e.__m = t.__k.__m), T && T(e, t);
+}, p.__r = function(e) {
+  R && R(e), k = 0;
+  var t = (d = e.__c).__H;
+  t && (Z === d ? (t.__h = [], d.__h = [], t.__.forEach(function(o) {
+    o.__N && (o.__ = o.__N), o.u = o.__N = void 0;
+  })) : (t.__h.forEach(L), t.__h.forEach(j), t.__h = [], k = 0)), Z = d;
+}, p.diffed = function(e) {
+  P && P(e);
+  var t = e.__c;
+  t && t.__H && (t.__H.__h.length && (Y.push(t) !== 1 && A === p.requestAnimationFrame || ((A = p.requestAnimationFrame) || d2)(_2)), t.__H.__.forEach(function(o) {
+    o.u && (o.__H = o.u), o.u = void 0;
+  })), Z = d = null;
+}, p.__c = function(e, t) {
+  t.some(function(o) {
+    try {
+      o.__h.forEach(L), o.__h = o.__h.filter(function(n) {
+        return !n.__ || j(n);
+      });
+    } catch (n) {
+      t.some(function(a) {
+        a.__h && (a.__h = []);
+      }), t = [], p.__e(n, o.__v);
+    }
+  }), N && N(e, t);
+}, p.unmount = function(e) {
+  U && U(e);
+  var t, o = e.__c;
+  o && o.__H && (o.__H.__.forEach(function(n) {
+    try {
+      L(n);
+    } catch (a) {
+      t = a;
+    }
+  }), o.__H = void 0, t && p.__e(t, o.__v));
+};
+var O = typeof requestAnimationFrame == "function";
+function d2(e) {
+  var t, o = function() {
+    clearTimeout(n), O && cancelAnimationFrame(t), setTimeout(e);
+  }, n = setTimeout(o, 35);
+  O && (t = requestAnimationFrame(o));
+}
+function L(e) {
+  var t = d, o = e.__c;
+  typeof o == "function" && (e.__c = void 0, o()), d = t;
+}
+function j(e) {
+  var t = d;
+  e.__c = e.__(), d = t;
+}
+function Q(e, t) {
+  return !e || e.length !== t.length || t.some(function(o, n) {
+    return o !== e[n];
+  });
+}
+function X(e, t) {
+  return typeof t == "function" ? t(e) : t;
+}
+const p2 = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1791_30856)'%3e%3cpath%20d='M13.9277%207.34668L19.123%202.15137L21.8506%204.87891L16.6582%2010.0713H24V13.9277H16.6543L21.8486%2019.1221L19.1211%2021.8496L13.9277%2016.6562V24H10.0713V16.6582L4.87988%2021.8496L2.15234%2019.1221L7.34668%2013.9277H0V10.0713H7.34277L2.15039%204.87891L4.87793%202.15137L10.0713%207.34473V0H13.9277V7.34668Z'%20fill='%230E0E0E'%20fill-opacity='0.08'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1791_30856'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", u2 = "_container_ekx8m_2", f2 = "_label_ekx8m_20", h2 = "_error_ekx8m_26", C2 = "_inputGroup_ekx8m_30", g2 = "_digitWrapper_ekx8m_36", m2 = "_hasValue_ekx8m_46", w2 = "_focused_ekx8m_46", v2 = "_iconWrapper_ekx8m_49", x2 = "_digit_ekx8m_36", y2 = "_hasError_ekx8m_91", g = {
+  container: u2,
+  label: f2,
+  error: h2,
+  inputGroup: C2,
+  digitWrapper: g2,
+  hasValue: m2,
+  focused: w2,
+  iconWrapper: v2,
+  digit: x2,
+  hasError: y2
+}, b2 = (e) => {
+  const {
+    onComplete: t,
+    onChange: o,
+    disabled: n = !1,
+    error: a,
+    label: f = "Enter the generated Bleep Code",
+    style: l = {}
+  } = e, [c, r] = q(Array(y).fill("")), s = S([]), [w, H] = q(-1);
+  K(() => {
+    s.current[0]?.focus();
+  }, []);
+  const C = I(
+    (u, h) => {
+      const _ = h.replace(/\D/g, "");
+      if (_.length > 0) {
+        const v = [...c];
+        v[u] = _[0] ?? "", r(v);
+        const x = v.join("");
+        o?.(x), u < y - 1 && s.current[u + 1]?.focus(), x.length === y && t?.(x);
+      }
+    },
+    [c, o, t]
+  ), M = I(
+    (u, h) => {
+      if (h.key === "Backspace") {
+        h.preventDefault();
+        const _ = [...c];
+        _[u] ? (_[u] = "", r(_), o?.(_.join(""))) : u > 0 && (_[u - 1] = "", r(_), o?.(_.join("")), s.current[u - 1]?.focus());
+      } else h.key === "ArrowLeft" && u > 0 ? s.current[u - 1]?.focus() : h.key === "ArrowRight" && u < y - 1 && s.current[u + 1]?.focus();
+    },
+    [c, o]
+  ), t2 = I(
+    (u) => {
+      u.preventDefault();
+      const _ = (u.clipboardData?.getData("text") ?? "").replace(/\D/g, "").slice(0, y), v = [...c];
+      for (let V = 0; V < _.length; V++) {
+        const D = _[V];
+        D !== void 0 && (v[V] = D);
+      }
+      r(v);
+      const x = v.join("");
+      o?.(x);
+      const e2 = Math.min(_.length, y) - 1;
+      s.current[e2]?.focus(), x.length === y && t?.(x);
+    },
+    [c, o, t]
+  );
+  return /* @__PURE__ */ i("div", { class: g.container, style: l, children: [
+    f && /* @__PURE__ */ i("p", { class: `${g.label} ${a ? g.error : ""}`, children: a || f }),
+    /* @__PURE__ */ i("div", { class: g.inputGroup, children: c.map((u, h) => /* @__PURE__ */ i(
+      "div",
+      {
+        class: `${g.digitWrapper} ${u ? g.hasValue : ""} ${w === h ? g.focused : ""}`,
+        children: [
+          /* @__PURE__ */ i("div", { class: g.iconWrapper, children: /* @__PURE__ */ i("img", { src: p2, alt: "Code" }) }),
+          /* @__PURE__ */ i(
+            "input",
+            {
+              ref: (_) => {
+                s.current[h] = _;
+              },
+              type: "text",
+              inputMode: "numeric",
+              maxLength: 1,
+              class: `${g.digit} ${a ? g.hasError : ""}`,
+              value: u,
+              disabled: n,
+              onInput: (_) => C(h, _.target.value),
+              onKeyDown: (_) => M(h, _),
+              onPaste: t2,
+              onFocus: (_) => {
+                H(h);
+              },
+              onBlur: () => H(-1)
+            }
+          )
+        ]
+      },
+      h
+    )) })
+  ] });
+}, H2 = "data:image/svg+xml,%3csvg%20width='104'%20height='104'%20viewBox='0%200%20104%20104'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='103'%20height='103'%20rx='23.5'%20fill='%23FFEEEB'%20stroke='%23FFDFDC'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M28.668%2052.0013C28.668%2039.1147%2039.1147%2028.668%2052.0013%2028.668C64.8878%2028.668%2075.3346%2039.1147%2075.3346%2052.0013C75.3346%2064.8878%2064.8878%2075.3346%2052.0013%2075.3346C39.1147%2075.3346%2028.668%2064.8878%2028.668%2052.0013ZM46.6512%2043.3514C45.74%2042.4402%2044.2626%2042.4402%2043.3514%2043.3514C42.4402%2044.2626%2042.4402%2045.74%2043.3514%2046.6512L48.7015%2052.0013L43.3514%2057.3514C42.4402%2058.2626%2042.4402%2059.74%2043.3514%2060.6512C44.2626%2061.5624%2045.74%2061.5624%2046.6512%2060.6512L52.0013%2055.3011L57.3514%2060.6512C58.2626%2061.5624%2059.74%2061.5624%2060.6512%2060.6512C61.5624%2059.74%2061.5624%2058.2626%2060.6512%2057.3514L55.3011%2052.0013L60.6512%2046.6512C61.5624%2045.74%2061.5624%2044.2626%2060.6512%2043.3514C59.74%2042.4402%2058.2626%2042.4402%2057.3514%2043.3514L52.0013%2048.7015L46.6512%2043.3514Z'%20fill='%23FD4834'/%3e%3c/svg%3e", k2 = "data:image/svg+xml,%3csvg%20width='104'%20height='104'%20viewBox='0%200%20104%20104'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='103'%20height='103'%20rx='23.5'%20fill='%23ECF3FE'%20stroke='%23E2EDFD'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M52.0013%2028.668C64.8878%2028.668%2075.3346%2039.1147%2075.3346%2052.0013C75.3346%2064.8878%2064.8878%2075.3346%2052.0013%2075.3346C39.1147%2075.3346%2028.668%2064.8878%2028.668%2052.0013C28.668%2039.1147%2039.1147%2028.668%2052.0013%2028.668ZM52.0013%2052.0013H35.668C35.668%2061.022%2042.9807%2068.3346%2052.0013%2068.3346C61.022%2068.3346%2068.3346%2061.022%2068.3346%2052.0013C68.3346%2042.9807%2061.022%2035.668%2052.0013%2035.668V52.0013Z'%20fill='%233B82F6'/%3e%3c/svg%3e", E2 = "data:image/svg+xml,%3csvg%20width='104'%20height='104'%20viewBox='0%200%20104%20104'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='104'%20height='104'%20rx='24'%20fill='%230E0E0E'/%3e%3crect%20x='37.999'%20y='77.832'%20width='51.6623'%20height='8.30284'%20transform='rotate(-90%2037.999%2077.832)'%20fill='white'/%3e%3crect%20x='46.3066'%20y='56.1523'%20width='38.7466'%20height='8.30288'%20transform='rotate(180%2046.3066%2056.1523)'%20fill='white'/%3e%3crect%20width='30.5444'%20height='8.30286'%20transform='matrix(-0.707105%20-0.707108%200.707105%20-0.707109%2038.8359%2054.5547)'%20fill='white'/%3e%3crect%20width='29.815'%20height='8.30286'%20transform='matrix(-0.707105%200.707109%20-0.707105%20-0.707109%2044.1904%2055.8398)'%20fill='white'/%3e%3cpath%20d='M62.7315%2047.8013H77.4912C79.6618%2047.8013%2081.4706%2047.1983%2082.9176%2045.9925C84.3646%2044.7383%2085.0882%2042.9537%2085.0882%2040.6384C85.0882%2038.0337%2084.437%2036.2008%2083.1347%2035.1396C81.8323%2034.0785%2079.9512%2033.5479%2077.4912%2033.5479H62.7315V47.8013ZM53.6875%2026.168H78.7936C83.4241%2026.168%2087.1381%2027.2291%2089.9357%2029.3515C92.7333%2031.4738%2094.1321%2034.6814%2094.1321%2038.9743C94.1321%2041.579%2093.481%2043.8219%2092.1786%2045.703C90.9245%2047.536%2089.1157%2048.9589%2086.7523%2049.9718V50.1165C89.9357%2050.7918%2092.3475%2052.3112%2093.9874%2054.6747C95.6274%2056.99%2096.4474%2059.9082%2096.4474%2063.4293C96.4474%2065.4552%2096.0856%2067.3605%2095.3621%2069.1451C94.6386%2070.8816%2093.5051%2072.401%2091.9616%2073.7033C90.4181%2074.9574%2088.4405%2075.9704%2086.0287%2076.7421C83.617%2077.4656%2080.7471%2077.8274%2077.4189%2077.8274H53.6875V26.168ZM62.7315%2070.4475H78.7212C81.4706%2070.4475%2083.5929%2069.7481%2085.0882%2068.3493C86.6317%2066.9022%2087.4034%2064.8764%2087.4034%2062.2717C87.4034%2059.7152%2086.6317%2057.7617%2085.0882%2056.4112C83.5929%2055.0124%2081.4706%2054.3129%2078.7212%2054.3129H62.7315V70.4475Z'%20fill='white'/%3e%3cpath%20d='M13.4981%2028.0213L14.209%2026.168H14.9389V28.783H14.4629V26.7392H14.4502L13.6695%2028.783H13.3141L12.5334%2026.7392H12.5207V28.783H12.0447V26.168H12.7809L13.4981%2028.0213ZM11.5115%2026.5805H10.7118V28.783H10.204V26.5805H9.4043V26.168H11.5115V26.5805Z'%20fill='white'/%3e%3c/svg%3e", V2 = "data:image/svg+xml,%3csvg%20width='104'%20height='104'%20viewBox='0%200%20104%20104'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M24%200.5H80C92.9787%200.5%20103.5%2011.0213%20103.5%2024V80C103.5%2092.9787%2092.9787%20103.5%2080%20103.5H24C11.0213%20103.5%200.5%2092.9787%200.5%2080V24C0.5%2011.0213%2011.0213%200.5%2024%200.5Z'%20fill='%23F8F7F7'%20stroke='%23E9E7E5'/%3e%3cg%20clip-path='url(%23clip0_1791_30925)'%3e%3crect%20x='29.0005'%20y='38'%20width='3.33331'%20height='12.823'%20fill='%230E0E0E'/%3e%3crect%20x='41.3333'%20y='47'%20width='3.33331'%20height='21.3332'%20transform='rotate(90%2041.3333%2047)'%20fill='%230E0E0E'/%3e%3crect%20x='37.0308'%20y='39.9453'%20width='3.33331'%20height='21.3332'%20transform='rotate(45%2037.0308%2039.9453)'%20fill='%230E0E0E'/%3e%3crect%20x='39.3879'%20y='55.0312'%20width='3.33331'%20height='21.3332'%20transform='rotate(135%2039.3879%2055.0312)'%20fill='%230E0E0E'/%3e%3crect%20x='71.667'%20y='38'%20width='3.33331'%20height='12.823'%20fill='%230E0E0E'/%3e%3crect%20x='84.0005'%20y='47'%20width='3.33331'%20height='21.3332'%20transform='rotate(90%2084.0005%2047)'%20fill='%230E0E0E'/%3e%3crect%20x='79.6975'%20y='39.9453'%20width='3.33331'%20height='21.3332'%20transform='rotate(45%2079.6975%2039.9453)'%20fill='%230E0E0E'/%3e%3crect%20x='82.0552'%20y='55.0312'%20width='3.33331'%20height='21.3332'%20transform='rotate(135%2082.0552%2055.0312)'%20fill='%230E0E0E'/%3e%3crect%20x='62.6672'%20y='62.666'%20width='3.33331'%20height='21.3332'%20transform='rotate(90%2062.6672%2062.666)'%20fill='%230E0E0E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1791_30925'%3e%3crect%20width='64'%20height='28'%20fill='white'%20transform='translate(20%2038)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", L2 = "data:image/svg+xml,%3csvg%20width='104'%20height='104'%20viewBox='0%200%20104%20104'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='103'%20height='103'%20rx='23.5'%20fill='%23E7F8F0'%20stroke='%23D8F3E2'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M52.0013%2028.668C39.1147%2028.668%2028.668%2039.1147%2028.668%2052.0013C28.668%2064.8878%2039.1147%2075.3346%2052.0013%2075.3346C64.8878%2075.3346%2075.3346%2064.8878%2075.3346%2052.0013C75.3346%2039.1147%2064.8878%2028.668%2052.0013%2028.668ZM60.8073%2047.6457C61.6233%2046.6482%2061.4763%2045.1782%2060.4788%2044.3621C59.4815%2043.5461%2058.0115%2043.6931%2057.1953%2044.6905L48.3282%2055.5284L45.4846%2052.6847C44.5733%2051.7736%2043.096%2051.7736%2042.1847%2052.6847C41.2735%2053.5959%2041.2735%2055.0734%2042.1847%2055.9845L46.8514%2060.6512C47.3175%2061.1174%2047.959%2061.3647%2048.6175%2061.3318C49.276%2061.2989%2049.8896%2060.9891%2050.3073%2060.479L60.8073%2047.6457Z'%20fill='%2322C55E'/%3e%3c/svg%3e", B2 = "data:image/svg+xml,%3csvg%20width='88'%20height='20'%20viewBox='0%200%2088%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.6533%206.52246H11.6543V9.01953H11.6533V15.5391H9.15625V10.7861L4.67969%2015.2627L2.91309%2013.4971L7.3916%209.01953H0V6.52246H7.39355L2.91016%202.03906L4.67578%200.272461L9.15625%204.75293V0H11.6533V6.52246Z'%20fill='%231A1816'/%3e%3cpath%20d='M16.5953%206.5069H21.0348C21.6876%206.5069%2022.2317%206.32554%2022.6669%205.96284C23.1022%205.58563%2023.3198%205.04883%2023.3198%204.35244C23.3198%203.569%2023.1239%203.01769%2022.7322%202.69851C22.3405%202.37933%2021.7747%202.21974%2021.0348%202.21974H16.5953V6.5069ZM13.875%200H21.4265C22.8193%200%2023.9364%200.319179%2024.7779%200.957537C25.6193%201.59589%2026.0401%202.56069%2026.0401%203.85191C26.0401%204.63535%2025.8442%205.30998%2025.4525%205.87579C25.0753%206.4271%2024.5312%206.85509%2023.8203%207.15976V7.20329C24.7779%207.4064%2025.5033%207.86341%2025.9965%208.57431C26.4898%209.2707%2026.7365%2010.1484%2026.7365%2011.2075C26.7365%2011.8169%2026.6276%2012.3899%2026.41%2012.9267C26.1924%2013.449%2025.8515%2013.906%2025.3872%2014.2978C24.9229%2014.675%2024.3281%2014.9796%2023.6027%2015.2118C22.8773%2015.4294%2022.0141%2015.5382%2021.013%2015.5382H13.875V0ZM16.5953%2013.3185H21.4047C22.2317%2013.3185%2022.87%2013.1081%2023.3198%2012.6874C23.7841%2012.2521%2024.0162%2011.6428%2024.0162%2010.8593C24.0162%2010.0904%2023.7841%209.50283%2023.3198%209.0966C22.87%208.67586%2022.2317%208.46549%2021.4047%208.46549H16.5953V13.3185Z'%20fill='%231A1816'/%3e%3cpath%20d='M27.8457%200H30.3266V15.5382H27.8457V0Z'%20fill='%231A1816'/%3e%3cpath%20d='M39.7052%208.92439C39.6762%208.53267%2039.5891%208.15546%2039.444%207.79276C39.3135%207.43006%2039.1249%207.11813%2038.8782%206.85698C38.6461%206.58133%2038.3559%206.36371%2038.0077%206.20412C37.674%206.03002%2037.2968%205.94297%2036.8761%205.94297C36.4409%205.94297%2036.0419%206.02277%2035.6792%206.18236C35.331%206.32744%2035.0263%206.53781%2034.7652%206.81346C34.5185%207.07461%2034.3154%207.38653%2034.1558%207.74923C34.0107%208.11194%2033.9309%208.50366%2033.9164%208.92439H39.7052ZM33.9164%2010.5566C33.9164%2010.9918%2033.9745%2011.4125%2034.0905%2011.8188C34.2211%2012.225%2034.4097%2012.5804%2034.6564%2012.8851C34.903%2013.1898%2035.2149%2013.4364%2035.5921%2013.625C35.9693%2013.7991%2036.4191%2013.8862%2036.9414%2013.8862C37.6668%2013.8862%2038.2471%2013.7338%2038.6824%2013.4292C39.1321%2013.11%2039.4658%2012.6385%2039.6834%2012.0146H42.0337C41.9032%2012.624%2041.6783%2013.168%2041.3591%2013.6468C41.0399%2014.1256%2040.6555%2014.5318%2040.2057%2014.8655C39.756%2015.1847%2039.2482%2015.424%2038.6824%2015.5836C38.131%2015.7577%2037.5507%2015.8448%2036.9414%2015.8448C36.0564%2015.8448%2035.2729%2015.6997%2034.5911%2015.4095C33.9092%2015.1194%2033.3289%2014.7131%2032.8501%2014.1908C32.3858%2013.6686%2032.0304%2013.0447%2031.7837%2012.3193C31.5516%2011.5939%2031.4355%2010.7959%2031.4355%209.92545C31.4355%209.12751%2031.5589%208.37308%2031.8055%207.66219C32.0667%206.93678%2032.4294%206.30568%2032.8936%205.76887C33.3724%205.21757%2033.9455%204.78232%2034.6128%204.46314C35.2802%204.14396%2036.0346%203.98438%2036.8761%203.98438C37.7611%203.98438%2038.5518%204.17298%2039.2482%204.55019C39.9591%204.9129%2040.5467%205.39892%2041.0109%206.00826C41.4752%206.6176%2041.8089%207.32124%2042.012%208.11919C42.2296%208.90263%2042.2876%209.71509%2042.1861%2010.5566H33.9164Z'%20fill='%231A1816'/%3e%3cpath%20d='M51.1993%208.92439C51.1703%208.53267%2051.0833%208.15546%2050.9382%207.79276C50.8076%207.43006%2050.619%207.11813%2050.3724%206.85698C50.1402%206.58133%2049.8501%206.36371%2049.5019%206.20412C49.1682%206.03002%2048.791%205.94297%2048.3702%205.94297C47.935%205.94297%2047.536%206.02277%2047.1733%206.18236C46.8251%206.32744%2046.5205%206.53781%2046.2593%206.81346C46.0127%207.07461%2045.8096%207.38653%2045.65%207.74923C45.5049%208.11194%2045.4251%208.50366%2045.4106%208.92439H51.1993ZM45.4106%2010.5566C45.4106%2010.9918%2045.4686%2011.4125%2045.5847%2011.8188C45.7152%2012.225%2045.9039%2012.5804%2046.1505%2012.8851C46.3971%2013.1898%2046.7091%2013.4364%2047.0863%2013.625C47.4635%2013.7991%2047.9132%2013.8862%2048.4355%2013.8862C49.1609%2013.8862%2049.7413%2013.7338%2050.1765%2013.4292C50.6263%2013.11%2050.9599%2012.6385%2051.1776%2012.0146H53.5279C53.3973%2012.624%2053.1724%2013.168%2052.8532%2013.6468C52.5341%2014.1256%2052.1496%2014.5318%2051.6999%2014.8655C51.2501%2015.1847%2050.7423%2015.424%2050.1765%2015.5836C49.6252%2015.7577%2049.0449%2015.8448%2048.4355%2015.8448C47.5505%2015.8448%2046.7671%2015.6997%2046.0852%2015.4095C45.4033%2015.1194%2044.823%2014.7131%2044.3442%2014.1908C43.88%2013.6686%2043.5245%2013.0447%2043.2779%2012.3193C43.0458%2011.5939%2042.9297%2010.7959%2042.9297%209.92545C42.9297%209.12751%2043.053%208.37308%2043.2996%207.66219C43.5608%206.93678%2043.9235%206.30568%2044.3878%205.76887C44.8665%205.21757%2045.4396%204.78232%2046.107%204.46314C46.7743%204.14396%2047.5288%203.98438%2048.3702%203.98438C49.2552%203.98438%2050.0459%204.17298%2050.7423%204.55019C51.4532%204.9129%2052.0408%205.39892%2052.5051%206.00826C52.9693%206.6176%2053.303%207.32124%2053.5061%208.11919C53.7237%208.90263%2053.7818%209.71509%2053.6802%2010.5566H45.4106Z'%20fill='%231A1816'/%3e%3cpath%20d='M54.5605%204.28905H56.9109V5.8124H56.9544C57.3026%205.15953%2057.7886%204.69527%2058.4125%204.41962C59.0363%204.12946%2059.7109%203.98438%2060.4363%203.98438C61.3213%203.98438%2062.0903%204.14396%2062.7431%204.46314C63.4105%204.76781%2063.9618%205.1958%2064.3971%205.74711C64.8323%206.28391%2065.1587%206.91502%2065.3764%207.64042C65.594%208.36583%2065.7028%209.14201%2065.7028%209.96898C65.7028%2010.7234%2065.6012%2011.4561%2065.3981%2012.167C65.2095%2012.8779%2064.9121%2013.509%2064.5059%2014.0603C64.1142%2014.5971%2063.6136%2015.0323%2063.0043%2015.366C62.3949%2015.6852%2061.6768%2015.8448%2060.8498%2015.8448C60.4871%2015.8448%2060.1244%2015.8085%2059.7617%2015.736C59.399%2015.6779%2059.0508%2015.5764%2058.7171%2015.4313C58.3834%2015.2862%2058.0715%2015.1049%2057.7814%2014.8872C57.5057%2014.6551%2057.2736%2014.3867%2057.085%2014.082H57.0414V19.6967H54.5605V4.28905ZM63.2219%209.92545C63.2219%209.41767%2063.1566%208.92439%2063.026%208.44563C62.8955%207.96686%2062.6996%207.54612%2062.4385%207.18342C62.1773%206.80621%2061.8509%206.50879%2061.4592%206.29117C61.0674%206.05904%2060.6177%205.94297%2060.1099%205.94297C59.0653%205.94297%2058.2746%206.30568%2057.7378%207.03108C57.2155%207.75649%2056.9544%208.72128%2056.9544%209.92545C56.9544%2010.4913%2057.0197%2011.0208%2057.1502%2011.5141C57.2953%2011.9929%2057.5057%2012.4063%2057.7814%2012.7545C58.057%2013.1027%2058.3834%2013.3784%2058.7607%2013.5815C59.1524%2013.7846%2059.6021%2013.8862%2060.1099%2013.8862C60.6757%2013.8862%2061.1545%2013.7701%2061.5462%2013.538C61.9379%2013.3058%2062.2571%2013.0084%2062.5037%2012.6457C62.7649%2012.2685%2062.9462%2011.8478%2063.0478%2011.3835C63.1639%2010.9048%2063.2219%2010.4187%2063.2219%209.92545Z'%20fill='%231A1816'/%3e%3cpath%20d='M76.1515%2013.0374C76.1515%2013.3421%2076.1878%2013.5597%2076.2603%2013.6903C76.3474%2013.8209%2076.507%2013.8862%2076.7391%2013.8862C76.8116%2013.8862%2076.8987%2013.8862%2077.0002%2013.8862C77.1018%2013.8862%2077.2179%2013.8717%2077.3484%2013.8427V15.5619C77.2614%2015.5909%2077.1453%2015.6199%2077.0002%2015.6489C76.8697%2015.6924%2076.7318%2015.7287%2076.5868%2015.7577C76.4417%2015.7867%2076.2966%2015.8085%2076.1515%2015.823C76.0064%2015.8375%2075.8831%2015.8448%2075.7816%2015.8448C75.2738%2015.8448%2074.853%2015.7432%2074.5193%2015.5401C74.1857%2015.337%2073.968%2014.9815%2073.8665%2014.4738C73.3732%2014.9525%2072.7639%2015.3007%2072.0385%2015.5183C71.3276%2015.736%2070.6384%2015.8448%2069.971%2015.8448C69.4633%2015.8448%2068.9772%2015.7722%2068.513%2015.6272C68.0487%2015.4966%2067.6352%2015.3007%2067.2725%2015.0396C66.9243%2014.7639%2066.6414%2014.423%2066.4238%2014.0167C66.2207%2013.596%2066.1191%2013.11%2066.1191%2012.5587C66.1191%2011.8623%2066.2425%2011.2965%2066.4891%2010.8612C66.7502%2010.426%2067.0839%2010.085%2067.4902%209.83841C67.9109%209.59177%2068.3752%209.41767%2068.8829%209.31611C69.4052%209.20005%2069.9275%209.113%2070.4498%209.05497C70.8996%208.96792%2071.3276%208.90989%2071.7338%208.88087C72.14%208.83734%2072.4955%208.77206%2072.8001%208.68501C73.1193%208.59796%2073.366%208.46739%2073.5401%208.29329C73.7287%208.10468%2073.823%207.82903%2073.823%207.46633C73.823%207.14715%2073.7432%206.886%2073.5836%206.68289C73.4385%206.47977%2073.2499%206.32744%2073.0178%206.22588C72.8001%206.10982%2072.5535%206.03728%2072.2778%206.00826C72.0022%205.96473%2071.741%205.94297%2071.4944%205.94297C70.798%205.94297%2070.2249%206.08805%2069.7752%206.37822C69.3254%206.66838%2069.0715%207.11813%2069.0135%207.72747H66.5326C66.5761%207.00207%2066.7502%206.39998%2067.0549%205.92121C67.3596%205.44244%2067.7441%205.05798%2068.2083%204.76781C68.6871%204.47765%2069.2239%204.27454%2069.8187%204.15847C70.4135%204.04241%2071.0229%203.98438%2071.6467%203.98438C72.198%203.98438%2072.7421%204.04241%2073.2789%204.15847C73.8157%204.27454%2074.2945%204.46314%2074.7152%204.72429C75.1505%204.98544%2075.4986%205.32638%2075.7598%205.74711C76.0209%206.15334%2076.1515%206.65387%2076.1515%207.2487V13.0374ZM73.6706%209.90369C73.2934%2010.1503%2072.8292%2010.3027%2072.2778%2010.3607C71.7265%2010.4042%2071.1752%2010.4768%2070.6239%2010.5783C70.3628%2010.6218%2070.1089%2010.6871%2069.8622%2010.7742C69.6156%2010.8467%2069.398%2010.9555%2069.2094%2011.1006C69.0208%2011.2312%2068.8684%2011.4125%2068.7524%2011.6447C68.6508%2011.8623%2068.6%2012.1307%2068.6%2012.4499C68.6%2012.7255%2068.6798%2012.9577%2068.8394%2013.1463C68.999%2013.3349%2069.1876%2013.4872%2069.4052%2013.6033C69.6374%2013.7048%2069.884%2013.7774%2070.1451%2013.8209C70.4208%2013.8644%2070.6674%2013.8862%2070.8851%2013.8862C71.1607%2013.8862%2071.4581%2013.8499%2071.7773%2013.7774C72.0965%2013.7048%2072.3939%2013.5815%2072.6696%2013.4074C72.9597%2013.2333%2073.1991%2013.0157%2073.3877%2012.7545C73.5763%2012.4789%2073.6706%2012.1452%2073.6706%2011.7535V9.90369Z'%20fill='%231A1816'/%3e%3cpath%20d='M76.29%204.28906H79.0103L81.9482%2012.6893H81.9917L84.8426%204.28906H87.4323L83.0581%2016.1495C82.855%2016.6572%2082.6519%2017.1433%2082.4487%2017.6075C82.2601%2018.0718%2082.0208%2018.478%2081.7306%2018.8262C81.4549%2019.1889%2081.1067%2019.4718%2080.686%2019.6749C80.2653%2019.8926%2079.7285%2020.0014%2079.0756%2020.0014C78.4953%2020.0014%2077.9222%2019.9578%2077.3564%2019.8708V17.7816C77.5595%2017.8106%2077.7554%2017.8397%2077.944%2017.8687C78.1326%2017.9122%2078.3284%2017.934%2078.5315%2017.934C78.8217%2017.934%2079.0611%2017.8977%2079.2497%2017.8251C79.4383%2017.7526%2079.5906%2017.6438%2079.7067%2017.4987C79.8373%2017.3681%2079.9461%2017.2086%2080.0331%2017.0199C80.1202%2016.8313%2080.2%2016.6137%2080.2725%2016.3671L80.5554%2015.4966L76.29%204.28906Z'%20fill='%231A1816'/%3e%3cpath%20d='M1.78716%200.557513L2.001%200H2.22057V0.786628H2.07737V0.171836H2.07355L1.83871%200.786628H1.73179L1.49694%200.171836H1.49313V0.786628H1.34993V0H1.57141L1.78716%200.557513ZM1.18955%200.124104H0.948978V0.786628H0.796235V0.124104H0.555664V0H1.18955V0.124104Z'%20fill='%231A1816'/%3e%3c/svg%3e", M2 = "_overlay_1v8tw_2", Z2 = "_fadeIn_1v8tw_1", I2 = "_modal_1v8tw_23", F2 = "_slideUp_1v8tw_1", $2 = "_closeBtn_1v8tw_47", j2 = "_header_1v8tw_69", z2 = "_logo_1v8tw_78", D2 = "_pending_1v8tw_84", W2 = "_loading_1v8tw_84", A2 = "_error_1v8tw_84", G2 = "_success_1v8tw_84", R2 = "_title_1v8tw_88", P2 = "_subtitle_1v8tw_96", N2 = "_centerContent_1v8tw_108", U2 = "_content_1v8tw_114", m = {
+  overlay: M2,
+  fadeIn: Z2,
+  modal: I2,
+  slideUp: F2,
+  closeBtn: $2,
+  header: j2,
+  logo: z2,
+  pending: D2,
+  loading: W2,
+  error: A2,
+  success: G2,
+  title: R2,
+  subtitle: P2,
+  centerContent: N2,
+  content: U2
+}, T2 = (e) => {
+  const { title: t, subtitle: o, logo: n = "brand", onClose: a, children: f, style: l = {} } = e, c = S(null);
+  K(() => {
+    const s = (w) => {
+      w.key === "Escape" && a?.();
+    };
+    return document.addEventListener("keydown", s), document.body.style.overflow = "hidden", () => {
+      document.removeEventListener("keydown", s), document.body.style.overflow = "";
+    };
+  }, [a]);
+  const r = (s) => {
+    s.target === c.current && a?.();
+  };
+  return /* @__PURE__ */ i("div", { class: m.overlay, ref: c, onClick: r, style: l, children: /* @__PURE__ */ i("div", { class: m.modal, children: [
+    /* @__PURE__ */ i("div", { class: m.header, children: [
+      /* @__PURE__ */ i("img", { src: B2, alt: "Bleepay" }),
+      /* @__PURE__ */ i("button", { class: m.closeBtn, onClick: a, type: "button", children: "×" })
+    ] }),
+    /* @__PURE__ */ i("div", { class: m.centerContent, children: [
+      n !== "none" && /* @__PURE__ */ i("div", { class: `${m.logo} ${m[n]}`, children: [
+        n === "brand" && /* @__PURE__ */ i("img", { src: E2, alt: "Bleepay" }),
+        n === "pending" && /* @__PURE__ */ i("img", { src: V2, alt: "Bleepay" }),
+        n === "loading" && /* @__PURE__ */ i("img", { src: k2, alt: "Bleepay" }),
+        n === "error" && /* @__PURE__ */ i("img", { src: H2, alt: "Bleepay" }),
+        n === "success" && /* @__PURE__ */ i("img", { src: L2, alt: "Bleepay" })
+      ] }),
+      t && /* @__PURE__ */ i("h2", { class: m.title, children: t }),
+      o && /* @__PURE__ */ i("p", { class: m.subtitle, dangerouslySetInnerHTML: { __html: o } })
+    ] }),
+    /* @__PURE__ */ i("div", { class: m.content, children: f })
+  ] }) });
+}, q2 = "_group_w6su8_2", O2 = "_row_w6su8_8", Y2 = "_label_w6su8_30", K2 = "_value_w6su8_37", S2 = "_description_w6su8_45", b = {
+  group: q2,
+  row: O2,
+  label: Y2,
+  value: K2,
+  description: S2
+}, J2 = (e) => {
+  const { label: t, value: o, style: n = {} } = e;
+  return /* @__PURE__ */ i("div", { class: b.row, style: n, children: [
+    /* @__PURE__ */ i("span", { class: b.label, children: t }),
+    /* @__PURE__ */ i("span", { class: b.value, children: o })
+  ] });
+}, Q2 = (e) => {
+  const { value: t, style: o = {} } = e;
+  return /* @__PURE__ */ i("div", { class: b.row, style: o, children: /* @__PURE__ */ i("span", { class: b.description, children: t }) });
+}, X2 = (e) => {
+  const { children: t } = e;
+  return /* @__PURE__ */ i("div", { class: b.group, children: t });
+}, t0 = '@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";._button_cjod8_2{width:100%;height:56px;border:none;border-radius:999px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px}._primary_cjod8_19{flex:4;background:#0e0e0e;color:#f8f7f7}._primary_cjod8_19:disabled{cursor:not-allowed;color:#a3a29e;background:#e9e7e5}._secondary_cjod8_30{flex:1;background:transparent;color:#0e0e0e;border:1px solid #E9E7E5}._buttonGroup_cjod8_37{display:flex;gap:8px;width:100%}', e0 = '@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";._container_ekx8m_2{display:flex;flex-direction:column;gap:12px;margin-top:48px;position:relative;padding:16px 0 0}._container_ekx8m_2:after{content:"";position:absolute;top:0;left:-16px;right:-16px;height:1px;background:#e9e7e5}._label_ekx8m_20{font-size:14px;color:#73736e;margin:0;font-weight:400}._label_ekx8m_20._error_ekx8m_26{color:#fd4834}._inputGroup_ekx8m_30{display:flex;gap:3px;justify-content:space-between}._digitWrapper_ekx8m_36{position:relative;border-radius:120px;width:58px;height:80px;background:#f1f0ef}._digitWrapper_ekx8m_36:nth-of-type(3){margin-right:5px}._digitWrapper_ekx8m_36._hasValue_ekx8m_46,._digitWrapper_ekx8m_36._focused_ekx8m_46{background:transparent}._digitWrapper_ekx8m_36._hasValue_ekx8m_46 ._iconWrapper_ekx8m_49,._digitWrapper_ekx8m_36._focused_ekx8m_46 ._iconWrapper_ekx8m_49{opacity:0}._iconWrapper_ekx8m_49{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background-size:contain;background-position:center;background-repeat:no-repeat;pointer-events:none;opacity:1;transition:opacity .2s}._digit_ekx8m_36{width:58px;height:80px;box-sizing:border-box;border:1px solid #F1F0EF;border-radius:120px;font-size:32px;font-weight:500;text-align:center;outline:none;transition:all .2s;background:#f8f7f7;color:#0e0e0e}._digit_ekx8m_36:focus{border-color:#0e0e0e;background:#fff}._digit_ekx8m_36:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}._digit_ekx8m_36._hasError_ekx8m_91{border-color:#ffdfdc;background:#ffeeeb;color:#fd4834}', o0 = '@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";', n0 = '@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";._overlay_1v8tw_2{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:10000;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:_fadeIn_1v8tw_1 .2s ease-out}@keyframes _fadeIn_1v8tw_1{0%{opacity:0}to{opacity:1}}._modal_1v8tw_23{box-sizing:border-box;background:#fff;border-radius:24px;padding:24px 16px 16px;min-width:400px;max-width:440px;box-shadow:0 8px 32px #0000001f;animation:_slideUp_1v8tw_1 .3s ease-out;position:relative;z-index:10001;font-family:Inter,sans-serif}@keyframes _slideUp_1v8tw_1{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}._closeBtn_1v8tw_47{position:absolute;top:50%;transform:translateY(-50%);right:0;width:36px;height:36px;border:none;background:#f1f0ef;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;color:#73736e;transition:background .2s}._closeBtn_1v8tw_47:hover{background:#e5e5e5}._header_1v8tw_69{font-size:20px;display:flex;flex-direction:column;align-items:center;margin-bottom:56px;position:relative}._logo_1v8tw_78{display:flex;align-items:center;justify-content:center;margin-bottom:24px}._logo_1v8tw_78._pending_1v8tw_84,._logo_1v8tw_78._loading_1v8tw_84,._logo_1v8tw_78._error_1v8tw_84,._logo_1v8tw_78._success_1v8tw_84{margin-bottom:48px}._title_1v8tw_88{margin:0 0 8px;font-size:24px;font-weight:500;color:#0e0e0e;text-align:center}._subtitle_1v8tw_96{margin:0;font-size:14px;color:#666;text-align:center;line-height:1.5}._subtitle_1v8tw_96 a{color:inherit;text-decoration:underline}._centerContent_1v8tw_108{display:flex;flex-direction:column;align-items:center}._content_1v8tw_114{display:flex;flex-direction:column}', i0 = '@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";._group_w6su8_2{display:flex;flex-direction:column;margin-top:24px}._row_w6su8_8{height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;background:#f1f0ef;border-bottom:1px solid #E9E7E5;font-family:Inter,sans-serif}._row_w6su8_8:first-child{border-top-left-radius:16px;border-top-right-radius:16px}._row_w6su8_8:last-child{border-bottom-left-radius:16px;border-bottom-right-radius:16px}._row_w6su8_8:last-child{border-bottom:none}._label_w6su8_30{font-size:14px;font-weight:400;color:#0e0e0e;margin:0}._value_w6su8_37{font-size:14px;font-weight:400;color:#73736e;margin:0;text-align:right}._description_w6su8_45{font-size:12px;color:#73736e}', r0 = o0 + t0 + e0 + n0 + i0;
+var B = /* @__PURE__ */ ((e) => (e.CodeInput = "codeInput", e.ButtonGroup = "buttonGroup", e.TransactionRows = "transactionRows", e))(B || {});
+const c0 = ({ config: e }) => {
+  const { title: t, subtitle: o, logo: n, onClose: a, slots: f } = e;
+  return /* @__PURE__ */ i(T2, { title: t, subtitle: o, logo: n, onClose: a, children: f?.map((l, c) => l.type === B.CodeInput ? /* @__PURE__ */ i(
+    b2,
+    {
+      onChange: l.config.onChange,
+      onComplete: l.config.onComplete,
+      disabled: l.config.disabled,
+      error: l.config.error,
+      label: l.config.label,
+      style: l.config.style
+    },
+    c
+  ) : l.type === B.ButtonGroup ? /* @__PURE__ */ i(l2, { children: l.buttons.map((r, s) => /* @__PURE__ */ i(
+    s2,
+    {
+      variant: r.variant,
+      disabled: r.disabled,
+      onClick: r.onClick,
+      style: r.style,
+      children: r.label
+    },
+    s
+  )) }, c) : l.type === B.TransactionRows ? /* @__PURE__ */ i(X2, { children: l.rows.map((r, s) => r.type === "description" ? /* @__PURE__ */ i(Q2, { value: r.value, style: r.style }, s) : /* @__PURE__ */ i(
+    J2,
+    {
+      label: r.label,
+      value: r.value,
+      style: r.style
+    },
+    s
+  )) }, c) : null) });
+};
+class a0 {
+  container;
+  mountPoint;
+  config;
+  constructor(t) {
+    this.config = t, this.container = document.createElement("div"), this.container.id = t.id ?? "bleep-modal-root", document.body.appendChild(this.container);
+    const o = this.container.attachShadow({ mode: "closed" });
+    this.mountPoint = document.createElement("div"), o.appendChild(this.mountPoint);
+    const n = document.createElement("style");
+    n.textContent = r0, o.appendChild(n), this.doRender();
+  }
+  update(t) {
+    this.config = { ...this.config, ...t }, this.doRender();
+  }
+  destroy() {
+    W(null, this.mountPoint), this.container.remove();
+  }
+  doRender() {
+    W(/* @__PURE__ */ i(c0, { config: this.config }), this.mountPoint);
+  }
+}
+export {
+  s2 as BleepButton,
+  l2 as BleepButtonGroup,
+  b2 as BleepCodeInput,
+  T2 as BleepModal,
+  Q2 as BleepTransactionDescriptionRow,
+  J2 as BleepTransactionRow,
+  X2 as BleepTransactionRowGroup,
+  a0 as ModalRenderer,
+  B as ModalSlotType
+};
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../node_modules/.pnpm/preact@10.28.3/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js","../src/components/Button.tsx","../../../node_modules/.pnpm/preact@10.28.3/node_modules/preact/hooks/dist/hooks.module.js","../src/assets/icons/code.svg","../src/components/CodeInput.tsx","../src/assets/icons/error.svg","../src/assets/icons/loading.svg","../src/assets/icons/logo.svg","../src/assets/icons/pending.svg","../src/assets/icons/success.svg","../src/assets/icons/text-logo.svg","../src/components/Modal.tsx","../src/components/TransactionRow.tsx","../src/renderer/inject-styles.ts","../src/renderer/types.ts","../src/renderer/ModalFromConfig.tsx","../src/renderer/ModalRenderer.tsx"],"sourcesContent":["import{options as r,Fragment as e}from\"preact\";export{Fragment}from\"preact\";var t=/[\"&<]/;function n(r){if(0===r.length||!1===t.test(r))return r;for(var e=0,n=0,o=\"\",f=\"\";n<r.length;n++){switch(r.charCodeAt(n)){case 34:f=\"&quot;\";break;case 38:f=\"&amp;\";break;case 60:f=\"&lt;\";break;default:continue}n!==e&&(o+=r.slice(e,n)),o+=f,e=n+1}return n!==e&&(o+=r.slice(e,n)),o}var o=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,f=0,i=Array.isArray;function u(e,t,n,o,i,u){t||(t={});var a,c,p=t;if(\"ref\"in p)for(c in p={},t)\"ref\"==c?a=t[c]:p[c]=t[c];var l={type:e,props:p,key:n,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--f,__i:-1,__u:0,__source:i,__self:u};if(\"function\"==typeof e&&(a=e.defaultProps))for(c in a)void 0===p[c]&&(p[c]=a[c]);return r.vnode&&r.vnode(l),l}function a(r){var t=u(e,{tpl:r,exprs:[].slice.call(arguments,1)});return t.key=t.__v,t}var c={},p=/[A-Z]/g;function l(e,t){if(r.attr){var f=r.attr(e,t);if(\"string\"==typeof f)return f}if(t=function(r){return null!==r&&\"object\"==typeof r&&\"function\"==typeof r.valueOf?r.valueOf():r}(t),\"ref\"===e||\"key\"===e)return\"\";if(\"style\"===e&&\"object\"==typeof t){var i=\"\";for(var u in t){var a=t[u];if(null!=a&&\"\"!==a){var l=\"-\"==u[0]?u:c[u]||(c[u]=u.replace(p,\"-$&\").toLowerCase()),s=\";\";\"number\"!=typeof a||l.startsWith(\"--\")||o.test(l)||(s=\"px;\"),i=i+l+\":\"+a+s}}return e+'=\"'+n(i)+'\"'}return null==t||!1===t||\"function\"==typeof t||\"object\"==typeof t?\"\":!0===t?e:e+'=\"'+n(\"\"+t)+'\"'}function s(r){if(null==r||\"boolean\"==typeof r||\"function\"==typeof r)return null;if(\"object\"==typeof r){if(void 0===r.constructor)return r;if(i(r)){for(var e=0;e<r.length;e++)r[e]=s(r[e]);return r}}return n(\"\"+r)}export{u as jsx,l as jsxAttr,u as jsxDEV,s as jsxEscape,a as jsxTemplate,u as jsxs};\n//# sourceMappingURL=jsxRuntime.module.js.map\n","import {ComponentChildren, CSSProperties} from 'preact';\nimport '../styles/Main.module.scss';\nimport styles from '../styles/Button.module.scss';\n\nexport type ButtonProps = {\n  variant?: 'primary' | 'secondary';\n  disabled?: boolean;\n  onClick?: () => void;\n  children: ComponentChildren;\n  type?: 'button' | 'submit';\n  style?: Partial<CSSProperties>;\n};\n\nexport const BleepButton = (props: ButtonProps) => {\n  const {\n    variant = 'primary',\n    disabled = false,\n    onClick,\n    children,\n    type = 'button',\n    style = {},\n  } = props;\n\n  return (\n    <button\n      class={`${styles.button} ${styles[variant]}`}\n      style={style}\n      disabled={disabled}\n      onClick={onClick}\n      type={type}\n    >\n      {children}\n    </button>\n  );\n};\n\nexport type ButtonGroupProps = {\n  children: ComponentChildren;\n};\n\nexport const BleepButtonGroup = (props: ButtonGroupProps) => {\n  return <div class={styles.buttonGroup}>{props.children}</div>;\n};\n","import{options as n}from\"preact\";var t,r,u,i,o=0,f=[],c=n,e=c.__b,a=c.__r,v=c.diffed,l=c.__c,m=c.unmount,s=c.__;function p(n,t){c.__h&&c.__h(r,n,o||t),o=0;var u=r.__H||(r.__H={__:[],__h:[]});return n>=u.__.length&&u.__.push({}),u.__[n]}function d(n){return o=1,h(D,n)}function h(n,u,i){var o=p(t++,2);if(o.t=n,!o.__c&&(o.__=[i?i(u):D(void 0,u),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}))}],o.__c=r,!r.__f)){var f=function(n,t,r){if(!o.__c.__H)return!0;var u=o.__c.__H.__.filter(function(n){return!!n.__c});if(u.every(function(n){return!n.__N}))return!c||c.call(this,n,t,r);var i=o.__c.props!==n;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0)}}),c&&c.call(this,n,t,r)||i};r.__f=!0;var c=r.shouldComponentUpdate,e=r.componentWillUpdate;r.componentWillUpdate=function(n,t,r){if(this.__e){var u=c;c=void 0,f(n,t,r),c=u}e&&e.call(this,n,t,r)},r.shouldComponentUpdate=f}return o.__N||o.__}function y(n,u){var i=p(t++,3);!c.__s&&C(i.__H,u)&&(i.__=n,i.u=u,r.__H.__h.push(i))}function _(n,u){var i=p(t++,4);!c.__s&&C(i.__H,u)&&(i.__=n,i.u=u,r.__h.push(i))}function A(n){return o=5,T(function(){return{current:n}},[])}function F(n,t,r){o=6,_(function(){if(\"function\"==typeof n){var r=n(t());return function(){n(null),r&&\"function\"==typeof r&&r()}}if(n)return n.current=t(),function(){return n.current=null}},null==r?r:r.concat(n))}function T(n,r){var u=p(t++,7);return C(u.__H,r)&&(u.__=n(),u.__H=r,u.__h=n),u.__}function q(n,t){return o=8,T(function(){return n},t)}function x(n){var u=r.context[n.__c],i=p(t++,9);return i.c=n,u?(null==i.__&&(i.__=!0,u.sub(r)),u.props.value):n.__}function P(n,t){c.useDebugValue&&c.useDebugValue(t?t(n):n)}function b(n){var u=p(t++,10),i=d();return u.__=n,r.componentDidCatch||(r.componentDidCatch=function(n,t){u.__&&u.__(n,t),i[1](n)}),[i[0],function(){i[1](void 0)}]}function g(){var n=p(t++,11);if(!n.__){for(var u=r.__v;null!==u&&!u.__m&&null!==u.__;)u=u.__;var i=u.__m||(u.__m=[0,0]);n.__=\"P\"+i[0]+\"-\"+i[1]++}return n.__}function j(){for(var n;n=f.shift();)if(n.__P&&n.__H)try{n.__H.__h.forEach(z),n.__H.__h.forEach(B),n.__H.__h=[]}catch(t){n.__H.__h=[],c.__e(t,n.__v)}}c.__b=function(n){r=null,e&&e(n)},c.__=function(n,t){n&&t.__k&&t.__k.__m&&(n.__m=t.__k.__m),s&&s(n,t)},c.__r=function(n){a&&a(n),t=0;var i=(r=n.__c).__H;i&&(u===r?(i.__h=[],r.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.u=n.__N=void 0})):(i.__h.forEach(z),i.__h.forEach(B),i.__h=[],t=0)),u=r},c.diffed=function(n){v&&v(n);var t=n.__c;t&&t.__H&&(t.__H.__h.length&&(1!==f.push(t)&&i===c.requestAnimationFrame||((i=c.requestAnimationFrame)||w)(j)),t.__H.__.forEach(function(n){n.u&&(n.__H=n.u),n.u=void 0})),u=r=null},c.__c=function(n,t){t.some(function(n){try{n.__h.forEach(z),n.__h=n.__h.filter(function(n){return!n.__||B(n)})}catch(r){t.some(function(n){n.__h&&(n.__h=[])}),t=[],c.__e(r,n.__v)}}),l&&l(n,t)},c.unmount=function(n){m&&m(n);var t,r=n.__c;r&&r.__H&&(r.__H.__.forEach(function(n){try{z(n)}catch(n){t=n}}),r.__H=void 0,t&&c.__e(t,r.__v))};var k=\"function\"==typeof requestAnimationFrame;function w(n){var t,r=function(){clearTimeout(u),k&&cancelAnimationFrame(t),setTimeout(n)},u=setTimeout(r,35);k&&(t=requestAnimationFrame(r))}function z(n){var t=r,u=n.__c;\"function\"==typeof u&&(n.__c=void 0,u()),r=t}function B(n){var t=r;n.__c=n.__(),r=t}function C(n,t){return!n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function D(n,t){return\"function\"==typeof t?t(n):t}export{q as useCallback,x as useContext,P as useDebugValue,y as useEffect,b as useErrorBoundary,g as useId,F as useImperativeHandle,_ as useLayoutEffect,T as useMemo,h as useReducer,A as useRef,d as useState};\n//# sourceMappingURL=hooks.module.js.map\n","export default \"data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1791_30856)'%3e%3cpath%20d='M13.9277%207.34668L19.123%202.15137L21.8506%204.87891L16.6582%2010.0713H24V13.9277H16.6543L21.8486%2019.1221L19.1211%2021.8496L13.9277%2016.6562V24H10.0713V16.6582L4.87988%2021.8496L2.15234%2019.1221L7.34668%2013.9277H0V10.0713H7.34277L2.15039%204.87891L4.87793%202.15137L10.0713%207.34473V0H13.9277V7.34668Z'%20fill='%230E0E0E'%20fill-opacity='0.08'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1791_30856'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e\"","import {VOUCHER_CODE_LENGTH} from '@bleepay/core';\nimport {CSSProperties} from 'preact';\nimport {useCallback, useEffect, useRef, useState} from 'preact/hooks';\nimport codeIcon from '../assets/icons/code.svg';\nimport styles from '../styles/CodeInput.module.scss';\n\nexport type CodeInputProps = {\n  onComplete?: (code: string) => void;\n  onChange?: (code: string) => void;\n  disabled?: boolean;\n  error?: string;\n  label?: string;\n  style?: Partial<CSSProperties>;\n};\n\nexport const BleepCodeInput = (props: CodeInputProps) => {\n  const {\n    onComplete,\n    onChange,\n    disabled = false,\n    error,\n    label = 'Enter the generated Bleep Code',\n    style = {},\n  } = props;\n  const [values, setValues] = useState<string[]>(Array(VOUCHER_CODE_LENGTH).fill(''));\n  const inputRefs = useRef<(HTMLInputElement | null)[]>([]);\n  const [focusedInputIndex, setFocusedInputIndex] = useState<number>(-1);\n\n  useEffect(() => {\n    inputRefs.current[0]?.focus();\n  }, []);\n\n  const handleInput = useCallback(\n    (index: number, value: string) => {\n      const digit = value.replace(/\\D/g, '');\n\n      if (digit.length > 0) {\n        const newValues = [...values];\n        newValues[index] = digit[0] ?? '';\n        setValues(newValues);\n\n        const code = newValues.join('');\n        onChange?.(code);\n\n        if (index < VOUCHER_CODE_LENGTH - 1) {\n          inputRefs.current[index + 1]?.focus();\n        }\n\n        if (code.length === VOUCHER_CODE_LENGTH) {\n          onComplete?.(code);\n        }\n      }\n    },\n    [values, onChange, onComplete],\n  );\n\n  const handleKeyDown = useCallback(\n    (index: number, e: KeyboardEvent) => {\n      if (e.key === 'Backspace') {\n        e.preventDefault();\n        const newValues = [...values];\n\n        if (newValues[index]) {\n          newValues[index] = '';\n          setValues(newValues);\n          onChange?.(newValues.join(''));\n        } else if (index > 0) {\n          newValues[index - 1] = '';\n          setValues(newValues);\n          onChange?.(newValues.join(''));\n          inputRefs.current[index - 1]?.focus();\n        }\n      } else if (e.key === 'ArrowLeft' && index > 0) {\n        inputRefs.current[index - 1]?.focus();\n      } else if (e.key === 'ArrowRight' && index < VOUCHER_CODE_LENGTH - 1) {\n        inputRefs.current[index + 1]?.focus();\n      }\n    },\n    [values, onChange],\n  );\n\n  const handlePaste = useCallback(\n    (e: ClipboardEvent) => {\n      e.preventDefault();\n      const pastedData = e.clipboardData?.getData('text') ?? '';\n      const digits = pastedData.replace(/\\D/g, '').slice(0, VOUCHER_CODE_LENGTH);\n\n      const newValues = [...values];\n      for (let i = 0; i < digits.length; i++) {\n        const digit = digits[i];\n        if (digit !== undefined) {\n          newValues[i] = digit;\n        }\n      }\n      setValues(newValues);\n\n      const code = newValues.join('');\n      onChange?.(code);\n\n      const lastIndex = Math.min(digits.length, VOUCHER_CODE_LENGTH) - 1;\n      inputRefs.current[lastIndex]?.focus();\n\n      if (code.length === VOUCHER_CODE_LENGTH) {\n        onComplete?.(code);\n      }\n    },\n    [values, onChange, onComplete],\n  );\n\n  return (\n    <div class={styles.container} style={style}>\n      {label && <p class={`${styles.label} ${error ? styles.error : ''}`}>{error || label}</p>}\n\n      <div class={styles.inputGroup}>\n        {values.map((value, index) => (\n          <div\n            key={index}\n            class={`${styles.digitWrapper} ${value ? styles.hasValue : ''} ${focusedInputIndex === index ? styles.focused : ''}`}\n          >\n            <div class={styles.iconWrapper}>\n              <img src={codeIcon} alt='Code' />\n            </div>\n            <input\n              ref={(el) => {\n                inputRefs.current[index] = el;\n              }}\n              type='text'\n              inputMode='numeric'\n              maxLength={1}\n              class={`${styles.digit} ${error ? styles.hasError : ''}`}\n              value={value}\n              disabled={disabled}\n              onInput={(e) => handleInput(index, (e.target as HTMLInputElement).value)}\n              onKeyDown={(e) => handleKeyDown(index, e as unknown as KeyboardEvent)}\n              onPaste={handlePaste}\n              onFocus={(e) => {\n                setFocusedInputIndex(index);\n              }}\n              onBlur={() => setFocusedInputIndex(-1)}\n            />\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n","export default \"data:image/svg+xml,%3csvg%20width='104'%20height='104'%20viewBox='0%200%20104%20104'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='103'%20height='103'%20rx='23.5'%20fill='%23FFEEEB'%20stroke='%23FFDFDC'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M28.668%2052.0013C28.668%2039.1147%2039.1147%2028.668%2052.0013%2028.668C64.8878%2028.668%2075.3346%2039.1147%2075.3346%2052.0013C75.3346%2064.8878%2064.8878%2075.3346%2052.0013%2075.3346C39.1147%2075.3346%2028.668%2064.8878%2028.668%2052.0013ZM46.6512%2043.3514C45.74%2042.4402%2044.2626%2042.4402%2043.3514%2043.3514C42.4402%2044.2626%2042.4402%2045.74%2043.3514%2046.6512L48.7015%2052.0013L43.3514%2057.3514C42.4402%2058.2626%2042.4402%2059.74%2043.3514%2060.6512C44.2626%2061.5624%2045.74%2061.5624%2046.6512%2060.6512L52.0013%2055.3011L57.3514%2060.6512C58.2626%2061.5624%2059.74%2061.5624%2060.6512%2060.6512C61.5624%2059.74%2061.5624%2058.2626%2060.6512%2057.3514L55.3011%2052.0013L60.6512%2046.6512C61.5624%2045.74%2061.5624%2044.2626%2060.6512%2043.3514C59.74%2042.4402%2058.2626%2042.4402%2057.3514%2043.3514L52.0013%2048.7015L46.6512%2043.3514Z'%20fill='%23FD4834'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='104'%20height='104'%20viewBox='0%200%20104%20104'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='103'%20height='103'%20rx='23.5'%20fill='%23ECF3FE'%20stroke='%23E2EDFD'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M52.0013%2028.668C64.8878%2028.668%2075.3346%2039.1147%2075.3346%2052.0013C75.3346%2064.8878%2064.8878%2075.3346%2052.0013%2075.3346C39.1147%2075.3346%2028.668%2064.8878%2028.668%2052.0013C28.668%2039.1147%2039.1147%2028.668%2052.0013%2028.668ZM52.0013%2052.0013H35.668C35.668%2061.022%2042.9807%2068.3346%2052.0013%2068.3346C61.022%2068.3346%2068.3346%2061.022%2068.3346%2052.0013C68.3346%2042.9807%2061.022%2035.668%2052.0013%2035.668V52.0013Z'%20fill='%233B82F6'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='104'%20height='104'%20viewBox='0%200%20104%20104'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='104'%20height='104'%20rx='24'%20fill='%230E0E0E'/%3e%3crect%20x='37.999'%20y='77.832'%20width='51.6623'%20height='8.30284'%20transform='rotate(-90%2037.999%2077.832)'%20fill='white'/%3e%3crect%20x='46.3066'%20y='56.1523'%20width='38.7466'%20height='8.30288'%20transform='rotate(180%2046.3066%2056.1523)'%20fill='white'/%3e%3crect%20width='30.5444'%20height='8.30286'%20transform='matrix(-0.707105%20-0.707108%200.707105%20-0.707109%2038.8359%2054.5547)'%20fill='white'/%3e%3crect%20width='29.815'%20height='8.30286'%20transform='matrix(-0.707105%200.707109%20-0.707105%20-0.707109%2044.1904%2055.8398)'%20fill='white'/%3e%3cpath%20d='M62.7315%2047.8013H77.4912C79.6618%2047.8013%2081.4706%2047.1983%2082.9176%2045.9925C84.3646%2044.7383%2085.0882%2042.9537%2085.0882%2040.6384C85.0882%2038.0337%2084.437%2036.2008%2083.1347%2035.1396C81.8323%2034.0785%2079.9512%2033.5479%2077.4912%2033.5479H62.7315V47.8013ZM53.6875%2026.168H78.7936C83.4241%2026.168%2087.1381%2027.2291%2089.9357%2029.3515C92.7333%2031.4738%2094.1321%2034.6814%2094.1321%2038.9743C94.1321%2041.579%2093.481%2043.8219%2092.1786%2045.703C90.9245%2047.536%2089.1157%2048.9589%2086.7523%2049.9718V50.1165C89.9357%2050.7918%2092.3475%2052.3112%2093.9874%2054.6747C95.6274%2056.99%2096.4474%2059.9082%2096.4474%2063.4293C96.4474%2065.4552%2096.0856%2067.3605%2095.3621%2069.1451C94.6386%2070.8816%2093.5051%2072.401%2091.9616%2073.7033C90.4181%2074.9574%2088.4405%2075.9704%2086.0287%2076.7421C83.617%2077.4656%2080.7471%2077.8274%2077.4189%2077.8274H53.6875V26.168ZM62.7315%2070.4475H78.7212C81.4706%2070.4475%2083.5929%2069.7481%2085.0882%2068.3493C86.6317%2066.9022%2087.4034%2064.8764%2087.4034%2062.2717C87.4034%2059.7152%2086.6317%2057.7617%2085.0882%2056.4112C83.5929%2055.0124%2081.4706%2054.3129%2078.7212%2054.3129H62.7315V70.4475Z'%20fill='white'/%3e%3cpath%20d='M13.4981%2028.0213L14.209%2026.168H14.9389V28.783H14.4629V26.7392H14.4502L13.6695%2028.783H13.3141L12.5334%2026.7392H12.5207V28.783H12.0447V26.168H12.7809L13.4981%2028.0213ZM11.5115%2026.5805H10.7118V28.783H10.204V26.5805H9.4043V26.168H11.5115V26.5805Z'%20fill='white'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='104'%20height='104'%20viewBox='0%200%20104%20104'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M24%200.5H80C92.9787%200.5%20103.5%2011.0213%20103.5%2024V80C103.5%2092.9787%2092.9787%20103.5%2080%20103.5H24C11.0213%20103.5%200.5%2092.9787%200.5%2080V24C0.5%2011.0213%2011.0213%200.5%2024%200.5Z'%20fill='%23F8F7F7'%20stroke='%23E9E7E5'/%3e%3cg%20clip-path='url(%23clip0_1791_30925)'%3e%3crect%20x='29.0005'%20y='38'%20width='3.33331'%20height='12.823'%20fill='%230E0E0E'/%3e%3crect%20x='41.3333'%20y='47'%20width='3.33331'%20height='21.3332'%20transform='rotate(90%2041.3333%2047)'%20fill='%230E0E0E'/%3e%3crect%20x='37.0308'%20y='39.9453'%20width='3.33331'%20height='21.3332'%20transform='rotate(45%2037.0308%2039.9453)'%20fill='%230E0E0E'/%3e%3crect%20x='39.3879'%20y='55.0312'%20width='3.33331'%20height='21.3332'%20transform='rotate(135%2039.3879%2055.0312)'%20fill='%230E0E0E'/%3e%3crect%20x='71.667'%20y='38'%20width='3.33331'%20height='12.823'%20fill='%230E0E0E'/%3e%3crect%20x='84.0005'%20y='47'%20width='3.33331'%20height='21.3332'%20transform='rotate(90%2084.0005%2047)'%20fill='%230E0E0E'/%3e%3crect%20x='79.6975'%20y='39.9453'%20width='3.33331'%20height='21.3332'%20transform='rotate(45%2079.6975%2039.9453)'%20fill='%230E0E0E'/%3e%3crect%20x='82.0552'%20y='55.0312'%20width='3.33331'%20height='21.3332'%20transform='rotate(135%2082.0552%2055.0312)'%20fill='%230E0E0E'/%3e%3crect%20x='62.6672'%20y='62.666'%20width='3.33331'%20height='21.3332'%20transform='rotate(90%2062.6672%2062.666)'%20fill='%230E0E0E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1791_30925'%3e%3crect%20width='64'%20height='28'%20fill='white'%20transform='translate(20%2038)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='104'%20height='104'%20viewBox='0%200%20104%20104'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='103'%20height='103'%20rx='23.5'%20fill='%23E7F8F0'%20stroke='%23D8F3E2'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M52.0013%2028.668C39.1147%2028.668%2028.668%2039.1147%2028.668%2052.0013C28.668%2064.8878%2039.1147%2075.3346%2052.0013%2075.3346C64.8878%2075.3346%2075.3346%2064.8878%2075.3346%2052.0013C75.3346%2039.1147%2064.8878%2028.668%2052.0013%2028.668ZM60.8073%2047.6457C61.6233%2046.6482%2061.4763%2045.1782%2060.4788%2044.3621C59.4815%2043.5461%2058.0115%2043.6931%2057.1953%2044.6905L48.3282%2055.5284L45.4846%2052.6847C44.5733%2051.7736%2043.096%2051.7736%2042.1847%2052.6847C41.2735%2053.5959%2041.2735%2055.0734%2042.1847%2055.9845L46.8514%2060.6512C47.3175%2061.1174%2047.959%2061.3647%2048.6175%2061.3318C49.276%2061.2989%2049.8896%2060.9891%2050.3073%2060.479L60.8073%2047.6457Z'%20fill='%2322C55E'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='88'%20height='20'%20viewBox='0%200%2088%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.6533%206.52246H11.6543V9.01953H11.6533V15.5391H9.15625V10.7861L4.67969%2015.2627L2.91309%2013.4971L7.3916%209.01953H0V6.52246H7.39355L2.91016%202.03906L4.67578%200.272461L9.15625%204.75293V0H11.6533V6.52246Z'%20fill='%231A1816'/%3e%3cpath%20d='M16.5953%206.5069H21.0348C21.6876%206.5069%2022.2317%206.32554%2022.6669%205.96284C23.1022%205.58563%2023.3198%205.04883%2023.3198%204.35244C23.3198%203.569%2023.1239%203.01769%2022.7322%202.69851C22.3405%202.37933%2021.7747%202.21974%2021.0348%202.21974H16.5953V6.5069ZM13.875%200H21.4265C22.8193%200%2023.9364%200.319179%2024.7779%200.957537C25.6193%201.59589%2026.0401%202.56069%2026.0401%203.85191C26.0401%204.63535%2025.8442%205.30998%2025.4525%205.87579C25.0753%206.4271%2024.5312%206.85509%2023.8203%207.15976V7.20329C24.7779%207.4064%2025.5033%207.86341%2025.9965%208.57431C26.4898%209.2707%2026.7365%2010.1484%2026.7365%2011.2075C26.7365%2011.8169%2026.6276%2012.3899%2026.41%2012.9267C26.1924%2013.449%2025.8515%2013.906%2025.3872%2014.2978C24.9229%2014.675%2024.3281%2014.9796%2023.6027%2015.2118C22.8773%2015.4294%2022.0141%2015.5382%2021.013%2015.5382H13.875V0ZM16.5953%2013.3185H21.4047C22.2317%2013.3185%2022.87%2013.1081%2023.3198%2012.6874C23.7841%2012.2521%2024.0162%2011.6428%2024.0162%2010.8593C24.0162%2010.0904%2023.7841%209.50283%2023.3198%209.0966C22.87%208.67586%2022.2317%208.46549%2021.4047%208.46549H16.5953V13.3185Z'%20fill='%231A1816'/%3e%3cpath%20d='M27.8457%200H30.3266V15.5382H27.8457V0Z'%20fill='%231A1816'/%3e%3cpath%20d='M39.7052%208.92439C39.6762%208.53267%2039.5891%208.15546%2039.444%207.79276C39.3135%207.43006%2039.1249%207.11813%2038.8782%206.85698C38.6461%206.58133%2038.3559%206.36371%2038.0077%206.20412C37.674%206.03002%2037.2968%205.94297%2036.8761%205.94297C36.4409%205.94297%2036.0419%206.02277%2035.6792%206.18236C35.331%206.32744%2035.0263%206.53781%2034.7652%206.81346C34.5185%207.07461%2034.3154%207.38653%2034.1558%207.74923C34.0107%208.11194%2033.9309%208.50366%2033.9164%208.92439H39.7052ZM33.9164%2010.5566C33.9164%2010.9918%2033.9745%2011.4125%2034.0905%2011.8188C34.2211%2012.225%2034.4097%2012.5804%2034.6564%2012.8851C34.903%2013.1898%2035.2149%2013.4364%2035.5921%2013.625C35.9693%2013.7991%2036.4191%2013.8862%2036.9414%2013.8862C37.6668%2013.8862%2038.2471%2013.7338%2038.6824%2013.4292C39.1321%2013.11%2039.4658%2012.6385%2039.6834%2012.0146H42.0337C41.9032%2012.624%2041.6783%2013.168%2041.3591%2013.6468C41.0399%2014.1256%2040.6555%2014.5318%2040.2057%2014.8655C39.756%2015.1847%2039.2482%2015.424%2038.6824%2015.5836C38.131%2015.7577%2037.5507%2015.8448%2036.9414%2015.8448C36.0564%2015.8448%2035.2729%2015.6997%2034.5911%2015.4095C33.9092%2015.1194%2033.3289%2014.7131%2032.8501%2014.1908C32.3858%2013.6686%2032.0304%2013.0447%2031.7837%2012.3193C31.5516%2011.5939%2031.4355%2010.7959%2031.4355%209.92545C31.4355%209.12751%2031.5589%208.37308%2031.8055%207.66219C32.0667%206.93678%2032.4294%206.30568%2032.8936%205.76887C33.3724%205.21757%2033.9455%204.78232%2034.6128%204.46314C35.2802%204.14396%2036.0346%203.98438%2036.8761%203.98438C37.7611%203.98438%2038.5518%204.17298%2039.2482%204.55019C39.9591%204.9129%2040.5467%205.39892%2041.0109%206.00826C41.4752%206.6176%2041.8089%207.32124%2042.012%208.11919C42.2296%208.90263%2042.2876%209.71509%2042.1861%2010.5566H33.9164Z'%20fill='%231A1816'/%3e%3cpath%20d='M51.1993%208.92439C51.1703%208.53267%2051.0833%208.15546%2050.9382%207.79276C50.8076%207.43006%2050.619%207.11813%2050.3724%206.85698C50.1402%206.58133%2049.8501%206.36371%2049.5019%206.20412C49.1682%206.03002%2048.791%205.94297%2048.3702%205.94297C47.935%205.94297%2047.536%206.02277%2047.1733%206.18236C46.8251%206.32744%2046.5205%206.53781%2046.2593%206.81346C46.0127%207.07461%2045.8096%207.38653%2045.65%207.74923C45.5049%208.11194%2045.4251%208.50366%2045.4106%208.92439H51.1993ZM45.4106%2010.5566C45.4106%2010.9918%2045.4686%2011.4125%2045.5847%2011.8188C45.7152%2012.225%2045.9039%2012.5804%2046.1505%2012.8851C46.3971%2013.1898%2046.7091%2013.4364%2047.0863%2013.625C47.4635%2013.7991%2047.9132%2013.8862%2048.4355%2013.8862C49.1609%2013.8862%2049.7413%2013.7338%2050.1765%2013.4292C50.6263%2013.11%2050.9599%2012.6385%2051.1776%2012.0146H53.5279C53.3973%2012.624%2053.1724%2013.168%2052.8532%2013.6468C52.5341%2014.1256%2052.1496%2014.5318%2051.6999%2014.8655C51.2501%2015.1847%2050.7423%2015.424%2050.1765%2015.5836C49.6252%2015.7577%2049.0449%2015.8448%2048.4355%2015.8448C47.5505%2015.8448%2046.7671%2015.6997%2046.0852%2015.4095C45.4033%2015.1194%2044.823%2014.7131%2044.3442%2014.1908C43.88%2013.6686%2043.5245%2013.0447%2043.2779%2012.3193C43.0458%2011.5939%2042.9297%2010.7959%2042.9297%209.92545C42.9297%209.12751%2043.053%208.37308%2043.2996%207.66219C43.5608%206.93678%2043.9235%206.30568%2044.3878%205.76887C44.8665%205.21757%2045.4396%204.78232%2046.107%204.46314C46.7743%204.14396%2047.5288%203.98438%2048.3702%203.98438C49.2552%203.98438%2050.0459%204.17298%2050.7423%204.55019C51.4532%204.9129%2052.0408%205.39892%2052.5051%206.00826C52.9693%206.6176%2053.303%207.32124%2053.5061%208.11919C53.7237%208.90263%2053.7818%209.71509%2053.6802%2010.5566H45.4106Z'%20fill='%231A1816'/%3e%3cpath%20d='M54.5605%204.28905H56.9109V5.8124H56.9544C57.3026%205.15953%2057.7886%204.69527%2058.4125%204.41962C59.0363%204.12946%2059.7109%203.98438%2060.4363%203.98438C61.3213%203.98438%2062.0903%204.14396%2062.7431%204.46314C63.4105%204.76781%2063.9618%205.1958%2064.3971%205.74711C64.8323%206.28391%2065.1587%206.91502%2065.3764%207.64042C65.594%208.36583%2065.7028%209.14201%2065.7028%209.96898C65.7028%2010.7234%2065.6012%2011.4561%2065.3981%2012.167C65.2095%2012.8779%2064.9121%2013.509%2064.5059%2014.0603C64.1142%2014.5971%2063.6136%2015.0323%2063.0043%2015.366C62.3949%2015.6852%2061.6768%2015.8448%2060.8498%2015.8448C60.4871%2015.8448%2060.1244%2015.8085%2059.7617%2015.736C59.399%2015.6779%2059.0508%2015.5764%2058.7171%2015.4313C58.3834%2015.2862%2058.0715%2015.1049%2057.7814%2014.8872C57.5057%2014.6551%2057.2736%2014.3867%2057.085%2014.082H57.0414V19.6967H54.5605V4.28905ZM63.2219%209.92545C63.2219%209.41767%2063.1566%208.92439%2063.026%208.44563C62.8955%207.96686%2062.6996%207.54612%2062.4385%207.18342C62.1773%206.80621%2061.8509%206.50879%2061.4592%206.29117C61.0674%206.05904%2060.6177%205.94297%2060.1099%205.94297C59.0653%205.94297%2058.2746%206.30568%2057.7378%207.03108C57.2155%207.75649%2056.9544%208.72128%2056.9544%209.92545C56.9544%2010.4913%2057.0197%2011.0208%2057.1502%2011.5141C57.2953%2011.9929%2057.5057%2012.4063%2057.7814%2012.7545C58.057%2013.1027%2058.3834%2013.3784%2058.7607%2013.5815C59.1524%2013.7846%2059.6021%2013.8862%2060.1099%2013.8862C60.6757%2013.8862%2061.1545%2013.7701%2061.5462%2013.538C61.9379%2013.3058%2062.2571%2013.0084%2062.5037%2012.6457C62.7649%2012.2685%2062.9462%2011.8478%2063.0478%2011.3835C63.1639%2010.9048%2063.2219%2010.4187%2063.2219%209.92545Z'%20fill='%231A1816'/%3e%3cpath%20d='M76.1515%2013.0374C76.1515%2013.3421%2076.1878%2013.5597%2076.2603%2013.6903C76.3474%2013.8209%2076.507%2013.8862%2076.7391%2013.8862C76.8116%2013.8862%2076.8987%2013.8862%2077.0002%2013.8862C77.1018%2013.8862%2077.2179%2013.8717%2077.3484%2013.8427V15.5619C77.2614%2015.5909%2077.1453%2015.6199%2077.0002%2015.6489C76.8697%2015.6924%2076.7318%2015.7287%2076.5868%2015.7577C76.4417%2015.7867%2076.2966%2015.8085%2076.1515%2015.823C76.0064%2015.8375%2075.8831%2015.8448%2075.7816%2015.8448C75.2738%2015.8448%2074.853%2015.7432%2074.5193%2015.5401C74.1857%2015.337%2073.968%2014.9815%2073.8665%2014.4738C73.3732%2014.9525%2072.7639%2015.3007%2072.0385%2015.5183C71.3276%2015.736%2070.6384%2015.8448%2069.971%2015.8448C69.4633%2015.8448%2068.9772%2015.7722%2068.513%2015.6272C68.0487%2015.4966%2067.6352%2015.3007%2067.2725%2015.0396C66.9243%2014.7639%2066.6414%2014.423%2066.4238%2014.0167C66.2207%2013.596%2066.1191%2013.11%2066.1191%2012.5587C66.1191%2011.8623%2066.2425%2011.2965%2066.4891%2010.8612C66.7502%2010.426%2067.0839%2010.085%2067.4902%209.83841C67.9109%209.59177%2068.3752%209.41767%2068.8829%209.31611C69.4052%209.20005%2069.9275%209.113%2070.4498%209.05497C70.8996%208.96792%2071.3276%208.90989%2071.7338%208.88087C72.14%208.83734%2072.4955%208.77206%2072.8001%208.68501C73.1193%208.59796%2073.366%208.46739%2073.5401%208.29329C73.7287%208.10468%2073.823%207.82903%2073.823%207.46633C73.823%207.14715%2073.7432%206.886%2073.5836%206.68289C73.4385%206.47977%2073.2499%206.32744%2073.0178%206.22588C72.8001%206.10982%2072.5535%206.03728%2072.2778%206.00826C72.0022%205.96473%2071.741%205.94297%2071.4944%205.94297C70.798%205.94297%2070.2249%206.08805%2069.7752%206.37822C69.3254%206.66838%2069.0715%207.11813%2069.0135%207.72747H66.5326C66.5761%207.00207%2066.7502%206.39998%2067.0549%205.92121C67.3596%205.44244%2067.7441%205.05798%2068.2083%204.76781C68.6871%204.47765%2069.2239%204.27454%2069.8187%204.15847C70.4135%204.04241%2071.0229%203.98438%2071.6467%203.98438C72.198%203.98438%2072.7421%204.04241%2073.2789%204.15847C73.8157%204.27454%2074.2945%204.46314%2074.7152%204.72429C75.1505%204.98544%2075.4986%205.32638%2075.7598%205.74711C76.0209%206.15334%2076.1515%206.65387%2076.1515%207.2487V13.0374ZM73.6706%209.90369C73.2934%2010.1503%2072.8292%2010.3027%2072.2778%2010.3607C71.7265%2010.4042%2071.1752%2010.4768%2070.6239%2010.5783C70.3628%2010.6218%2070.1089%2010.6871%2069.8622%2010.7742C69.6156%2010.8467%2069.398%2010.9555%2069.2094%2011.1006C69.0208%2011.2312%2068.8684%2011.4125%2068.7524%2011.6447C68.6508%2011.8623%2068.6%2012.1307%2068.6%2012.4499C68.6%2012.7255%2068.6798%2012.9577%2068.8394%2013.1463C68.999%2013.3349%2069.1876%2013.4872%2069.4052%2013.6033C69.6374%2013.7048%2069.884%2013.7774%2070.1451%2013.8209C70.4208%2013.8644%2070.6674%2013.8862%2070.8851%2013.8862C71.1607%2013.8862%2071.4581%2013.8499%2071.7773%2013.7774C72.0965%2013.7048%2072.3939%2013.5815%2072.6696%2013.4074C72.9597%2013.2333%2073.1991%2013.0157%2073.3877%2012.7545C73.5763%2012.4789%2073.6706%2012.1452%2073.6706%2011.7535V9.90369Z'%20fill='%231A1816'/%3e%3cpath%20d='M76.29%204.28906H79.0103L81.9482%2012.6893H81.9917L84.8426%204.28906H87.4323L83.0581%2016.1495C82.855%2016.6572%2082.6519%2017.1433%2082.4487%2017.6075C82.2601%2018.0718%2082.0208%2018.478%2081.7306%2018.8262C81.4549%2019.1889%2081.1067%2019.4718%2080.686%2019.6749C80.2653%2019.8926%2079.7285%2020.0014%2079.0756%2020.0014C78.4953%2020.0014%2077.9222%2019.9578%2077.3564%2019.8708V17.7816C77.5595%2017.8106%2077.7554%2017.8397%2077.944%2017.8687C78.1326%2017.9122%2078.3284%2017.934%2078.5315%2017.934C78.8217%2017.934%2079.0611%2017.8977%2079.2497%2017.8251C79.4383%2017.7526%2079.5906%2017.6438%2079.7067%2017.4987C79.8373%2017.3681%2079.9461%2017.2086%2080.0331%2017.0199C80.1202%2016.8313%2080.2%2016.6137%2080.2725%2016.3671L80.5554%2015.4966L76.29%204.28906Z'%20fill='%231A1816'/%3e%3cpath%20d='M1.78716%200.557513L2.001%200H2.22057V0.786628H2.07737V0.171836H2.07355L1.83871%200.786628H1.73179L1.49694%200.171836H1.49313V0.786628H1.34993V0H1.57141L1.78716%200.557513ZM1.18955%200.124104H0.948978V0.786628H0.796235V0.124104H0.555664V0H1.18955V0.124104Z'%20fill='%231A1816'/%3e%3c/svg%3e\"","/** biome-ignore-all lint/a11y/useKeyWithClickEvents: <explanation> */\n/** biome-ignore-all lint/a11y/noStaticElementInteractions: <explanation> */\nimport {ComponentChildren, CSSProperties} from 'preact';\nimport {useEffect, useRef} from 'preact/hooks';\nimport error from '../assets/icons/error.svg';\nimport loading from '../assets/icons/loading.svg';\nimport logoIcon from '../assets/icons/logo.svg';\nimport pending from '../assets/icons/pending.svg';\nimport success from '../assets/icons/success.svg';\nimport textLogo from '../assets/icons/text-logo.svg';\nimport styles from '../styles/Modal.module.scss';\n\nexport type ModalProps = {\n  title?: string;\n  subtitle?: string;\n  logo?: 'brand' | 'pending' | 'loading' | 'error' | 'success' | 'none';\n  onClose?: () => void;\n  children?: ComponentChildren;\n  style?: Partial<CSSProperties>;\n};\n\nexport const BleepModal = (props: ModalProps) => {\n  const {title, subtitle, logo = 'brand', onClose, children, style = {}} = props;\n  const overlayRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        onClose?.();\n      }\n    };\n\n    document.addEventListener('keydown', handleEscape);\n    document.body.style.overflow = 'hidden';\n\n    return () => {\n      document.removeEventListener('keydown', handleEscape);\n      document.body.style.overflow = '';\n    };\n  }, [onClose]);\n\n  const handleOverlayClick = (e: MouseEvent) => {\n    if (e.target === overlayRef.current) {\n      onClose?.();\n    }\n  };\n\n  return (\n    <div class={styles.overlay} ref={overlayRef} onClick={handleOverlayClick} style={style}>\n      <div class={styles.modal}>\n        <div class={styles.header}>\n          <img src={textLogo} alt='Bleepay' />\n          <button class={styles.closeBtn} onClick={onClose} type='button'>\n            ×\n          </button>\n        </div>\n\n        <div class={styles.centerContent}>\n          {logo !== 'none' && (\n            <div class={`${styles.logo} ${styles[logo]}`}>\n              {logo === 'brand' && <img src={logoIcon} alt='Bleepay' />}\n              {logo === 'pending' && <img src={pending} alt='Bleepay' />}\n              {logo === 'loading' && <img src={loading} alt='Bleepay' />}\n              {logo === 'error' && <img src={error} alt='Bleepay' />}\n              {logo === 'success' && <img src={success} alt='Bleepay' />}\n            </div>\n          )}\n\n          {title && <h2 class={styles.title}>{title}</h2>}\n\n          {subtitle && <p class={styles.subtitle} dangerouslySetInnerHTML={{__html: subtitle}}></p>}\n        </div>\n\n        <div class={styles.content}>{children}</div>\n      </div>\n    </div>\n  );\n};\n","import type {ComponentChildren, CSSProperties} from 'preact';\nimport styles from '../styles/TransactionRow.module.scss';\n\nexport type TransactionRowProps = {\n  label: string;\n  value: string;\n  style?: Partial<CSSProperties>;\n};\n\nexport const BleepTransactionRow = (props: TransactionRowProps) => {\n  const {label, value, style = {}} = props;\n\n  return (\n    <div class={styles.row} style={style}>\n      <span class={styles.label}>{label}</span>\n      <span class={styles.value}>{value}</span>\n    </div>\n  );\n};\n\nexport type TransactionDescriptionRowProps = {\n  value: string;\n  style?: Partial<CSSProperties>;\n};\nexport const BleepTransactionDescriptionRow = (props: TransactionDescriptionRowProps) => {\n  const {value, style = {}} = props;\n\n  return (\n    <div class={styles.row} style={style}>\n      <span class={styles.description}>{value}</span>\n    </div>\n  );\n};\n\nexport type TransactionRowGroupProps = {\n  children: ComponentChildren;\n};\n\nexport const BleepTransactionRowGroup = (props: TransactionRowGroupProps) => {\n  const {children} = props;\n\n  return <div class={styles.group}>{children}</div>;\n};\n","import buttonCss from '../styles/Button.module.scss?inline';\nimport codeInputCss from '../styles/CodeInput.module.scss?inline';\nimport mainCss from '../styles/Main.module.scss?inline';\nimport modalCss from '../styles/Modal.module.scss?inline';\nimport transactionRowCss from '../styles/TransactionRow.module.scss?inline';\n\nexport const injectStyles = mainCss + buttonCss + codeInputCss + modalCss + transactionRowCss;\n","import {CSSProperties} from 'preact';\nimport type {ModalProps} from '../components/Modal';\n\nexport enum ModalSlotType {\n  CodeInput = 'codeInput',\n  ButtonGroup = 'buttonGroup',\n  TransactionRows = 'transactionRows',\n}\n\nexport type ModalLogo = ModalProps['logo'];\n\nexport type ModalButton = {\n  label: string;\n  variant?: 'primary' | 'secondary';\n  disabled?: boolean;\n  onClick: () => void;\n  style?: Partial<CSSProperties>;\n};\n\nexport type ModalRow = {\n  label: string;\n  value: string;\n  type?: 'default' | 'description';\n  style?: Partial<CSSProperties>;\n};\n\nexport type CodeInputConfig = {\n  onChange?: (code: string) => void;\n  onComplete?: (code: string) => void;\n  disabled?: boolean;\n  error?: string;\n  label?: string;\n  style?: Partial<CSSProperties>;\n};\n\nexport type ModalSlot =\n  | {type: ModalSlotType.CodeInput; config: CodeInputConfig}\n  | {type: ModalSlotType.ButtonGroup; buttons: ModalButton[]}\n  | {type: ModalSlotType.TransactionRows; rows: ModalRow[]};\n\nexport type ModalConfig = {\n  id?: string;\n  title?: string;\n  subtitle?: string;\n  logo?: ModalLogo;\n  onClose?: () => void;\n  slots?: ModalSlot[];\n};\n","import {\n  BleepButton,\n  BleepButtonGroup,\n  BleepCodeInput,\n  BleepModal,\n  BleepTransactionDescriptionRow,\n  BleepTransactionRow,\n  BleepTransactionRowGroup,\n} from '../components';\nimport {type ModalConfig, ModalSlotType} from './types';\n\nexport const ModalFromConfig = ({config}: {config: ModalConfig}) => {\n  const {title, subtitle, logo, onClose, slots} = config;\n\n  return (\n    <BleepModal title={title} subtitle={subtitle} logo={logo} onClose={onClose}>\n      {slots?.map((slot, index) => {\n        if (slot.type === ModalSlotType.CodeInput) {\n          return (\n            <BleepCodeInput\n              key={index}\n              onChange={slot.config.onChange}\n              onComplete={slot.config.onComplete}\n              disabled={slot.config.disabled}\n              error={slot.config.error}\n              label={slot.config.label}\n              style={slot.config.style}\n            />\n          );\n        }\n\n        if (slot.type === ModalSlotType.ButtonGroup) {\n          return (\n            <BleepButtonGroup key={index}>\n              {slot.buttons.map((btn, i) => (\n                <BleepButton\n                  key={i}\n                  variant={btn.variant}\n                  disabled={btn.disabled}\n                  onClick={btn.onClick}\n                  style={btn.style}\n                >\n                  {btn.label}\n                </BleepButton>\n              ))}\n            </BleepButtonGroup>\n          );\n        }\n\n        if (slot.type === ModalSlotType.TransactionRows) {\n          return (\n            <BleepTransactionRowGroup key={index}>\n              {slot.rows.map((row, i) => {\n                if (row.type === 'description') {\n                  return (\n                    <BleepTransactionDescriptionRow key={i} value={row.value} style={row.style} />\n                  );\n                }\n                return (\n                  <BleepTransactionRow\n                    key={i}\n                    label={row.label}\n                    value={row.value}\n                    style={row.style}\n                  />\n                );\n              })}\n            </BleepTransactionRowGroup>\n          );\n        }\n\n        return null;\n      })}\n    </BleepModal>\n  );\n};\n","import {render} from 'preact';\nimport {injectStyles} from './inject-styles';\nimport {ModalFromConfig} from './ModalFromConfig';\nimport {ModalConfig, ModalSlotType} from './types';\n\nexport type {\n  CodeInputConfig,\n  ModalButton,\n  ModalConfig,\n  ModalLogo,\n  ModalRow,\n  ModalSlot,\n} from './types';\n\nexport {ModalSlotType};\n\nexport class ModalRenderer {\n  private readonly container: HTMLElement;\n  private readonly mountPoint: HTMLElement;\n  private config: ModalConfig;\n\n  constructor(config: ModalConfig) {\n    this.config = config;\n\n    this.container = document.createElement('div');\n    this.container.id = config.id ?? 'bleep-modal-root';\n    document.body.appendChild(this.container);\n\n    const shadowRoot = this.container.attachShadow({mode: 'closed'});\n\n    this.mountPoint = document.createElement('div');\n    shadowRoot.appendChild(this.mountPoint);\n\n    const styleEl = document.createElement('style');\n    styleEl.textContent = injectStyles;\n    shadowRoot.appendChild(styleEl);\n\n    this.doRender();\n  }\n\n  update(partial: Partial<ModalConfig>): void {\n    this.config = {...this.config, ...partial};\n    this.doRender();\n  }\n\n  destroy(): void {\n    render(null, this.mountPoint);\n    this.container.remove();\n  }\n\n  private doRender(): void {\n    render(<ModalFromConfig config={this.config} />, this.mountPoint);\n  }\n}\n"],"names":["f","u","n","o","i","a","p","l","r","BleepButton","props","variant","disabled","onClick","children","type","style","jsx","styles","BleepButtonGroup","t","c","e","v","m","s","d","h","D","y","C","A","T","q","j","z","B","w","k","codeIcon","BleepCodeInput","onComplete","onChange","error","label","values","setValues","useState","VOUCHER_CODE_LENGTH","inputRefs","useRef","focusedInputIndex","setFocusedInputIndex","useEffect","handleInput","useCallback","index","value","digit","newValues","code","handleKeyDown","handlePaste","digits","lastIndex","jsxs","el","error$1","loading$1","logoIcon","pending$1","success$1","textLogo","BleepModal","title","subtitle","logo","onClose","overlayRef","handleEscape","handleOverlayClick","pending","loading","success","BleepTransactionRow","BleepTransactionDescriptionRow","BleepTransactionRowGroup","injectStyles","mainCss","buttonCss","codeInputCss","modalCss","transactionRowCss","ModalSlotType","ModalFromConfig","config","slots","slot","btn","row","ModalRenderer","shadowRoot","styleEl","partial","render"],"mappings":"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","x_google_ignoreList":[0,2]}

package/dist/index.umd.js

@@ -0,0 +1,2 @@
+(function(h,v){typeof exports=="object"&&typeof module<"u"?v(exports,require("preact"),require("@bleepay/core")):typeof define=="function"&&define.amd?define(["exports","preact","@bleepay/core"],v):(h=typeof globalThis<"u"?globalThis:h||self,v(h.BleepayUI={},h.Preact,h.BleepayCore))})(this,(function(h,v,y){"use strict";var l2=0;function i(t,e,o,n,a,f){e||(e={});var c,s,r=e;if("ref"in r)for(s in r={},e)s=="ref"?c=e[s]:r[s]=e[s];var l={type:t,props:r,key:o,ref:c,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--l2,__i:-1,__u:0,__source:a,__self:f};if(typeof t=="function"&&(c=t.defaultProps))for(s in c)r[s]===void 0&&(r[s]=c[s]);return v.options.vnode&&v.options.vnode(l),l}const Z={button:"_button_cjod8_2",primary:"_primary_cjod8_19",secondary:"_secondary_cjod8_30",buttonGroup:"_buttonGroup_cjod8_37"},j=t=>{const{variant:e="primary",disabled:o=!1,onClick:n,children:a,type:f="button",style:c={}}=t;return i("button",{class:`${Z.button} ${Z[e]}`,style:c,disabled:o,onClick:n,type:f,children:a})},T=t=>i("div",{class:Z.buttonGroup,children:t.children});var k,_,F,z,V=0,W=[],p=v.options,A=p.__b,N=p.__r,U=p.diffed,O=p.__c,P=p.unmount,q=p.__;function R(t,e){p.__h&&p.__h(_,t,V||e),V=0;var o=_.__H||(_.__H={__:[],__h:[]});return t>=o.__.length&&o.__.push({}),o.__[t]}function S(t){return V=1,c2(e2,t)}function c2(t,e,o){var n=R(k++,2);if(n.t=t,!n.__c&&(n.__=[e2(void 0,e),function(s){var r=n.__N?n.__N[0]:n.__[0],l=n.t(r,s);r!==l&&(n.__N=[l,n.__[1]],n.__c.setState({}))}],n.__c=_,!_.__f)){var a=function(s,r,l){if(!n.__c.__H)return!0;var x=n.__c.__H.__.filter(function(g){return!!g.__c});if(x.every(function(g){return!g.__N}))return!f||f.call(this,s,r,l);var B=n.__c.props!==s;return x.forEach(function(g){if(g.__N){var $=g.__[0];g.__=g.__N,g.__N=void 0,$!==g.__[0]&&(B=!0)}}),f&&f.call(this,s,r,l)||B};_.__f=!0;var f=_.shouldComponentUpdate,c=_.componentWillUpdate;_.componentWillUpdate=function(s,r,l){if(this.__e){var x=f;f=void 0,a(s,r,l),f=x}c&&c.call(this,s,r,l)},_.shouldComponentUpdate=a}return n.__N||n.__}function Y(t,e){var o=R(k++,3);!p.__s&&X(o.__H,e)&&(o.__=t,o.u=e,_.__H.__h.push(o))}function K(t){return V=5,J(function(){return{current:t}},[])}function J(t,e){var o=R(k++,7);return X(o.__H,e)&&(o.__=t(),o.__H=e,o.__h=t),o.__}function D(t,e){return V=8,J(function(){return t},e)}function a2(){for(var t;t=W.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(M),t.__H.__h.forEach(G),t.__H.__h=[]}catch(e){t.__H.__h=[],p.__e(e,t.__v)}}p.__b=function(t){_=null,A&&A(t)},p.__=function(t,e){t&&e.__k&&e.__k.__m&&(t.__m=e.__k.__m),q&&q(t,e)},p.__r=function(t){N&&N(t),k=0;var e=(_=t.__c).__H;e&&(F===_?(e.__h=[],_.__h=[],e.__.forEach(function(o){o.__N&&(o.__=o.__N),o.u=o.__N=void 0})):(e.__h.forEach(M),e.__h.forEach(G),e.__h=[],k=0)),F=_},p.diffed=function(t){U&&U(t);var e=t.__c;e&&e.__H&&(e.__H.__h.length&&(W.push(e)!==1&&z===p.requestAnimationFrame||((z=p.requestAnimationFrame)||_2)(a2)),e.__H.__.forEach(function(o){o.u&&(o.__H=o.u),o.u=void 0})),F=_=null},p.__c=function(t,e){e.some(function(o){try{o.__h.forEach(M),o.__h=o.__h.filter(function(n){return!n.__||G(n)})}catch(n){e.some(function(a){a.__h&&(a.__h=[])}),e=[],p.__e(n,o.__v)}}),O&&O(t,e)},p.unmount=function(t){P&&P(t);var e,o=t.__c;o&&o.__H&&(o.__H.__.forEach(function(n){try{M(n)}catch(a){e=a}}),o.__H=void 0,e&&p.__e(e,o.__v))};var Q=typeof requestAnimationFrame=="function";function _2(t){var e,o=function(){clearTimeout(n),Q&&cancelAnimationFrame(e),setTimeout(t)},n=setTimeout(o,35);Q&&(e=requestAnimationFrame(o))}function M(t){var e=_,o=t.__c;typeof o=="function"&&(t.__c=void 0,o()),_=e}function G(t){var e=_;t.__c=t.__(),_=e}function X(t,e){return!t||t.length!==e.length||e.some(function(o,n){return o!==t[n]})}function e2(t,e){return typeof e=="function"?e(t):e}const d2="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1791_30856)'%3e%3cpath%20d='M13.9277%207.34668L19.123%202.15137L21.8506%204.87891L16.6582%2010.0713H24V13.9277H16.6543L21.8486%2019.1221L19.1211%2021.8496L13.9277%2016.6562V24H10.0713V16.6582L4.87988%2021.8496L2.15234%2019.1221L7.34668%2013.9277H0V10.0713H7.34277L2.15039%204.87891L4.87793%202.15137L10.0713%207.34473V0H13.9277V7.34668Z'%20fill='%230E0E0E'%20fill-opacity='0.08'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1791_30856'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",m={container:"_container_ekx8m_2",label:"_label_ekx8m_20",error:"_error_ekx8m_26",inputGroup:"_inputGroup_ekx8m_30",digitWrapper:"_digitWrapper_ekx8m_36",hasValue:"_hasValue_ekx8m_46",focused:"_focused_ekx8m_46",iconWrapper:"_iconWrapper_ekx8m_49",digit:"_digit_ekx8m_36",hasError:"_hasError_ekx8m_91"},t2=t=>{const{onComplete:e,onChange:o,disabled:n=!1,error:a,label:f="Enter the generated Bleep Code",style:c={}}=t,[s,r]=S(Array(y.VOUCHER_CODE_LENGTH).fill("")),l=K([]),[x,B]=S(-1);Y(()=>{l.current[0]?.focus()},[]);const g=D((u,C)=>{const d=C.replace(/\D/g,"");if(d.length>0){const b=[...s];b[u]=d[0]??"",r(b);const H=b.join("");o?.(H),u<y.VOUCHER_CODE_LENGTH-1&&l.current[u+1]?.focus(),H.length===y.VOUCHER_CODE_LENGTH&&e?.(H)}},[s,o,e]),$=D((u,C)=>{if(C.key==="Backspace"){C.preventDefault();const d=[...s];d[u]?(d[u]="",r(d),o?.(d.join(""))):u>0&&(d[u-1]="",r(d),o?.(d.join("")),l.current[u-1]?.focus())}else C.key==="ArrowLeft"&&u>0?l.current[u-1]?.focus():C.key==="ArrowRight"&&u<y.VOUCHER_CODE_LENGTH-1&&l.current[u+1]?.focus()},[s,o]),x2=D(u=>{u.preventDefault();const d=(u.clipboardData?.getData("text")??"").replace(/\D/g,"").slice(0,y.VOUCHER_CODE_LENGTH),b=[...s];for(let I=0;I<d.length;I++){const s2=d[I];s2!==void 0&&(b[I]=s2)}r(b);const H=b.join("");o?.(H);const y2=Math.min(d.length,y.VOUCHER_CODE_LENGTH)-1;l.current[y2]?.focus(),H.length===y.VOUCHER_CODE_LENGTH&&e?.(H)},[s,o,e]);return i("div",{class:m.container,style:c,children:[f&&i("p",{class:`${m.label} ${a?m.error:""}`,children:a||f}),i("div",{class:m.inputGroup,children:s.map((u,C)=>i("div",{class:`${m.digitWrapper} ${u?m.hasValue:""} ${x===C?m.focused:""}`,children:[i("div",{class:m.iconWrapper,children:i("img",{src:d2,alt:"Code"})}),i("input",{ref:d=>{l.current[C]=d},type:"text",inputMode:"numeric",maxLength:1,class:`${m.digit} ${a?m.hasError:""}`,value:u,disabled:n,onInput:d=>g(C,d.target.value),onKeyDown:d=>$(C,d),onPaste:x2,onFocus:d=>{B(C)},onBlur:()=>B(-1)})]},C))})]})},p2="data:image/svg+xml,%3csvg%20width='104'%20height='104'%20viewBox='0%200%20104%20104'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='103'%20height='103'%20rx='23.5'%20fill='%23FFEEEB'%20stroke='%23FFDFDC'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M28.668%2052.0013C28.668%2039.1147%2039.1147%2028.668%2052.0013%2028.668C64.8878%2028.668%2075.3346%2039.1147%2075.3346%2052.0013C75.3346%2064.8878%2064.8878%2075.3346%2052.0013%2075.3346C39.1147%2075.3346%2028.668%2064.8878%2028.668%2052.0013ZM46.6512%2043.3514C45.74%2042.4402%2044.2626%2042.4402%2043.3514%2043.3514C42.4402%2044.2626%2042.4402%2045.74%2043.3514%2046.6512L48.7015%2052.0013L43.3514%2057.3514C42.4402%2058.2626%2042.4402%2059.74%2043.3514%2060.6512C44.2626%2061.5624%2045.74%2061.5624%2046.6512%2060.6512L52.0013%2055.3011L57.3514%2060.6512C58.2626%2061.5624%2059.74%2061.5624%2060.6512%2060.6512C61.5624%2059.74%2061.5624%2058.2626%2060.6512%2057.3514L55.3011%2052.0013L60.6512%2046.6512C61.5624%2045.74%2061.5624%2044.2626%2060.6512%2043.3514C59.74%2042.4402%2058.2626%2042.4402%2057.3514%2043.3514L52.0013%2048.7015L46.6512%2043.3514Z'%20fill='%23FD4834'/%3e%3c/svg%3e",u2="data:image/svg+xml,%3csvg%20width='104'%20height='104'%20viewBox='0%200%20104%20104'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='103'%20height='103'%20rx='23.5'%20fill='%23ECF3FE'%20stroke='%23E2EDFD'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M52.0013%2028.668C64.8878%2028.668%2075.3346%2039.1147%2075.3346%2052.0013C75.3346%2064.8878%2064.8878%2075.3346%2052.0013%2075.3346C39.1147%2075.3346%2028.668%2064.8878%2028.668%2052.0013C28.668%2039.1147%2039.1147%2028.668%2052.0013%2028.668ZM52.0013%2052.0013H35.668C35.668%2061.022%2042.9807%2068.3346%2052.0013%2068.3346C61.022%2068.3346%2068.3346%2061.022%2068.3346%2052.0013C68.3346%2042.9807%2061.022%2035.668%2052.0013%2035.668V52.0013Z'%20fill='%233B82F6'/%3e%3c/svg%3e",f2="data:image/svg+xml,%3csvg%20width='104'%20height='104'%20viewBox='0%200%20104%20104'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='104'%20height='104'%20rx='24'%20fill='%230E0E0E'/%3e%3crect%20x='37.999'%20y='77.832'%20width='51.6623'%20height='8.30284'%20transform='rotate(-90%2037.999%2077.832)'%20fill='white'/%3e%3crect%20x='46.3066'%20y='56.1523'%20width='38.7466'%20height='8.30288'%20transform='rotate(180%2046.3066%2056.1523)'%20fill='white'/%3e%3crect%20width='30.5444'%20height='8.30286'%20transform='matrix(-0.707105%20-0.707108%200.707105%20-0.707109%2038.8359%2054.5547)'%20fill='white'/%3e%3crect%20width='29.815'%20height='8.30286'%20transform='matrix(-0.707105%200.707109%20-0.707105%20-0.707109%2044.1904%2055.8398)'%20fill='white'/%3e%3cpath%20d='M62.7315%2047.8013H77.4912C79.6618%2047.8013%2081.4706%2047.1983%2082.9176%2045.9925C84.3646%2044.7383%2085.0882%2042.9537%2085.0882%2040.6384C85.0882%2038.0337%2084.437%2036.2008%2083.1347%2035.1396C81.8323%2034.0785%2079.9512%2033.5479%2077.4912%2033.5479H62.7315V47.8013ZM53.6875%2026.168H78.7936C83.4241%2026.168%2087.1381%2027.2291%2089.9357%2029.3515C92.7333%2031.4738%2094.1321%2034.6814%2094.1321%2038.9743C94.1321%2041.579%2093.481%2043.8219%2092.1786%2045.703C90.9245%2047.536%2089.1157%2048.9589%2086.7523%2049.9718V50.1165C89.9357%2050.7918%2092.3475%2052.3112%2093.9874%2054.6747C95.6274%2056.99%2096.4474%2059.9082%2096.4474%2063.4293C96.4474%2065.4552%2096.0856%2067.3605%2095.3621%2069.1451C94.6386%2070.8816%2093.5051%2072.401%2091.9616%2073.7033C90.4181%2074.9574%2088.4405%2075.9704%2086.0287%2076.7421C83.617%2077.4656%2080.7471%2077.8274%2077.4189%2077.8274H53.6875V26.168ZM62.7315%2070.4475H78.7212C81.4706%2070.4475%2083.5929%2069.7481%2085.0882%2068.3493C86.6317%2066.9022%2087.4034%2064.8764%2087.4034%2062.2717C87.4034%2059.7152%2086.6317%2057.7617%2085.0882%2056.4112C83.5929%2055.0124%2081.4706%2054.3129%2078.7212%2054.3129H62.7315V70.4475Z'%20fill='white'/%3e%3cpath%20d='M13.4981%2028.0213L14.209%2026.168H14.9389V28.783H14.4629V26.7392H14.4502L13.6695%2028.783H13.3141L12.5334%2026.7392H12.5207V28.783H12.0447V26.168H12.7809L13.4981%2028.0213ZM11.5115%2026.5805H10.7118V28.783H10.204V26.5805H9.4043V26.168H11.5115V26.5805Z'%20fill='white'/%3e%3c/svg%3e",h2="data:image/svg+xml,%3csvg%20width='104'%20height='104'%20viewBox='0%200%20104%20104'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M24%200.5H80C92.9787%200.5%20103.5%2011.0213%20103.5%2024V80C103.5%2092.9787%2092.9787%20103.5%2080%20103.5H24C11.0213%20103.5%200.5%2092.9787%200.5%2080V24C0.5%2011.0213%2011.0213%200.5%2024%200.5Z'%20fill='%23F8F7F7'%20stroke='%23E9E7E5'/%3e%3cg%20clip-path='url(%23clip0_1791_30925)'%3e%3crect%20x='29.0005'%20y='38'%20width='3.33331'%20height='12.823'%20fill='%230E0E0E'/%3e%3crect%20x='41.3333'%20y='47'%20width='3.33331'%20height='21.3332'%20transform='rotate(90%2041.3333%2047)'%20fill='%230E0E0E'/%3e%3crect%20x='37.0308'%20y='39.9453'%20width='3.33331'%20height='21.3332'%20transform='rotate(45%2037.0308%2039.9453)'%20fill='%230E0E0E'/%3e%3crect%20x='39.3879'%20y='55.0312'%20width='3.33331'%20height='21.3332'%20transform='rotate(135%2039.3879%2055.0312)'%20fill='%230E0E0E'/%3e%3crect%20x='71.667'%20y='38'%20width='3.33331'%20height='12.823'%20fill='%230E0E0E'/%3e%3crect%20x='84.0005'%20y='47'%20width='3.33331'%20height='21.3332'%20transform='rotate(90%2084.0005%2047)'%20fill='%230E0E0E'/%3e%3crect%20x='79.6975'%20y='39.9453'%20width='3.33331'%20height='21.3332'%20transform='rotate(45%2079.6975%2039.9453)'%20fill='%230E0E0E'/%3e%3crect%20x='82.0552'%20y='55.0312'%20width='3.33331'%20height='21.3332'%20transform='rotate(135%2082.0552%2055.0312)'%20fill='%230E0E0E'/%3e%3crect%20x='62.6672'%20y='62.666'%20width='3.33331'%20height='21.3332'%20transform='rotate(90%2062.6672%2062.666)'%20fill='%230E0E0E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1791_30925'%3e%3crect%20width='64'%20height='28'%20fill='white'%20transform='translate(20%2038)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",C2="data:image/svg+xml,%3csvg%20width='104'%20height='104'%20viewBox='0%200%20104%20104'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='103'%20height='103'%20rx='23.5'%20fill='%23E7F8F0'%20stroke='%23D8F3E2'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M52.0013%2028.668C39.1147%2028.668%2028.668%2039.1147%2028.668%2052.0013C28.668%2064.8878%2039.1147%2075.3346%2052.0013%2075.3346C64.8878%2075.3346%2075.3346%2064.8878%2075.3346%2052.0013C75.3346%2039.1147%2064.8878%2028.668%2052.0013%2028.668ZM60.8073%2047.6457C61.6233%2046.6482%2061.4763%2045.1782%2060.4788%2044.3621C59.4815%2043.5461%2058.0115%2043.6931%2057.1953%2044.6905L48.3282%2055.5284L45.4846%2052.6847C44.5733%2051.7736%2043.096%2051.7736%2042.1847%2052.6847C41.2735%2053.5959%2041.2735%2055.0734%2042.1847%2055.9845L46.8514%2060.6512C47.3175%2061.1174%2047.959%2061.3647%2048.6175%2061.3318C49.276%2061.2989%2049.8896%2060.9891%2050.3073%2060.479L60.8073%2047.6457Z'%20fill='%2322C55E'/%3e%3c/svg%3e",g2="data:image/svg+xml,%3csvg%20width='88'%20height='20'%20viewBox='0%200%2088%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.6533%206.52246H11.6543V9.01953H11.6533V15.5391H9.15625V10.7861L4.67969%2015.2627L2.91309%2013.4971L7.3916%209.01953H0V6.52246H7.39355L2.91016%202.03906L4.67578%200.272461L9.15625%204.75293V0H11.6533V6.52246Z'%20fill='%231A1816'/%3e%3cpath%20d='M16.5953%206.5069H21.0348C21.6876%206.5069%2022.2317%206.32554%2022.6669%205.96284C23.1022%205.58563%2023.3198%205.04883%2023.3198%204.35244C23.3198%203.569%2023.1239%203.01769%2022.7322%202.69851C22.3405%202.37933%2021.7747%202.21974%2021.0348%202.21974H16.5953V6.5069ZM13.875%200H21.4265C22.8193%200%2023.9364%200.319179%2024.7779%200.957537C25.6193%201.59589%2026.0401%202.56069%2026.0401%203.85191C26.0401%204.63535%2025.8442%205.30998%2025.4525%205.87579C25.0753%206.4271%2024.5312%206.85509%2023.8203%207.15976V7.20329C24.7779%207.4064%2025.5033%207.86341%2025.9965%208.57431C26.4898%209.2707%2026.7365%2010.1484%2026.7365%2011.2075C26.7365%2011.8169%2026.6276%2012.3899%2026.41%2012.9267C26.1924%2013.449%2025.8515%2013.906%2025.3872%2014.2978C24.9229%2014.675%2024.3281%2014.9796%2023.6027%2015.2118C22.8773%2015.4294%2022.0141%2015.5382%2021.013%2015.5382H13.875V0ZM16.5953%2013.3185H21.4047C22.2317%2013.3185%2022.87%2013.1081%2023.3198%2012.6874C23.7841%2012.2521%2024.0162%2011.6428%2024.0162%2010.8593C24.0162%2010.0904%2023.7841%209.50283%2023.3198%209.0966C22.87%208.67586%2022.2317%208.46549%2021.4047%208.46549H16.5953V13.3185Z'%20fill='%231A1816'/%3e%3cpath%20d='M27.8457%200H30.3266V15.5382H27.8457V0Z'%20fill='%231A1816'/%3e%3cpath%20d='M39.7052%208.92439C39.6762%208.53267%2039.5891%208.15546%2039.444%207.79276C39.3135%207.43006%2039.1249%207.11813%2038.8782%206.85698C38.6461%206.58133%2038.3559%206.36371%2038.0077%206.20412C37.674%206.03002%2037.2968%205.94297%2036.8761%205.94297C36.4409%205.94297%2036.0419%206.02277%2035.6792%206.18236C35.331%206.32744%2035.0263%206.53781%2034.7652%206.81346C34.5185%207.07461%2034.3154%207.38653%2034.1558%207.74923C34.0107%208.11194%2033.9309%208.50366%2033.9164%208.92439H39.7052ZM33.9164%2010.5566C33.9164%2010.9918%2033.9745%2011.4125%2034.0905%2011.8188C34.2211%2012.225%2034.4097%2012.5804%2034.6564%2012.8851C34.903%2013.1898%2035.2149%2013.4364%2035.5921%2013.625C35.9693%2013.7991%2036.4191%2013.8862%2036.9414%2013.8862C37.6668%2013.8862%2038.2471%2013.7338%2038.6824%2013.4292C39.1321%2013.11%2039.4658%2012.6385%2039.6834%2012.0146H42.0337C41.9032%2012.624%2041.6783%2013.168%2041.3591%2013.6468C41.0399%2014.1256%2040.6555%2014.5318%2040.2057%2014.8655C39.756%2015.1847%2039.2482%2015.424%2038.6824%2015.5836C38.131%2015.7577%2037.5507%2015.8448%2036.9414%2015.8448C36.0564%2015.8448%2035.2729%2015.6997%2034.5911%2015.4095C33.9092%2015.1194%2033.3289%2014.7131%2032.8501%2014.1908C32.3858%2013.6686%2032.0304%2013.0447%2031.7837%2012.3193C31.5516%2011.5939%2031.4355%2010.7959%2031.4355%209.92545C31.4355%209.12751%2031.5589%208.37308%2031.8055%207.66219C32.0667%206.93678%2032.4294%206.30568%2032.8936%205.76887C33.3724%205.21757%2033.9455%204.78232%2034.6128%204.46314C35.2802%204.14396%2036.0346%203.98438%2036.8761%203.98438C37.7611%203.98438%2038.5518%204.17298%2039.2482%204.55019C39.9591%204.9129%2040.5467%205.39892%2041.0109%206.00826C41.4752%206.6176%2041.8089%207.32124%2042.012%208.11919C42.2296%208.90263%2042.2876%209.71509%2042.1861%2010.5566H33.9164Z'%20fill='%231A1816'/%3e%3cpath%20d='M51.1993%208.92439C51.1703%208.53267%2051.0833%208.15546%2050.9382%207.79276C50.8076%207.43006%2050.619%207.11813%2050.3724%206.85698C50.1402%206.58133%2049.8501%206.36371%2049.5019%206.20412C49.1682%206.03002%2048.791%205.94297%2048.3702%205.94297C47.935%205.94297%2047.536%206.02277%2047.1733%206.18236C46.8251%206.32744%2046.5205%206.53781%2046.2593%206.81346C46.0127%207.07461%2045.8096%207.38653%2045.65%207.74923C45.5049%208.11194%2045.4251%208.50366%2045.4106%208.92439H51.1993ZM45.4106%2010.5566C45.4106%2010.9918%2045.4686%2011.4125%2045.5847%2011.8188C45.7152%2012.225%2045.9039%2012.5804%2046.1505%2012.8851C46.3971%2013.1898%2046.7091%2013.4364%2047.0863%2013.625C47.4635%2013.7991%2047.9132%2013.8862%2048.4355%2013.8862C49.1609%2013.8862%2049.7413%2013.7338%2050.1765%2013.4292C50.6263%2013.11%2050.9599%2012.6385%2051.1776%2012.0146H53.5279C53.3973%2012.624%2053.1724%2013.168%2052.8532%2013.6468C52.5341%2014.1256%2052.1496%2014.5318%2051.6999%2014.8655C51.2501%2015.1847%2050.7423%2015.424%2050.1765%2015.5836C49.6252%2015.7577%2049.0449%2015.8448%2048.4355%2015.8448C47.5505%2015.8448%2046.7671%2015.6997%2046.0852%2015.4095C45.4033%2015.1194%2044.823%2014.7131%2044.3442%2014.1908C43.88%2013.6686%2043.5245%2013.0447%2043.2779%2012.3193C43.0458%2011.5939%2042.9297%2010.7959%2042.9297%209.92545C42.9297%209.12751%2043.053%208.37308%2043.2996%207.66219C43.5608%206.93678%2043.9235%206.30568%2044.3878%205.76887C44.8665%205.21757%2045.4396%204.78232%2046.107%204.46314C46.7743%204.14396%2047.5288%203.98438%2048.3702%203.98438C49.2552%203.98438%2050.0459%204.17298%2050.7423%204.55019C51.4532%204.9129%2052.0408%205.39892%2052.5051%206.00826C52.9693%206.6176%2053.303%207.32124%2053.5061%208.11919C53.7237%208.90263%2053.7818%209.71509%2053.6802%2010.5566H45.4106Z'%20fill='%231A1816'/%3e%3cpath%20d='M54.5605%204.28905H56.9109V5.8124H56.9544C57.3026%205.15953%2057.7886%204.69527%2058.4125%204.41962C59.0363%204.12946%2059.7109%203.98438%2060.4363%203.98438C61.3213%203.98438%2062.0903%204.14396%2062.7431%204.46314C63.4105%204.76781%2063.9618%205.1958%2064.3971%205.74711C64.8323%206.28391%2065.1587%206.91502%2065.3764%207.64042C65.594%208.36583%2065.7028%209.14201%2065.7028%209.96898C65.7028%2010.7234%2065.6012%2011.4561%2065.3981%2012.167C65.2095%2012.8779%2064.9121%2013.509%2064.5059%2014.0603C64.1142%2014.5971%2063.6136%2015.0323%2063.0043%2015.366C62.3949%2015.6852%2061.6768%2015.8448%2060.8498%2015.8448C60.4871%2015.8448%2060.1244%2015.8085%2059.7617%2015.736C59.399%2015.6779%2059.0508%2015.5764%2058.7171%2015.4313C58.3834%2015.2862%2058.0715%2015.1049%2057.7814%2014.8872C57.5057%2014.6551%2057.2736%2014.3867%2057.085%2014.082H57.0414V19.6967H54.5605V4.28905ZM63.2219%209.92545C63.2219%209.41767%2063.1566%208.92439%2063.026%208.44563C62.8955%207.96686%2062.6996%207.54612%2062.4385%207.18342C62.1773%206.80621%2061.8509%206.50879%2061.4592%206.29117C61.0674%206.05904%2060.6177%205.94297%2060.1099%205.94297C59.0653%205.94297%2058.2746%206.30568%2057.7378%207.03108C57.2155%207.75649%2056.9544%208.72128%2056.9544%209.92545C56.9544%2010.4913%2057.0197%2011.0208%2057.1502%2011.5141C57.2953%2011.9929%2057.5057%2012.4063%2057.7814%2012.7545C58.057%2013.1027%2058.3834%2013.3784%2058.7607%2013.5815C59.1524%2013.7846%2059.6021%2013.8862%2060.1099%2013.8862C60.6757%2013.8862%2061.1545%2013.7701%2061.5462%2013.538C61.9379%2013.3058%2062.2571%2013.0084%2062.5037%2012.6457C62.7649%2012.2685%2062.9462%2011.8478%2063.0478%2011.3835C63.1639%2010.9048%2063.2219%2010.4187%2063.2219%209.92545Z'%20fill='%231A1816'/%3e%3cpath%20d='M76.1515%2013.0374C76.1515%2013.3421%2076.1878%2013.5597%2076.2603%2013.6903C76.3474%2013.8209%2076.507%2013.8862%2076.7391%2013.8862C76.8116%2013.8862%2076.8987%2013.8862%2077.0002%2013.8862C77.1018%2013.8862%2077.2179%2013.8717%2077.3484%2013.8427V15.5619C77.2614%2015.5909%2077.1453%2015.6199%2077.0002%2015.6489C76.8697%2015.6924%2076.7318%2015.7287%2076.5868%2015.7577C76.4417%2015.7867%2076.2966%2015.8085%2076.1515%2015.823C76.0064%2015.8375%2075.8831%2015.8448%2075.7816%2015.8448C75.2738%2015.8448%2074.853%2015.7432%2074.5193%2015.5401C74.1857%2015.337%2073.968%2014.9815%2073.8665%2014.4738C73.3732%2014.9525%2072.7639%2015.3007%2072.0385%2015.5183C71.3276%2015.736%2070.6384%2015.8448%2069.971%2015.8448C69.4633%2015.8448%2068.9772%2015.7722%2068.513%2015.6272C68.0487%2015.4966%2067.6352%2015.3007%2067.2725%2015.0396C66.9243%2014.7639%2066.6414%2014.423%2066.4238%2014.0167C66.2207%2013.596%2066.1191%2013.11%2066.1191%2012.5587C66.1191%2011.8623%2066.2425%2011.2965%2066.4891%2010.8612C66.7502%2010.426%2067.0839%2010.085%2067.4902%209.83841C67.9109%209.59177%2068.3752%209.41767%2068.8829%209.31611C69.4052%209.20005%2069.9275%209.113%2070.4498%209.05497C70.8996%208.96792%2071.3276%208.90989%2071.7338%208.88087C72.14%208.83734%2072.4955%208.77206%2072.8001%208.68501C73.1193%208.59796%2073.366%208.46739%2073.5401%208.29329C73.7287%208.10468%2073.823%207.82903%2073.823%207.46633C73.823%207.14715%2073.7432%206.886%2073.5836%206.68289C73.4385%206.47977%2073.2499%206.32744%2073.0178%206.22588C72.8001%206.10982%2072.5535%206.03728%2072.2778%206.00826C72.0022%205.96473%2071.741%205.94297%2071.4944%205.94297C70.798%205.94297%2070.2249%206.08805%2069.7752%206.37822C69.3254%206.66838%2069.0715%207.11813%2069.0135%207.72747H66.5326C66.5761%207.00207%2066.7502%206.39998%2067.0549%205.92121C67.3596%205.44244%2067.7441%205.05798%2068.2083%204.76781C68.6871%204.47765%2069.2239%204.27454%2069.8187%204.15847C70.4135%204.04241%2071.0229%203.98438%2071.6467%203.98438C72.198%203.98438%2072.7421%204.04241%2073.2789%204.15847C73.8157%204.27454%2074.2945%204.46314%2074.7152%204.72429C75.1505%204.98544%2075.4986%205.32638%2075.7598%205.74711C76.0209%206.15334%2076.1515%206.65387%2076.1515%207.2487V13.0374ZM73.6706%209.90369C73.2934%2010.1503%2072.8292%2010.3027%2072.2778%2010.3607C71.7265%2010.4042%2071.1752%2010.4768%2070.6239%2010.5783C70.3628%2010.6218%2070.1089%2010.6871%2069.8622%2010.7742C69.6156%2010.8467%2069.398%2010.9555%2069.2094%2011.1006C69.0208%2011.2312%2068.8684%2011.4125%2068.7524%2011.6447C68.6508%2011.8623%2068.6%2012.1307%2068.6%2012.4499C68.6%2012.7255%2068.6798%2012.9577%2068.8394%2013.1463C68.999%2013.3349%2069.1876%2013.4872%2069.4052%2013.6033C69.6374%2013.7048%2069.884%2013.7774%2070.1451%2013.8209C70.4208%2013.8644%2070.6674%2013.8862%2070.8851%2013.8862C71.1607%2013.8862%2071.4581%2013.8499%2071.7773%2013.7774C72.0965%2013.7048%2072.3939%2013.5815%2072.6696%2013.4074C72.9597%2013.2333%2073.1991%2013.0157%2073.3877%2012.7545C73.5763%2012.4789%2073.6706%2012.1452%2073.6706%2011.7535V9.90369Z'%20fill='%231A1816'/%3e%3cpath%20d='M76.29%204.28906H79.0103L81.9482%2012.6893H81.9917L84.8426%204.28906H87.4323L83.0581%2016.1495C82.855%2016.6572%2082.6519%2017.1433%2082.4487%2017.6075C82.2601%2018.0718%2082.0208%2018.478%2081.7306%2018.8262C81.4549%2019.1889%2081.1067%2019.4718%2080.686%2019.6749C80.2653%2019.8926%2079.7285%2020.0014%2079.0756%2020.0014C78.4953%2020.0014%2077.9222%2019.9578%2077.3564%2019.8708V17.7816C77.5595%2017.8106%2077.7554%2017.8397%2077.944%2017.8687C78.1326%2017.9122%2078.3284%2017.934%2078.5315%2017.934C78.8217%2017.934%2079.0611%2017.8977%2079.2497%2017.8251C79.4383%2017.7526%2079.5906%2017.6438%2079.7067%2017.4987C79.8373%2017.3681%2079.9461%2017.2086%2080.0331%2017.0199C80.1202%2016.8313%2080.2%2016.6137%2080.2725%2016.3671L80.5554%2015.4966L76.29%204.28906Z'%20fill='%231A1816'/%3e%3cpath%20d='M1.78716%200.557513L2.001%200H2.22057V0.786628H2.07737V0.171836H2.07355L1.83871%200.786628H1.73179L1.49694%200.171836H1.49313V0.786628H1.34993V0H1.57141L1.78716%200.557513ZM1.18955%200.124104H0.948978V0.786628H0.796235V0.124104H0.555664V0H1.18955V0.124104Z'%20fill='%231A1816'/%3e%3c/svg%3e",w={overlay:"_overlay_1v8tw_2",fadeIn:"_fadeIn_1v8tw_1",modal:"_modal_1v8tw_23",slideUp:"_slideUp_1v8tw_1",closeBtn:"_closeBtn_1v8tw_47",header:"_header_1v8tw_69",logo:"_logo_1v8tw_78",pending:"_pending_1v8tw_84",loading:"_loading_1v8tw_84",error:"_error_1v8tw_84",success:"_success_1v8tw_84",title:"_title_1v8tw_88",subtitle:"_subtitle_1v8tw_96",centerContent:"_centerContent_1v8tw_108",content:"_content_1v8tw_114"},o2=t=>{const{title:e,subtitle:o,logo:n="brand",onClose:a,children:f,style:c={}}=t,s=K(null);Y(()=>{const l=x=>{x.key==="Escape"&&a?.()};return document.addEventListener("keydown",l),document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",l),document.body.style.overflow=""}},[a]);const r=l=>{l.target===s.current&&a?.()};return i("div",{class:w.overlay,ref:s,onClick:r,style:c,children:i("div",{class:w.modal,children:[i("div",{class:w.header,children:[i("img",{src:g2,alt:"Bleepay"}),i("button",{class:w.closeBtn,onClick:a,type:"button",children:"×"})]}),i("div",{class:w.centerContent,children:[n!=="none"&&i("div",{class:`${w.logo} ${w[n]}`,children:[n==="brand"&&i("img",{src:f2,alt:"Bleepay"}),n==="pending"&&i("img",{src:h2,alt:"Bleepay"}),n==="loading"&&i("img",{src:u2,alt:"Bleepay"}),n==="error"&&i("img",{src:p2,alt:"Bleepay"}),n==="success"&&i("img",{src:C2,alt:"Bleepay"})]}),e&&i("h2",{class:w.title,children:e}),o&&i("p",{class:w.subtitle,dangerouslySetInnerHTML:{__html:o}})]}),i("div",{class:w.content,children:f})]})})},E={group:"_group_w6su8_2",row:"_row_w6su8_8",label:"_label_w6su8_30",value:"_value_w6su8_37",description:"_description_w6su8_45"},n2=t=>{const{label:e,value:o,style:n={}}=t;return i("div",{class:E.row,style:n,children:[i("span",{class:E.label,children:e}),i("span",{class:E.value,children:o})]})},i2=t=>{const{value:e,style:o={}}=t;return i("div",{class:E.row,style:o,children:i("span",{class:E.description,children:e})})},r2=t=>{const{children:e}=t;return i("div",{class:E.group,children:e})},m2='@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";'+'@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";._button_cjod8_2{width:100%;height:56px;border:none;border-radius:999px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px}._primary_cjod8_19{flex:4;background:#0e0e0e;color:#f8f7f7}._primary_cjod8_19:disabled{cursor:not-allowed;color:#a3a29e;background:#e9e7e5}._secondary_cjod8_30{flex:1;background:transparent;color:#0e0e0e;border:1px solid #E9E7E5}._buttonGroup_cjod8_37{display:flex;gap:8px;width:100%}'+'@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";._container_ekx8m_2{display:flex;flex-direction:column;gap:12px;margin-top:48px;position:relative;padding:16px 0 0}._container_ekx8m_2:after{content:"";position:absolute;top:0;left:-16px;right:-16px;height:1px;background:#e9e7e5}._label_ekx8m_20{font-size:14px;color:#73736e;margin:0;font-weight:400}._label_ekx8m_20._error_ekx8m_26{color:#fd4834}._inputGroup_ekx8m_30{display:flex;gap:3px;justify-content:space-between}._digitWrapper_ekx8m_36{position:relative;border-radius:120px;width:58px;height:80px;background:#f1f0ef}._digitWrapper_ekx8m_36:nth-of-type(3){margin-right:5px}._digitWrapper_ekx8m_36._hasValue_ekx8m_46,._digitWrapper_ekx8m_36._focused_ekx8m_46{background:transparent}._digitWrapper_ekx8m_36._hasValue_ekx8m_46 ._iconWrapper_ekx8m_49,._digitWrapper_ekx8m_36._focused_ekx8m_46 ._iconWrapper_ekx8m_49{opacity:0}._iconWrapper_ekx8m_49{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background-size:contain;background-position:center;background-repeat:no-repeat;pointer-events:none;opacity:1;transition:opacity .2s}._digit_ekx8m_36{width:58px;height:80px;box-sizing:border-box;border:1px solid #F1F0EF;border-radius:120px;font-size:32px;font-weight:500;text-align:center;outline:none;transition:all .2s;background:#f8f7f7;color:#0e0e0e}._digit_ekx8m_36:focus{border-color:#0e0e0e;background:#fff}._digit_ekx8m_36:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}._digit_ekx8m_36._hasError_ekx8m_91{border-color:#ffdfdc;background:#ffeeeb;color:#fd4834}'+'@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";._overlay_1v8tw_2{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:10000;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:_fadeIn_1v8tw_1 .2s ease-out}@keyframes _fadeIn_1v8tw_1{0%{opacity:0}to{opacity:1}}._modal_1v8tw_23{box-sizing:border-box;background:#fff;border-radius:24px;padding:24px 16px 16px;min-width:400px;max-width:440px;box-shadow:0 8px 32px #0000001f;animation:_slideUp_1v8tw_1 .3s ease-out;position:relative;z-index:10001;font-family:Inter,sans-serif}@keyframes _slideUp_1v8tw_1{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}._closeBtn_1v8tw_47{position:absolute;top:50%;transform:translateY(-50%);right:0;width:36px;height:36px;border:none;background:#f1f0ef;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;color:#73736e;transition:background .2s}._closeBtn_1v8tw_47:hover{background:#e5e5e5}._header_1v8tw_69{font-size:20px;display:flex;flex-direction:column;align-items:center;margin-bottom:56px;position:relative}._logo_1v8tw_78{display:flex;align-items:center;justify-content:center;margin-bottom:24px}._logo_1v8tw_78._pending_1v8tw_84,._logo_1v8tw_78._loading_1v8tw_84,._logo_1v8tw_78._error_1v8tw_84,._logo_1v8tw_78._success_1v8tw_84{margin-bottom:48px}._title_1v8tw_88{margin:0 0 8px;font-size:24px;font-weight:500;color:#0e0e0e;text-align:center}._subtitle_1v8tw_96{margin:0;font-size:14px;color:#666;text-align:center;line-height:1.5}._subtitle_1v8tw_96 a{color:inherit;text-decoration:underline}._centerContent_1v8tw_108{display:flex;flex-direction:column;align-items:center}._content_1v8tw_114{display:flex;flex-direction:column}'+'@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";._group_w6su8_2{display:flex;flex-direction:column;margin-top:24px}._row_w6su8_8{height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;background:#f1f0ef;border-bottom:1px solid #E9E7E5;font-family:Inter,sans-serif}._row_w6su8_8:first-child{border-top-left-radius:16px;border-top-right-radius:16px}._row_w6su8_8:last-child{border-bottom-left-radius:16px;border-bottom-right-radius:16px}._row_w6su8_8:last-child{border-bottom:none}._label_w6su8_30{font-size:14px;font-weight:400;color:#0e0e0e;margin:0}._value_w6su8_37{font-size:14px;font-weight:400;color:#73736e;margin:0;text-align:right}._description_w6su8_45{font-size:12px;color:#73736e}';var L=(t=>(t.CodeInput="codeInput",t.ButtonGroup="buttonGroup",t.TransactionRows="transactionRows",t))(L||{});const w2=({config:t})=>{const{title:e,subtitle:o,logo:n,onClose:a,slots:f}=t;return i(o2,{title:e,subtitle:o,logo:n,onClose:a,children:f?.map((c,s)=>c.type===L.CodeInput?i(t2,{onChange:c.config.onChange,onComplete:c.config.onComplete,disabled:c.config.disabled,error:c.config.error,label:c.config.label,style:c.config.style},s):c.type===L.ButtonGroup?i(T,{children:c.buttons.map((r,l)=>i(j,{variant:r.variant,disabled:r.disabled,onClick:r.onClick,style:r.style,children:r.label},l))},s):c.type===L.TransactionRows?i(r2,{children:c.rows.map((r,l)=>r.type==="description"?i(i2,{value:r.value,style:r.style},l):i(n2,{label:r.label,value:r.value,style:r.style},l))},s):null)})};class v2{container;mountPoint;config;constructor(e){this.config=e,this.container=document.createElement("div"),this.container.id=e.id??"bleep-modal-root",document.body.appendChild(this.container);const o=this.container.attachShadow({mode:"closed"});this.mountPoint=document.createElement("div"),o.appendChild(this.mountPoint);const n=document.createElement("style");n.textContent=m2,o.appendChild(n),this.doRender()}update(e){this.config={...this.config,...e},this.doRender()}destroy(){v.render(null,this.mountPoint),this.container.remove()}doRender(){v.render(i(w2,{config:this.config}),this.mountPoint)}}h.BleepButton=j,h.BleepButtonGroup=T,h.BleepCodeInput=t2,h.BleepModal=o2,h.BleepTransactionDescriptionRow=i2,h.BleepTransactionRow=n2,h.BleepTransactionRowGroup=r2,h.ModalRenderer=v2,h.ModalSlotType=L,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})}));
+//# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.umd.js","sources":["../../../node_modules/.pnpm/preact@10.28.3/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js","../src/components/Button.tsx","../../../node_modules/.pnpm/preact@10.28.3/node_modules/preact/hooks/dist/hooks.module.js","../src/assets/icons/code.svg","../src/components/CodeInput.tsx","../src/assets/icons/error.svg","../src/assets/icons/loading.svg","../src/assets/icons/logo.svg","../src/assets/icons/pending.svg","../src/assets/icons/success.svg","../src/assets/icons/text-logo.svg","../src/components/Modal.tsx","../src/components/TransactionRow.tsx","../src/renderer/inject-styles.ts","../src/renderer/types.ts","../src/renderer/ModalFromConfig.tsx","../src/renderer/ModalRenderer.tsx"],"sourcesContent":["import{options as r,Fragment as e}from\"preact\";export{Fragment}from\"preact\";var t=/[\"&<]/;function n(r){if(0===r.length||!1===t.test(r))return r;for(var e=0,n=0,o=\"\",f=\"\";n<r.length;n++){switch(r.charCodeAt(n)){case 34:f=\"&quot;\";break;case 38:f=\"&amp;\";break;case 60:f=\"&lt;\";break;default:continue}n!==e&&(o+=r.slice(e,n)),o+=f,e=n+1}return n!==e&&(o+=r.slice(e,n)),o}var o=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,f=0,i=Array.isArray;function u(e,t,n,o,i,u){t||(t={});var a,c,p=t;if(\"ref\"in p)for(c in p={},t)\"ref\"==c?a=t[c]:p[c]=t[c];var l={type:e,props:p,key:n,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--f,__i:-1,__u:0,__source:i,__self:u};if(\"function\"==typeof e&&(a=e.defaultProps))for(c in a)void 0===p[c]&&(p[c]=a[c]);return r.vnode&&r.vnode(l),l}function a(r){var t=u(e,{tpl:r,exprs:[].slice.call(arguments,1)});return t.key=t.__v,t}var c={},p=/[A-Z]/g;function l(e,t){if(r.attr){var f=r.attr(e,t);if(\"string\"==typeof f)return f}if(t=function(r){return null!==r&&\"object\"==typeof r&&\"function\"==typeof r.valueOf?r.valueOf():r}(t),\"ref\"===e||\"key\"===e)return\"\";if(\"style\"===e&&\"object\"==typeof t){var i=\"\";for(var u in t){var a=t[u];if(null!=a&&\"\"!==a){var l=\"-\"==u[0]?u:c[u]||(c[u]=u.replace(p,\"-$&\").toLowerCase()),s=\";\";\"number\"!=typeof a||l.startsWith(\"--\")||o.test(l)||(s=\"px;\"),i=i+l+\":\"+a+s}}return e+'=\"'+n(i)+'\"'}return null==t||!1===t||\"function\"==typeof t||\"object\"==typeof t?\"\":!0===t?e:e+'=\"'+n(\"\"+t)+'\"'}function s(r){if(null==r||\"boolean\"==typeof r||\"function\"==typeof r)return null;if(\"object\"==typeof r){if(void 0===r.constructor)return r;if(i(r)){for(var e=0;e<r.length;e++)r[e]=s(r[e]);return r}}return n(\"\"+r)}export{u as jsx,l as jsxAttr,u as jsxDEV,s as jsxEscape,a as jsxTemplate,u as jsxs};\n//# sourceMappingURL=jsxRuntime.module.js.map\n","import {ComponentChildren, CSSProperties} from 'preact';\nimport '../styles/Main.module.scss';\nimport styles from '../styles/Button.module.scss';\n\nexport type ButtonProps = {\n  variant?: 'primary' | 'secondary';\n  disabled?: boolean;\n  onClick?: () => void;\n  children: ComponentChildren;\n  type?: 'button' | 'submit';\n  style?: Partial<CSSProperties>;\n};\n\nexport const BleepButton = (props: ButtonProps) => {\n  const {\n    variant = 'primary',\n    disabled = false,\n    onClick,\n    children,\n    type = 'button',\n    style = {},\n  } = props;\n\n  return (\n    <button\n      class={`${styles.button} ${styles[variant]}`}\n      style={style}\n      disabled={disabled}\n      onClick={onClick}\n      type={type}\n    >\n      {children}\n    </button>\n  );\n};\n\nexport type ButtonGroupProps = {\n  children: ComponentChildren;\n};\n\nexport const BleepButtonGroup = (props: ButtonGroupProps) => {\n  return <div class={styles.buttonGroup}>{props.children}</div>;\n};\n","import{options as n}from\"preact\";var t,r,u,i,o=0,f=[],c=n,e=c.__b,a=c.__r,v=c.diffed,l=c.__c,m=c.unmount,s=c.__;function p(n,t){c.__h&&c.__h(r,n,o||t),o=0;var u=r.__H||(r.__H={__:[],__h:[]});return n>=u.__.length&&u.__.push({}),u.__[n]}function d(n){return o=1,h(D,n)}function h(n,u,i){var o=p(t++,2);if(o.t=n,!o.__c&&(o.__=[i?i(u):D(void 0,u),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}))}],o.__c=r,!r.__f)){var f=function(n,t,r){if(!o.__c.__H)return!0;var u=o.__c.__H.__.filter(function(n){return!!n.__c});if(u.every(function(n){return!n.__N}))return!c||c.call(this,n,t,r);var i=o.__c.props!==n;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0)}}),c&&c.call(this,n,t,r)||i};r.__f=!0;var c=r.shouldComponentUpdate,e=r.componentWillUpdate;r.componentWillUpdate=function(n,t,r){if(this.__e){var u=c;c=void 0,f(n,t,r),c=u}e&&e.call(this,n,t,r)},r.shouldComponentUpdate=f}return o.__N||o.__}function y(n,u){var i=p(t++,3);!c.__s&&C(i.__H,u)&&(i.__=n,i.u=u,r.__H.__h.push(i))}function _(n,u){var i=p(t++,4);!c.__s&&C(i.__H,u)&&(i.__=n,i.u=u,r.__h.push(i))}function A(n){return o=5,T(function(){return{current:n}},[])}function F(n,t,r){o=6,_(function(){if(\"function\"==typeof n){var r=n(t());return function(){n(null),r&&\"function\"==typeof r&&r()}}if(n)return n.current=t(),function(){return n.current=null}},null==r?r:r.concat(n))}function T(n,r){var u=p(t++,7);return C(u.__H,r)&&(u.__=n(),u.__H=r,u.__h=n),u.__}function q(n,t){return o=8,T(function(){return n},t)}function x(n){var u=r.context[n.__c],i=p(t++,9);return i.c=n,u?(null==i.__&&(i.__=!0,u.sub(r)),u.props.value):n.__}function P(n,t){c.useDebugValue&&c.useDebugValue(t?t(n):n)}function b(n){var u=p(t++,10),i=d();return u.__=n,r.componentDidCatch||(r.componentDidCatch=function(n,t){u.__&&u.__(n,t),i[1](n)}),[i[0],function(){i[1](void 0)}]}function g(){var n=p(t++,11);if(!n.__){for(var u=r.__v;null!==u&&!u.__m&&null!==u.__;)u=u.__;var i=u.__m||(u.__m=[0,0]);n.__=\"P\"+i[0]+\"-\"+i[1]++}return n.__}function j(){for(var n;n=f.shift();)if(n.__P&&n.__H)try{n.__H.__h.forEach(z),n.__H.__h.forEach(B),n.__H.__h=[]}catch(t){n.__H.__h=[],c.__e(t,n.__v)}}c.__b=function(n){r=null,e&&e(n)},c.__=function(n,t){n&&t.__k&&t.__k.__m&&(n.__m=t.__k.__m),s&&s(n,t)},c.__r=function(n){a&&a(n),t=0;var i=(r=n.__c).__H;i&&(u===r?(i.__h=[],r.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.u=n.__N=void 0})):(i.__h.forEach(z),i.__h.forEach(B),i.__h=[],t=0)),u=r},c.diffed=function(n){v&&v(n);var t=n.__c;t&&t.__H&&(t.__H.__h.length&&(1!==f.push(t)&&i===c.requestAnimationFrame||((i=c.requestAnimationFrame)||w)(j)),t.__H.__.forEach(function(n){n.u&&(n.__H=n.u),n.u=void 0})),u=r=null},c.__c=function(n,t){t.some(function(n){try{n.__h.forEach(z),n.__h=n.__h.filter(function(n){return!n.__||B(n)})}catch(r){t.some(function(n){n.__h&&(n.__h=[])}),t=[],c.__e(r,n.__v)}}),l&&l(n,t)},c.unmount=function(n){m&&m(n);var t,r=n.__c;r&&r.__H&&(r.__H.__.forEach(function(n){try{z(n)}catch(n){t=n}}),r.__H=void 0,t&&c.__e(t,r.__v))};var k=\"function\"==typeof requestAnimationFrame;function w(n){var t,r=function(){clearTimeout(u),k&&cancelAnimationFrame(t),setTimeout(n)},u=setTimeout(r,35);k&&(t=requestAnimationFrame(r))}function z(n){var t=r,u=n.__c;\"function\"==typeof u&&(n.__c=void 0,u()),r=t}function B(n){var t=r;n.__c=n.__(),r=t}function C(n,t){return!n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function D(n,t){return\"function\"==typeof t?t(n):t}export{q as useCallback,x as useContext,P as useDebugValue,y as useEffect,b as useErrorBoundary,g as useId,F as useImperativeHandle,_ as useLayoutEffect,T as useMemo,h as useReducer,A as useRef,d as useState};\n//# sourceMappingURL=hooks.module.js.map\n","export default \"data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1791_30856)'%3e%3cpath%20d='M13.9277%207.34668L19.123%202.15137L21.8506%204.87891L16.6582%2010.0713H24V13.9277H16.6543L21.8486%2019.1221L19.1211%2021.8496L13.9277%2016.6562V24H10.0713V16.6582L4.87988%2021.8496L2.15234%2019.1221L7.34668%2013.9277H0V10.0713H7.34277L2.15039%204.87891L4.87793%202.15137L10.0713%207.34473V0H13.9277V7.34668Z'%20fill='%230E0E0E'%20fill-opacity='0.08'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1791_30856'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e\"","import {VOUCHER_CODE_LENGTH} from '@bleepay/core';\nimport {CSSProperties} from 'preact';\nimport {useCallback, useEffect, useRef, useState} from 'preact/hooks';\nimport codeIcon from '../assets/icons/code.svg';\nimport styles from '../styles/CodeInput.module.scss';\n\nexport type CodeInputProps = {\n  onComplete?: (code: string) => void;\n  onChange?: (code: string) => void;\n  disabled?: boolean;\n  error?: string;\n  label?: string;\n  style?: Partial<CSSProperties>;\n};\n\nexport const BleepCodeInput = (props: CodeInputProps) => {\n  const {\n    onComplete,\n    onChange,\n    disabled = false,\n    error,\n    label = 'Enter the generated Bleep Code',\n    style = {},\n  } = props;\n  const [values, setValues] = useState<string[]>(Array(VOUCHER_CODE_LENGTH).fill(''));\n  const inputRefs = useRef<(HTMLInputElement | null)[]>([]);\n  const [focusedInputIndex, setFocusedInputIndex] = useState<number>(-1);\n\n  useEffect(() => {\n    inputRefs.current[0]?.focus();\n  }, []);\n\n  const handleInput = useCallback(\n    (index: number, value: string) => {\n      const digit = value.replace(/\\D/g, '');\n\n      if (digit.length > 0) {\n        const newValues = [...values];\n        newValues[index] = digit[0] ?? '';\n        setValues(newValues);\n\n        const code = newValues.join('');\n        onChange?.(code);\n\n        if (index < VOUCHER_CODE_LENGTH - 1) {\n          inputRefs.current[index + 1]?.focus();\n        }\n\n        if (code.length === VOUCHER_CODE_LENGTH) {\n          onComplete?.(code);\n        }\n      }\n    },\n    [values, onChange, onComplete],\n  );\n\n  const handleKeyDown = useCallback(\n    (index: number, e: KeyboardEvent) => {\n      if (e.key === 'Backspace') {\n        e.preventDefault();\n        const newValues = [...values];\n\n        if (newValues[index]) {\n          newValues[index] = '';\n          setValues(newValues);\n          onChange?.(newValues.join(''));\n        } else if (index > 0) {\n          newValues[index - 1] = '';\n          setValues(newValues);\n          onChange?.(newValues.join(''));\n          inputRefs.current[index - 1]?.focus();\n        }\n      } else if (e.key === 'ArrowLeft' && index > 0) {\n        inputRefs.current[index - 1]?.focus();\n      } else if (e.key === 'ArrowRight' && index < VOUCHER_CODE_LENGTH - 1) {\n        inputRefs.current[index + 1]?.focus();\n      }\n    },\n    [values, onChange],\n  );\n\n  const handlePaste = useCallback(\n    (e: ClipboardEvent) => {\n      e.preventDefault();\n      const pastedData = e.clipboardData?.getData('text') ?? '';\n      const digits = pastedData.replace(/\\D/g, '').slice(0, VOUCHER_CODE_LENGTH);\n\n      const newValues = [...values];\n      for (let i = 0; i < digits.length; i++) {\n        const digit = digits[i];\n        if (digit !== undefined) {\n          newValues[i] = digit;\n        }\n      }\n      setValues(newValues);\n\n      const code = newValues.join('');\n      onChange?.(code);\n\n      const lastIndex = Math.min(digits.length, VOUCHER_CODE_LENGTH) - 1;\n      inputRefs.current[lastIndex]?.focus();\n\n      if (code.length === VOUCHER_CODE_LENGTH) {\n        onComplete?.(code);\n      }\n    },\n    [values, onChange, onComplete],\n  );\n\n  return (\n    <div class={styles.container} style={style}>\n      {label && <p class={`${styles.label} ${error ? styles.error : ''}`}>{error || label}</p>}\n\n      <div class={styles.inputGroup}>\n        {values.map((value, index) => (\n          <div\n            key={index}\n            class={`${styles.digitWrapper} ${value ? styles.hasValue : ''} ${focusedInputIndex === index ? styles.focused : ''}`}\n          >\n            <div class={styles.iconWrapper}>\n              <img src={codeIcon} alt='Code' />\n            </div>\n            <input\n              ref={(el) => {\n                inputRefs.current[index] = el;\n              }}\n              type='text'\n              inputMode='numeric'\n              maxLength={1}\n              class={`${styles.digit} ${error ? styles.hasError : ''}`}\n              value={value}\n              disabled={disabled}\n              onInput={(e) => handleInput(index, (e.target as HTMLInputElement).value)}\n              onKeyDown={(e) => handleKeyDown(index, e as unknown as KeyboardEvent)}\n              onPaste={handlePaste}\n              onFocus={(e) => {\n                setFocusedInputIndex(index);\n              }}\n              onBlur={() => setFocusedInputIndex(-1)}\n            />\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n","export default \"data:image/svg+xml,%3csvg%20width='104'%20height='104'%20viewBox='0%200%20104%20104'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='103'%20height='103'%20rx='23.5'%20fill='%23FFEEEB'%20stroke='%23FFDFDC'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M28.668%2052.0013C28.668%2039.1147%2039.1147%2028.668%2052.0013%2028.668C64.8878%2028.668%2075.3346%2039.1147%2075.3346%2052.0013C75.3346%2064.8878%2064.8878%2075.3346%2052.0013%2075.3346C39.1147%2075.3346%2028.668%2064.8878%2028.668%2052.0013ZM46.6512%2043.3514C45.74%2042.4402%2044.2626%2042.4402%2043.3514%2043.3514C42.4402%2044.2626%2042.4402%2045.74%2043.3514%2046.6512L48.7015%2052.0013L43.3514%2057.3514C42.4402%2058.2626%2042.4402%2059.74%2043.3514%2060.6512C44.2626%2061.5624%2045.74%2061.5624%2046.6512%2060.6512L52.0013%2055.3011L57.3514%2060.6512C58.2626%2061.5624%2059.74%2061.5624%2060.6512%2060.6512C61.5624%2059.74%2061.5624%2058.2626%2060.6512%2057.3514L55.3011%2052.0013L60.6512%2046.6512C61.5624%2045.74%2061.5624%2044.2626%2060.6512%2043.3514C59.74%2042.4402%2058.2626%2042.4402%2057.3514%2043.3514L52.0013%2048.7015L46.6512%2043.3514Z'%20fill='%23FD4834'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='104'%20height='104'%20viewBox='0%200%20104%20104'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='103'%20height='103'%20rx='23.5'%20fill='%23ECF3FE'%20stroke='%23E2EDFD'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M52.0013%2028.668C64.8878%2028.668%2075.3346%2039.1147%2075.3346%2052.0013C75.3346%2064.8878%2064.8878%2075.3346%2052.0013%2075.3346C39.1147%2075.3346%2028.668%2064.8878%2028.668%2052.0013C28.668%2039.1147%2039.1147%2028.668%2052.0013%2028.668ZM52.0013%2052.0013H35.668C35.668%2061.022%2042.9807%2068.3346%2052.0013%2068.3346C61.022%2068.3346%2068.3346%2061.022%2068.3346%2052.0013C68.3346%2042.9807%2061.022%2035.668%2052.0013%2035.668V52.0013Z'%20fill='%233B82F6'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='104'%20height='104'%20viewBox='0%200%20104%20104'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='104'%20height='104'%20rx='24'%20fill='%230E0E0E'/%3e%3crect%20x='37.999'%20y='77.832'%20width='51.6623'%20height='8.30284'%20transform='rotate(-90%2037.999%2077.832)'%20fill='white'/%3e%3crect%20x='46.3066'%20y='56.1523'%20width='38.7466'%20height='8.30288'%20transform='rotate(180%2046.3066%2056.1523)'%20fill='white'/%3e%3crect%20width='30.5444'%20height='8.30286'%20transform='matrix(-0.707105%20-0.707108%200.707105%20-0.707109%2038.8359%2054.5547)'%20fill='white'/%3e%3crect%20width='29.815'%20height='8.30286'%20transform='matrix(-0.707105%200.707109%20-0.707105%20-0.707109%2044.1904%2055.8398)'%20fill='white'/%3e%3cpath%20d='M62.7315%2047.8013H77.4912C79.6618%2047.8013%2081.4706%2047.1983%2082.9176%2045.9925C84.3646%2044.7383%2085.0882%2042.9537%2085.0882%2040.6384C85.0882%2038.0337%2084.437%2036.2008%2083.1347%2035.1396C81.8323%2034.0785%2079.9512%2033.5479%2077.4912%2033.5479H62.7315V47.8013ZM53.6875%2026.168H78.7936C83.4241%2026.168%2087.1381%2027.2291%2089.9357%2029.3515C92.7333%2031.4738%2094.1321%2034.6814%2094.1321%2038.9743C94.1321%2041.579%2093.481%2043.8219%2092.1786%2045.703C90.9245%2047.536%2089.1157%2048.9589%2086.7523%2049.9718V50.1165C89.9357%2050.7918%2092.3475%2052.3112%2093.9874%2054.6747C95.6274%2056.99%2096.4474%2059.9082%2096.4474%2063.4293C96.4474%2065.4552%2096.0856%2067.3605%2095.3621%2069.1451C94.6386%2070.8816%2093.5051%2072.401%2091.9616%2073.7033C90.4181%2074.9574%2088.4405%2075.9704%2086.0287%2076.7421C83.617%2077.4656%2080.7471%2077.8274%2077.4189%2077.8274H53.6875V26.168ZM62.7315%2070.4475H78.7212C81.4706%2070.4475%2083.5929%2069.7481%2085.0882%2068.3493C86.6317%2066.9022%2087.4034%2064.8764%2087.4034%2062.2717C87.4034%2059.7152%2086.6317%2057.7617%2085.0882%2056.4112C83.5929%2055.0124%2081.4706%2054.3129%2078.7212%2054.3129H62.7315V70.4475Z'%20fill='white'/%3e%3cpath%20d='M13.4981%2028.0213L14.209%2026.168H14.9389V28.783H14.4629V26.7392H14.4502L13.6695%2028.783H13.3141L12.5334%2026.7392H12.5207V28.783H12.0447V26.168H12.7809L13.4981%2028.0213ZM11.5115%2026.5805H10.7118V28.783H10.204V26.5805H9.4043V26.168H11.5115V26.5805Z'%20fill='white'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='104'%20height='104'%20viewBox='0%200%20104%20104'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M24%200.5H80C92.9787%200.5%20103.5%2011.0213%20103.5%2024V80C103.5%2092.9787%2092.9787%20103.5%2080%20103.5H24C11.0213%20103.5%200.5%2092.9787%200.5%2080V24C0.5%2011.0213%2011.0213%200.5%2024%200.5Z'%20fill='%23F8F7F7'%20stroke='%23E9E7E5'/%3e%3cg%20clip-path='url(%23clip0_1791_30925)'%3e%3crect%20x='29.0005'%20y='38'%20width='3.33331'%20height='12.823'%20fill='%230E0E0E'/%3e%3crect%20x='41.3333'%20y='47'%20width='3.33331'%20height='21.3332'%20transform='rotate(90%2041.3333%2047)'%20fill='%230E0E0E'/%3e%3crect%20x='37.0308'%20y='39.9453'%20width='3.33331'%20height='21.3332'%20transform='rotate(45%2037.0308%2039.9453)'%20fill='%230E0E0E'/%3e%3crect%20x='39.3879'%20y='55.0312'%20width='3.33331'%20height='21.3332'%20transform='rotate(135%2039.3879%2055.0312)'%20fill='%230E0E0E'/%3e%3crect%20x='71.667'%20y='38'%20width='3.33331'%20height='12.823'%20fill='%230E0E0E'/%3e%3crect%20x='84.0005'%20y='47'%20width='3.33331'%20height='21.3332'%20transform='rotate(90%2084.0005%2047)'%20fill='%230E0E0E'/%3e%3crect%20x='79.6975'%20y='39.9453'%20width='3.33331'%20height='21.3332'%20transform='rotate(45%2079.6975%2039.9453)'%20fill='%230E0E0E'/%3e%3crect%20x='82.0552'%20y='55.0312'%20width='3.33331'%20height='21.3332'%20transform='rotate(135%2082.0552%2055.0312)'%20fill='%230E0E0E'/%3e%3crect%20x='62.6672'%20y='62.666'%20width='3.33331'%20height='21.3332'%20transform='rotate(90%2062.6672%2062.666)'%20fill='%230E0E0E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1791_30925'%3e%3crect%20width='64'%20height='28'%20fill='white'%20transform='translate(20%2038)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='104'%20height='104'%20viewBox='0%200%20104%20104'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='103'%20height='103'%20rx='23.5'%20fill='%23E7F8F0'%20stroke='%23D8F3E2'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M52.0013%2028.668C39.1147%2028.668%2028.668%2039.1147%2028.668%2052.0013C28.668%2064.8878%2039.1147%2075.3346%2052.0013%2075.3346C64.8878%2075.3346%2075.3346%2064.8878%2075.3346%2052.0013C75.3346%2039.1147%2064.8878%2028.668%2052.0013%2028.668ZM60.8073%2047.6457C61.6233%2046.6482%2061.4763%2045.1782%2060.4788%2044.3621C59.4815%2043.5461%2058.0115%2043.6931%2057.1953%2044.6905L48.3282%2055.5284L45.4846%2052.6847C44.5733%2051.7736%2043.096%2051.7736%2042.1847%2052.6847C41.2735%2053.5959%2041.2735%2055.0734%2042.1847%2055.9845L46.8514%2060.6512C47.3175%2061.1174%2047.959%2061.3647%2048.6175%2061.3318C49.276%2061.2989%2049.8896%2060.9891%2050.3073%2060.479L60.8073%2047.6457Z'%20fill='%2322C55E'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='88'%20height='20'%20viewBox='0%200%2088%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.6533%206.52246H11.6543V9.01953H11.6533V15.5391H9.15625V10.7861L4.67969%2015.2627L2.91309%2013.4971L7.3916%209.01953H0V6.52246H7.39355L2.91016%202.03906L4.67578%200.272461L9.15625%204.75293V0H11.6533V6.52246Z'%20fill='%231A1816'/%3e%3cpath%20d='M16.5953%206.5069H21.0348C21.6876%206.5069%2022.2317%206.32554%2022.6669%205.96284C23.1022%205.58563%2023.3198%205.04883%2023.3198%204.35244C23.3198%203.569%2023.1239%203.01769%2022.7322%202.69851C22.3405%202.37933%2021.7747%202.21974%2021.0348%202.21974H16.5953V6.5069ZM13.875%200H21.4265C22.8193%200%2023.9364%200.319179%2024.7779%200.957537C25.6193%201.59589%2026.0401%202.56069%2026.0401%203.85191C26.0401%204.63535%2025.8442%205.30998%2025.4525%205.87579C25.0753%206.4271%2024.5312%206.85509%2023.8203%207.15976V7.20329C24.7779%207.4064%2025.5033%207.86341%2025.9965%208.57431C26.4898%209.2707%2026.7365%2010.1484%2026.7365%2011.2075C26.7365%2011.8169%2026.6276%2012.3899%2026.41%2012.9267C26.1924%2013.449%2025.8515%2013.906%2025.3872%2014.2978C24.9229%2014.675%2024.3281%2014.9796%2023.6027%2015.2118C22.8773%2015.4294%2022.0141%2015.5382%2021.013%2015.5382H13.875V0ZM16.5953%2013.3185H21.4047C22.2317%2013.3185%2022.87%2013.1081%2023.3198%2012.6874C23.7841%2012.2521%2024.0162%2011.6428%2024.0162%2010.8593C24.0162%2010.0904%2023.7841%209.50283%2023.3198%209.0966C22.87%208.67586%2022.2317%208.46549%2021.4047%208.46549H16.5953V13.3185Z'%20fill='%231A1816'/%3e%3cpath%20d='M27.8457%200H30.3266V15.5382H27.8457V0Z'%20fill='%231A1816'/%3e%3cpath%20d='M39.7052%208.92439C39.6762%208.53267%2039.5891%208.15546%2039.444%207.79276C39.3135%207.43006%2039.1249%207.11813%2038.8782%206.85698C38.6461%206.58133%2038.3559%206.36371%2038.0077%206.20412C37.674%206.03002%2037.2968%205.94297%2036.8761%205.94297C36.4409%205.94297%2036.0419%206.02277%2035.6792%206.18236C35.331%206.32744%2035.0263%206.53781%2034.7652%206.81346C34.5185%207.07461%2034.3154%207.38653%2034.1558%207.74923C34.0107%208.11194%2033.9309%208.50366%2033.9164%208.92439H39.7052ZM33.9164%2010.5566C33.9164%2010.9918%2033.9745%2011.4125%2034.0905%2011.8188C34.2211%2012.225%2034.4097%2012.5804%2034.6564%2012.8851C34.903%2013.1898%2035.2149%2013.4364%2035.5921%2013.625C35.9693%2013.7991%2036.4191%2013.8862%2036.9414%2013.8862C37.6668%2013.8862%2038.2471%2013.7338%2038.6824%2013.4292C39.1321%2013.11%2039.4658%2012.6385%2039.6834%2012.0146H42.0337C41.9032%2012.624%2041.6783%2013.168%2041.3591%2013.6468C41.0399%2014.1256%2040.6555%2014.5318%2040.2057%2014.8655C39.756%2015.1847%2039.2482%2015.424%2038.6824%2015.5836C38.131%2015.7577%2037.5507%2015.8448%2036.9414%2015.8448C36.0564%2015.8448%2035.2729%2015.6997%2034.5911%2015.4095C33.9092%2015.1194%2033.3289%2014.7131%2032.8501%2014.1908C32.3858%2013.6686%2032.0304%2013.0447%2031.7837%2012.3193C31.5516%2011.5939%2031.4355%2010.7959%2031.4355%209.92545C31.4355%209.12751%2031.5589%208.37308%2031.8055%207.66219C32.0667%206.93678%2032.4294%206.30568%2032.8936%205.76887C33.3724%205.21757%2033.9455%204.78232%2034.6128%204.46314C35.2802%204.14396%2036.0346%203.98438%2036.8761%203.98438C37.7611%203.98438%2038.5518%204.17298%2039.2482%204.55019C39.9591%204.9129%2040.5467%205.39892%2041.0109%206.00826C41.4752%206.6176%2041.8089%207.32124%2042.012%208.11919C42.2296%208.90263%2042.2876%209.71509%2042.1861%2010.5566H33.9164Z'%20fill='%231A1816'/%3e%3cpath%20d='M51.1993%208.92439C51.1703%208.53267%2051.0833%208.15546%2050.9382%207.79276C50.8076%207.43006%2050.619%207.11813%2050.3724%206.85698C50.1402%206.58133%2049.8501%206.36371%2049.5019%206.20412C49.1682%206.03002%2048.791%205.94297%2048.3702%205.94297C47.935%205.94297%2047.536%206.02277%2047.1733%206.18236C46.8251%206.32744%2046.5205%206.53781%2046.2593%206.81346C46.0127%207.07461%2045.8096%207.38653%2045.65%207.74923C45.5049%208.11194%2045.4251%208.50366%2045.4106%208.92439H51.1993ZM45.4106%2010.5566C45.4106%2010.9918%2045.4686%2011.4125%2045.5847%2011.8188C45.7152%2012.225%2045.9039%2012.5804%2046.1505%2012.8851C46.3971%2013.1898%2046.7091%2013.4364%2047.0863%2013.625C47.4635%2013.7991%2047.9132%2013.8862%2048.4355%2013.8862C49.1609%2013.8862%2049.7413%2013.7338%2050.1765%2013.4292C50.6263%2013.11%2050.9599%2012.6385%2051.1776%2012.0146H53.5279C53.3973%2012.624%2053.1724%2013.168%2052.8532%2013.6468C52.5341%2014.1256%2052.1496%2014.5318%2051.6999%2014.8655C51.2501%2015.1847%2050.7423%2015.424%2050.1765%2015.5836C49.6252%2015.7577%2049.0449%2015.8448%2048.4355%2015.8448C47.5505%2015.8448%2046.7671%2015.6997%2046.0852%2015.4095C45.4033%2015.1194%2044.823%2014.7131%2044.3442%2014.1908C43.88%2013.6686%2043.5245%2013.0447%2043.2779%2012.3193C43.0458%2011.5939%2042.9297%2010.7959%2042.9297%209.92545C42.9297%209.12751%2043.053%208.37308%2043.2996%207.66219C43.5608%206.93678%2043.9235%206.30568%2044.3878%205.76887C44.8665%205.21757%2045.4396%204.78232%2046.107%204.46314C46.7743%204.14396%2047.5288%203.98438%2048.3702%203.98438C49.2552%203.98438%2050.0459%204.17298%2050.7423%204.55019C51.4532%204.9129%2052.0408%205.39892%2052.5051%206.00826C52.9693%206.6176%2053.303%207.32124%2053.5061%208.11919C53.7237%208.90263%2053.7818%209.71509%2053.6802%2010.5566H45.4106Z'%20fill='%231A1816'/%3e%3cpath%20d='M54.5605%204.28905H56.9109V5.8124H56.9544C57.3026%205.15953%2057.7886%204.69527%2058.4125%204.41962C59.0363%204.12946%2059.7109%203.98438%2060.4363%203.98438C61.3213%203.98438%2062.0903%204.14396%2062.7431%204.46314C63.4105%204.76781%2063.9618%205.1958%2064.3971%205.74711C64.8323%206.28391%2065.1587%206.91502%2065.3764%207.64042C65.594%208.36583%2065.7028%209.14201%2065.7028%209.96898C65.7028%2010.7234%2065.6012%2011.4561%2065.3981%2012.167C65.2095%2012.8779%2064.9121%2013.509%2064.5059%2014.0603C64.1142%2014.5971%2063.6136%2015.0323%2063.0043%2015.366C62.3949%2015.6852%2061.6768%2015.8448%2060.8498%2015.8448C60.4871%2015.8448%2060.1244%2015.8085%2059.7617%2015.736C59.399%2015.6779%2059.0508%2015.5764%2058.7171%2015.4313C58.3834%2015.2862%2058.0715%2015.1049%2057.7814%2014.8872C57.5057%2014.6551%2057.2736%2014.3867%2057.085%2014.082H57.0414V19.6967H54.5605V4.28905ZM63.2219%209.92545C63.2219%209.41767%2063.1566%208.92439%2063.026%208.44563C62.8955%207.96686%2062.6996%207.54612%2062.4385%207.18342C62.1773%206.80621%2061.8509%206.50879%2061.4592%206.29117C61.0674%206.05904%2060.6177%205.94297%2060.1099%205.94297C59.0653%205.94297%2058.2746%206.30568%2057.7378%207.03108C57.2155%207.75649%2056.9544%208.72128%2056.9544%209.92545C56.9544%2010.4913%2057.0197%2011.0208%2057.1502%2011.5141C57.2953%2011.9929%2057.5057%2012.4063%2057.7814%2012.7545C58.057%2013.1027%2058.3834%2013.3784%2058.7607%2013.5815C59.1524%2013.7846%2059.6021%2013.8862%2060.1099%2013.8862C60.6757%2013.8862%2061.1545%2013.7701%2061.5462%2013.538C61.9379%2013.3058%2062.2571%2013.0084%2062.5037%2012.6457C62.7649%2012.2685%2062.9462%2011.8478%2063.0478%2011.3835C63.1639%2010.9048%2063.2219%2010.4187%2063.2219%209.92545Z'%20fill='%231A1816'/%3e%3cpath%20d='M76.1515%2013.0374C76.1515%2013.3421%2076.1878%2013.5597%2076.2603%2013.6903C76.3474%2013.8209%2076.507%2013.8862%2076.7391%2013.8862C76.8116%2013.8862%2076.8987%2013.8862%2077.0002%2013.8862C77.1018%2013.8862%2077.2179%2013.8717%2077.3484%2013.8427V15.5619C77.2614%2015.5909%2077.1453%2015.6199%2077.0002%2015.6489C76.8697%2015.6924%2076.7318%2015.7287%2076.5868%2015.7577C76.4417%2015.7867%2076.2966%2015.8085%2076.1515%2015.823C76.0064%2015.8375%2075.8831%2015.8448%2075.7816%2015.8448C75.2738%2015.8448%2074.853%2015.7432%2074.5193%2015.5401C74.1857%2015.337%2073.968%2014.9815%2073.8665%2014.4738C73.3732%2014.9525%2072.7639%2015.3007%2072.0385%2015.5183C71.3276%2015.736%2070.6384%2015.8448%2069.971%2015.8448C69.4633%2015.8448%2068.9772%2015.7722%2068.513%2015.6272C68.0487%2015.4966%2067.6352%2015.3007%2067.2725%2015.0396C66.9243%2014.7639%2066.6414%2014.423%2066.4238%2014.0167C66.2207%2013.596%2066.1191%2013.11%2066.1191%2012.5587C66.1191%2011.8623%2066.2425%2011.2965%2066.4891%2010.8612C66.7502%2010.426%2067.0839%2010.085%2067.4902%209.83841C67.9109%209.59177%2068.3752%209.41767%2068.8829%209.31611C69.4052%209.20005%2069.9275%209.113%2070.4498%209.05497C70.8996%208.96792%2071.3276%208.90989%2071.7338%208.88087C72.14%208.83734%2072.4955%208.77206%2072.8001%208.68501C73.1193%208.59796%2073.366%208.46739%2073.5401%208.29329C73.7287%208.10468%2073.823%207.82903%2073.823%207.46633C73.823%207.14715%2073.7432%206.886%2073.5836%206.68289C73.4385%206.47977%2073.2499%206.32744%2073.0178%206.22588C72.8001%206.10982%2072.5535%206.03728%2072.2778%206.00826C72.0022%205.96473%2071.741%205.94297%2071.4944%205.94297C70.798%205.94297%2070.2249%206.08805%2069.7752%206.37822C69.3254%206.66838%2069.0715%207.11813%2069.0135%207.72747H66.5326C66.5761%207.00207%2066.7502%206.39998%2067.0549%205.92121C67.3596%205.44244%2067.7441%205.05798%2068.2083%204.76781C68.6871%204.47765%2069.2239%204.27454%2069.8187%204.15847C70.4135%204.04241%2071.0229%203.98438%2071.6467%203.98438C72.198%203.98438%2072.7421%204.04241%2073.2789%204.15847C73.8157%204.27454%2074.2945%204.46314%2074.7152%204.72429C75.1505%204.98544%2075.4986%205.32638%2075.7598%205.74711C76.0209%206.15334%2076.1515%206.65387%2076.1515%207.2487V13.0374ZM73.6706%209.90369C73.2934%2010.1503%2072.8292%2010.3027%2072.2778%2010.3607C71.7265%2010.4042%2071.1752%2010.4768%2070.6239%2010.5783C70.3628%2010.6218%2070.1089%2010.6871%2069.8622%2010.7742C69.6156%2010.8467%2069.398%2010.9555%2069.2094%2011.1006C69.0208%2011.2312%2068.8684%2011.4125%2068.7524%2011.6447C68.6508%2011.8623%2068.6%2012.1307%2068.6%2012.4499C68.6%2012.7255%2068.6798%2012.9577%2068.8394%2013.1463C68.999%2013.3349%2069.1876%2013.4872%2069.4052%2013.6033C69.6374%2013.7048%2069.884%2013.7774%2070.1451%2013.8209C70.4208%2013.8644%2070.6674%2013.8862%2070.8851%2013.8862C71.1607%2013.8862%2071.4581%2013.8499%2071.7773%2013.7774C72.0965%2013.7048%2072.3939%2013.5815%2072.6696%2013.4074C72.9597%2013.2333%2073.1991%2013.0157%2073.3877%2012.7545C73.5763%2012.4789%2073.6706%2012.1452%2073.6706%2011.7535V9.90369Z'%20fill='%231A1816'/%3e%3cpath%20d='M76.29%204.28906H79.0103L81.9482%2012.6893H81.9917L84.8426%204.28906H87.4323L83.0581%2016.1495C82.855%2016.6572%2082.6519%2017.1433%2082.4487%2017.6075C82.2601%2018.0718%2082.0208%2018.478%2081.7306%2018.8262C81.4549%2019.1889%2081.1067%2019.4718%2080.686%2019.6749C80.2653%2019.8926%2079.7285%2020.0014%2079.0756%2020.0014C78.4953%2020.0014%2077.9222%2019.9578%2077.3564%2019.8708V17.7816C77.5595%2017.8106%2077.7554%2017.8397%2077.944%2017.8687C78.1326%2017.9122%2078.3284%2017.934%2078.5315%2017.934C78.8217%2017.934%2079.0611%2017.8977%2079.2497%2017.8251C79.4383%2017.7526%2079.5906%2017.6438%2079.7067%2017.4987C79.8373%2017.3681%2079.9461%2017.2086%2080.0331%2017.0199C80.1202%2016.8313%2080.2%2016.6137%2080.2725%2016.3671L80.5554%2015.4966L76.29%204.28906Z'%20fill='%231A1816'/%3e%3cpath%20d='M1.78716%200.557513L2.001%200H2.22057V0.786628H2.07737V0.171836H2.07355L1.83871%200.786628H1.73179L1.49694%200.171836H1.49313V0.786628H1.34993V0H1.57141L1.78716%200.557513ZM1.18955%200.124104H0.948978V0.786628H0.796235V0.124104H0.555664V0H1.18955V0.124104Z'%20fill='%231A1816'/%3e%3c/svg%3e\"","/** biome-ignore-all lint/a11y/useKeyWithClickEvents: <explanation> */\n/** biome-ignore-all lint/a11y/noStaticElementInteractions: <explanation> */\nimport {ComponentChildren, CSSProperties} from 'preact';\nimport {useEffect, useRef} from 'preact/hooks';\nimport error from '../assets/icons/error.svg';\nimport loading from '../assets/icons/loading.svg';\nimport logoIcon from '../assets/icons/logo.svg';\nimport pending from '../assets/icons/pending.svg';\nimport success from '../assets/icons/success.svg';\nimport textLogo from '../assets/icons/text-logo.svg';\nimport styles from '../styles/Modal.module.scss';\n\nexport type ModalProps = {\n  title?: string;\n  subtitle?: string;\n  logo?: 'brand' | 'pending' | 'loading' | 'error' | 'success' | 'none';\n  onClose?: () => void;\n  children?: ComponentChildren;\n  style?: Partial<CSSProperties>;\n};\n\nexport const BleepModal = (props: ModalProps) => {\n  const {title, subtitle, logo = 'brand', onClose, children, style = {}} = props;\n  const overlayRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        onClose?.();\n      }\n    };\n\n    document.addEventListener('keydown', handleEscape);\n    document.body.style.overflow = 'hidden';\n\n    return () => {\n      document.removeEventListener('keydown', handleEscape);\n      document.body.style.overflow = '';\n    };\n  }, [onClose]);\n\n  const handleOverlayClick = (e: MouseEvent) => {\n    if (e.target === overlayRef.current) {\n      onClose?.();\n    }\n  };\n\n  return (\n    <div class={styles.overlay} ref={overlayRef} onClick={handleOverlayClick} style={style}>\n      <div class={styles.modal}>\n        <div class={styles.header}>\n          <img src={textLogo} alt='Bleepay' />\n          <button class={styles.closeBtn} onClick={onClose} type='button'>\n            ×\n          </button>\n        </div>\n\n        <div class={styles.centerContent}>\n          {logo !== 'none' && (\n            <div class={`${styles.logo} ${styles[logo]}`}>\n              {logo === 'brand' && <img src={logoIcon} alt='Bleepay' />}\n              {logo === 'pending' && <img src={pending} alt='Bleepay' />}\n              {logo === 'loading' && <img src={loading} alt='Bleepay' />}\n              {logo === 'error' && <img src={error} alt='Bleepay' />}\n              {logo === 'success' && <img src={success} alt='Bleepay' />}\n            </div>\n          )}\n\n          {title && <h2 class={styles.title}>{title}</h2>}\n\n          {subtitle && <p class={styles.subtitle} dangerouslySetInnerHTML={{__html: subtitle}}></p>}\n        </div>\n\n        <div class={styles.content}>{children}</div>\n      </div>\n    </div>\n  );\n};\n","import type {ComponentChildren, CSSProperties} from 'preact';\nimport styles from '../styles/TransactionRow.module.scss';\n\nexport type TransactionRowProps = {\n  label: string;\n  value: string;\n  style?: Partial<CSSProperties>;\n};\n\nexport const BleepTransactionRow = (props: TransactionRowProps) => {\n  const {label, value, style = {}} = props;\n\n  return (\n    <div class={styles.row} style={style}>\n      <span class={styles.label}>{label}</span>\n      <span class={styles.value}>{value}</span>\n    </div>\n  );\n};\n\nexport type TransactionDescriptionRowProps = {\n  value: string;\n  style?: Partial<CSSProperties>;\n};\nexport const BleepTransactionDescriptionRow = (props: TransactionDescriptionRowProps) => {\n  const {value, style = {}} = props;\n\n  return (\n    <div class={styles.row} style={style}>\n      <span class={styles.description}>{value}</span>\n    </div>\n  );\n};\n\nexport type TransactionRowGroupProps = {\n  children: ComponentChildren;\n};\n\nexport const BleepTransactionRowGroup = (props: TransactionRowGroupProps) => {\n  const {children} = props;\n\n  return <div class={styles.group}>{children}</div>;\n};\n","import buttonCss from '../styles/Button.module.scss?inline';\nimport codeInputCss from '../styles/CodeInput.module.scss?inline';\nimport mainCss from '../styles/Main.module.scss?inline';\nimport modalCss from '../styles/Modal.module.scss?inline';\nimport transactionRowCss from '../styles/TransactionRow.module.scss?inline';\n\nexport const injectStyles = mainCss + buttonCss + codeInputCss + modalCss + transactionRowCss;\n","import {CSSProperties} from 'preact';\nimport type {ModalProps} from '../components/Modal';\n\nexport enum ModalSlotType {\n  CodeInput = 'codeInput',\n  ButtonGroup = 'buttonGroup',\n  TransactionRows = 'transactionRows',\n}\n\nexport type ModalLogo = ModalProps['logo'];\n\nexport type ModalButton = {\n  label: string;\n  variant?: 'primary' | 'secondary';\n  disabled?: boolean;\n  onClick: () => void;\n  style?: Partial<CSSProperties>;\n};\n\nexport type ModalRow = {\n  label: string;\n  value: string;\n  type?: 'default' | 'description';\n  style?: Partial<CSSProperties>;\n};\n\nexport type CodeInputConfig = {\n  onChange?: (code: string) => void;\n  onComplete?: (code: string) => void;\n  disabled?: boolean;\n  error?: string;\n  label?: string;\n  style?: Partial<CSSProperties>;\n};\n\nexport type ModalSlot =\n  | {type: ModalSlotType.CodeInput; config: CodeInputConfig}\n  | {type: ModalSlotType.ButtonGroup; buttons: ModalButton[]}\n  | {type: ModalSlotType.TransactionRows; rows: ModalRow[]};\n\nexport type ModalConfig = {\n  id?: string;\n  title?: string;\n  subtitle?: string;\n  logo?: ModalLogo;\n  onClose?: () => void;\n  slots?: ModalSlot[];\n};\n","import {\n  BleepButton,\n  BleepButtonGroup,\n  BleepCodeInput,\n  BleepModal,\n  BleepTransactionDescriptionRow,\n  BleepTransactionRow,\n  BleepTransactionRowGroup,\n} from '../components';\nimport {type ModalConfig, ModalSlotType} from './types';\n\nexport const ModalFromConfig = ({config}: {config: ModalConfig}) => {\n  const {title, subtitle, logo, onClose, slots} = config;\n\n  return (\n    <BleepModal title={title} subtitle={subtitle} logo={logo} onClose={onClose}>\n      {slots?.map((slot, index) => {\n        if (slot.type === ModalSlotType.CodeInput) {\n          return (\n            <BleepCodeInput\n              key={index}\n              onChange={slot.config.onChange}\n              onComplete={slot.config.onComplete}\n              disabled={slot.config.disabled}\n              error={slot.config.error}\n              label={slot.config.label}\n              style={slot.config.style}\n            />\n          );\n        }\n\n        if (slot.type === ModalSlotType.ButtonGroup) {\n          return (\n            <BleepButtonGroup key={index}>\n              {slot.buttons.map((btn, i) => (\n                <BleepButton\n                  key={i}\n                  variant={btn.variant}\n                  disabled={btn.disabled}\n                  onClick={btn.onClick}\n                  style={btn.style}\n                >\n                  {btn.label}\n                </BleepButton>\n              ))}\n            </BleepButtonGroup>\n          );\n        }\n\n        if (slot.type === ModalSlotType.TransactionRows) {\n          return (\n            <BleepTransactionRowGroup key={index}>\n              {slot.rows.map((row, i) => {\n                if (row.type === 'description') {\n                  return (\n                    <BleepTransactionDescriptionRow key={i} value={row.value} style={row.style} />\n                  );\n                }\n                return (\n                  <BleepTransactionRow\n                    key={i}\n                    label={row.label}\n                    value={row.value}\n                    style={row.style}\n                  />\n                );\n              })}\n            </BleepTransactionRowGroup>\n          );\n        }\n\n        return null;\n      })}\n    </BleepModal>\n  );\n};\n","import {render} from 'preact';\nimport {injectStyles} from './inject-styles';\nimport {ModalFromConfig} from './ModalFromConfig';\nimport {ModalConfig, ModalSlotType} from './types';\n\nexport type {\n  CodeInputConfig,\n  ModalButton,\n  ModalConfig,\n  ModalLogo,\n  ModalRow,\n  ModalSlot,\n} from './types';\n\nexport {ModalSlotType};\n\nexport class ModalRenderer {\n  private readonly container: HTMLElement;\n  private readonly mountPoint: HTMLElement;\n  private config: ModalConfig;\n\n  constructor(config: ModalConfig) {\n    this.config = config;\n\n    this.container = document.createElement('div');\n    this.container.id = config.id ?? 'bleep-modal-root';\n    document.body.appendChild(this.container);\n\n    const shadowRoot = this.container.attachShadow({mode: 'closed'});\n\n    this.mountPoint = document.createElement('div');\n    shadowRoot.appendChild(this.mountPoint);\n\n    const styleEl = document.createElement('style');\n    styleEl.textContent = injectStyles;\n    shadowRoot.appendChild(styleEl);\n\n    this.doRender();\n  }\n\n  update(partial: Partial<ModalConfig>): void {\n    this.config = {...this.config, ...partial};\n    this.doRender();\n  }\n\n  destroy(): void {\n    render(null, this.mountPoint);\n    this.container.remove();\n  }\n\n  private doRender(): void {\n    render(<ModalFromConfig config={this.config} />, this.mountPoint);\n  }\n}\n"],"names":["f","u","e","t","n","o","i","a","c","p","r","BleepButton","props","variant","disabled","onClick","children","type","style","jsx","styles","BleepButtonGroup","v","l","m","s","d","h","D","y","C","A","T","q","j","z","B","w","k","codeIcon","BleepCodeInput","onComplete","onChange","error","label","values","setValues","useState","VOUCHER_CODE_LENGTH","inputRefs","useRef","focusedInputIndex","setFocusedInputIndex","useEffect","handleInput","useCallback","index","value","digit","newValues","code","handleKeyDown","handlePaste","digits","lastIndex","jsxs","el","error$1","loading$1","logoIcon","pending$1","success$1","textLogo","BleepModal","title","subtitle","logo","onClose","overlayRef","handleEscape","handleOverlayClick","pending","loading","success","BleepTransactionRow","BleepTransactionDescriptionRow","BleepTransactionRowGroup","injectStyles","ModalSlotType","ModalFromConfig","config","slots","slot","btn","row","ModalRenderer","shadowRoot","styleEl","partial","render"],"mappings":"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","x_google_ignoreList":[0,2]}

package/dist/ui.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";._button_cjod8_2{width:100%;height:56px;border:none;border-radius:999px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px}._primary_cjod8_19{flex:4;background:#0e0e0e;color:#f8f7f7}._primary_cjod8_19:disabled{cursor:not-allowed;color:#a3a29e;background:#e9e7e5}._secondary_cjod8_30{flex:1;background:transparent;color:#0e0e0e;border:1px solid #E9E7E5}._buttonGroup_cjod8_37{display:flex;gap:8px;width:100%}._container_ekx8m_2{display:flex;flex-direction:column;gap:12px;margin-top:48px;position:relative;padding:16px 0 0}._container_ekx8m_2:after{content:"";position:absolute;top:0;left:-16px;right:-16px;height:1px;background:#e9e7e5}._label_ekx8m_20{font-size:14px;color:#73736e;margin:0;font-weight:400}._label_ekx8m_20._error_ekx8m_26{color:#fd4834}._inputGroup_ekx8m_30{display:flex;gap:3px;justify-content:space-between}._digitWrapper_ekx8m_36{position:relative;border-radius:120px;width:58px;height:80px;background:#f1f0ef}._digitWrapper_ekx8m_36:nth-of-type(3){margin-right:5px}._digitWrapper_ekx8m_36._hasValue_ekx8m_46,._digitWrapper_ekx8m_36._focused_ekx8m_46{background:transparent}._digitWrapper_ekx8m_36._hasValue_ekx8m_46 ._iconWrapper_ekx8m_49,._digitWrapper_ekx8m_36._focused_ekx8m_46 ._iconWrapper_ekx8m_49{opacity:0}._iconWrapper_ekx8m_49{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background-size:contain;background-position:center;background-repeat:no-repeat;pointer-events:none;opacity:1;transition:opacity .2s}._digit_ekx8m_36{width:58px;height:80px;box-sizing:border-box;border:1px solid #F1F0EF;border-radius:120px;font-size:32px;font-weight:500;text-align:center;outline:none;transition:all .2s;background:#f8f7f7;color:#0e0e0e}._digit_ekx8m_36:focus{border-color:#0e0e0e;background:#fff}._digit_ekx8m_36:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}._digit_ekx8m_36._hasError_ekx8m_91{border-color:#ffdfdc;background:#ffeeeb;color:#fd4834}._overlay_1v8tw_2{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:10000;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:_fadeIn_1v8tw_1 .2s ease-out}@keyframes _fadeIn_1v8tw_1{0%{opacity:0}to{opacity:1}}._modal_1v8tw_23{box-sizing:border-box;background:#fff;border-radius:24px;padding:24px 16px 16px;min-width:400px;max-width:440px;box-shadow:0 8px 32px #0000001f;animation:_slideUp_1v8tw_1 .3s ease-out;position:relative;z-index:10001;font-family:Inter,sans-serif}@keyframes _slideUp_1v8tw_1{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}._closeBtn_1v8tw_47{position:absolute;top:50%;transform:translateY(-50%);right:0;width:36px;height:36px;border:none;background:#f1f0ef;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;color:#73736e;transition:background .2s}._closeBtn_1v8tw_47:hover{background:#e5e5e5}._header_1v8tw_69{font-size:20px;display:flex;flex-direction:column;align-items:center;margin-bottom:56px;position:relative}._logo_1v8tw_78{display:flex;align-items:center;justify-content:center;margin-bottom:24px}._logo_1v8tw_78._pending_1v8tw_84,._logo_1v8tw_78._loading_1v8tw_84,._logo_1v8tw_78._error_1v8tw_84,._logo_1v8tw_78._success_1v8tw_84{margin-bottom:48px}._title_1v8tw_88{margin:0 0 8px;font-size:24px;font-weight:500;color:#0e0e0e;text-align:center}._subtitle_1v8tw_96{margin:0;font-size:14px;color:#666;text-align:center;line-height:1.5}._subtitle_1v8tw_96 a{color:inherit;text-decoration:underline}._centerContent_1v8tw_108{display:flex;flex-direction:column;align-items:center}._content_1v8tw_114{display:flex;flex-direction:column}._group_w6su8_2{display:flex;flex-direction:column;margin-top:24px}._row_w6su8_8{height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;background:#f1f0ef;border-bottom:1px solid #E9E7E5;font-family:Inter,sans-serif}._row_w6su8_8:first-child{border-top-left-radius:16px;border-top-right-radius:16px}._row_w6su8_8:last-child{border-bottom-left-radius:16px;border-bottom-right-radius:16px}._row_w6su8_8:last-child{border-bottom:none}._label_w6su8_30{font-size:14px;font-weight:400;color:#0e0e0e;margin:0}._value_w6su8_37{font-size:14px;font-weight:400;color:#73736e;margin:0;text-align:right}._description_w6su8_45{font-size:12px;color:#73736e}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@bleepay/ui",
+  "version": "0.0.1",
+  "description": "Bleepay SDK – Preact UI component library and modal renderer",
+  "license": "MIT",
+  "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.es.js"
+    },
+    "./dist/ui.css": "./dist/ui.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "preact": "^10.28.3",
+    "@bleepay/core": "0.0.1"
+  },
+  "devDependencies": {
+    "@preact/preset-vite": "^2.10.3",
+    "@types/node": "^22.0.0",
+    "sass": "^1.97.3",
+    "typescript": "~5.8.3",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.1"
+  },
+  "sideEffects": false,
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "ts:check": "tsc --noEmit",
+    "clean": "rm -rf dist"
+  }
+}