@calcom/atoms 2.1.0 → 2.2.0

package/dist/StripePaymentForm-kEzDv9K9.js

@@ -1,540 +0,0 @@
-import { jsxs as K, jsx as g } from "react/jsx-runtime";
-import p, { useState as L, useEffect as Z } from "react";
-import { au as we, q as ee, b as xe, B as Y, W as je } from "./index-MEbSBQ6m.js";
-var te = { exports: {} }, Re = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED", Te = Re, Le = Te;
-function ne() {
-}
-function re() {
-}
-re.resetWarningCache = ne;
-var Ae = function() {
-  function t(r, i, a, f, u, o) {
-    if (o !== Le) {
-      var s = new Error(
-        "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
-      );
-      throw s.name = "Invariant Violation", s;
-    }
-  }
-  t.isRequired = t;
-  function e() {
-    return t;
-  }
-  var n = {
-    array: t,
-    bigint: t,
-    bool: t,
-    func: t,
-    number: t,
-    object: t,
-    string: t,
-    symbol: t,
-    any: t,
-    arrayOf: e,
-    element: t,
-    elementType: t,
-    instanceOf: e,
-    node: t,
-    objectOf: e,
-    oneOf: e,
-    oneOfType: e,
-    shape: e,
-    exact: e,
-    checkPropTypes: re,
-    resetWarningCache: ne
-  };
-  return n.PropTypes = n, n;
-};
-te.exports = Ae();
-var Ie = te.exports;
-const S = /* @__PURE__ */ we(Ie);
-function G(t, e) {
-  var n = Object.keys(t);
-  if (Object.getOwnPropertySymbols) {
-    var r = Object.getOwnPropertySymbols(t);
-    e && (r = r.filter(function(i) {
-      return Object.getOwnPropertyDescriptor(t, i).enumerable;
-    })), n.push.apply(n, r);
-  }
-  return n;
-}
-function V(t) {
-  for (var e = 1; e < arguments.length; e++) {
-    var n = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? G(Object(n), !0).forEach(function(r) {
-      ae(t, r, n[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(n)) : G(Object(n)).forEach(function(r) {
-      Object.defineProperty(t, r, Object.getOwnPropertyDescriptor(n, r));
-    });
-  }
-  return t;
-}
-function R(t) {
-  "@babel/helpers - typeof";
-  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? R = function(e) {
-    return typeof e;
-  } : R = function(e) {
-    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, R(t);
-}
-function ae(t, e, n) {
-  return e in t ? Object.defineProperty(t, e, {
-    value: n,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : t[e] = n, t;
-}
-function ke(t, e) {
-  return Ne(t) || Be(t, e) || $e(t, e) || We();
-}
-function Ne(t) {
-  if (Array.isArray(t))
-    return t;
-}
-function Be(t, e) {
-  var n = t && (typeof Symbol < "u" && t[Symbol.iterator] || t["@@iterator"]);
-  if (n != null) {
-    var r = [], i = !0, a = !1, f, u;
-    try {
-      for (n = n.call(t); !(i = (f = n.next()).done) && (r.push(f.value), !(e && r.length === e)); i = !0)
-        ;
-    } catch (o) {
-      a = !0, u = o;
-    } finally {
-      try {
-        !i && n.return != null && n.return();
-      } finally {
-        if (a)
-          throw u;
-      }
-    }
-    return r;
-  }
-}
-function $e(t, e) {
-  if (t) {
-    if (typeof t == "string")
-      return X(t, e);
-    var n = Object.prototype.toString.call(t).slice(8, -1);
-    if (n === "Object" && t.constructor && (n = t.constructor.name), n === "Map" || n === "Set")
-      return Array.from(t);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-      return X(t, e);
-  }
-}
-function X(t, e) {
-  (e == null || e > t.length) && (e = t.length);
-  for (var n = 0, r = new Array(e); n < e; n++)
-    r[n] = t[n];
-  return r;
-}
-function We() {
-  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-}
-var N = function(e) {
-  var n = p.useRef(e);
-  return p.useEffect(function() {
-    n.current = e;
-  }, [e]), n.current;
-}, C = function(e) {
-  return e !== null && R(e) === "object";
-}, Fe = function(e) {
-  return C(e) && typeof e.then == "function";
-}, Ue = function(e) {
-  return C(e) && typeof e.elements == "function" && typeof e.createToken == "function" && typeof e.createPaymentMethod == "function" && typeof e.confirmCardPayment == "function";
-}, z = "[object Object]", De = function t(e, n) {
-  if (!C(e) || !C(n))
-    return e === n;
-  var r = Array.isArray(e), i = Array.isArray(n);
-  if (r !== i)
-    return !1;
-  var a = Object.prototype.toString.call(e) === z, f = Object.prototype.toString.call(n) === z;
-  if (a !== f)
-    return !1;
-  if (!a && !r)
-    return e === n;
-  var u = Object.keys(e), o = Object.keys(n);
-  if (u.length !== o.length)
-    return !1;
-  for (var s = {}, c = 0; c < u.length; c += 1)
-    s[u[c]] = !0;
-  for (var y = 0; y < o.length; y += 1)
-    s[o[y]] = !0;
-  var l = Object.keys(s);
-  if (l.length !== u.length)
-    return !1;
-  var h = e, _ = n, P = function(x) {
-    return t(h[x], _[x]);
-  };
-  return l.every(P);
-}, oe = function(e, n, r) {
-  return C(e) ? Object.keys(e).reduce(function(i, a) {
-    var f = !C(n) || !De(e[a], n[a]);
-    return r.includes(a) ? (f && console.warn("Unsupported prop change: options.".concat(a, " is not a mutable property.")), i) : f ? V(V({}, i || {}), {}, ae({}, a, e[a])) : i;
-  }, null) : null;
-}, qe = "Invalid prop `stripe` supplied to `Elements`. We recommend using the `loadStripe` utility from `@stripe/stripe-js`. See https://stripe.com/docs/stripe-js/react#elements-props-stripe for details.", J = function(e) {
-  if (e === null || Ue(e))
-    return e;
-  throw new Error(qe);
-}, Me = function(e) {
-  if (Fe(e))
-    return {
-      tag: "async",
-      stripePromise: Promise.resolve(e).then(J)
-    };
-  var n = J(e);
-  return n === null ? {
-    tag: "empty"
-  } : {
-    tag: "sync",
-    stripe: n
-  };
-}, B = /* @__PURE__ */ p.createContext(null);
-B.displayName = "ElementsContext";
-var He = function(e, n) {
-  if (!e)
-    throw new Error("Could not find Elements context; You need to wrap the part of your app that ".concat(n, " in an <Elements> provider."));
-  return e;
-}, ie = function(e) {
-  var n = e.stripe, r = e.options, i = e.children, a = p.useMemo(function() {
-    return Me(n);
-  }, [n]), f = p.useState(function() {
-    return {
-      stripe: a.tag === "sync" ? a.stripe : null,
-      elements: a.tag === "sync" ? a.stripe.elements(r) : null
-    };
-  }), u = ke(f, 2), o = u[0], s = u[1];
-  p.useEffect(function() {
-    var l = !0, h = function(P) {
-      s(function(w) {
-        return w.stripe ? w : {
-          stripe: P,
-          elements: P.elements(r)
-        };
-      });
-    };
-    return a.tag === "async" && !o.stripe ? a.stripePromise.then(function(_) {
-      _ && l && h(_);
-    }) : a.tag === "sync" && !o.stripe && h(a.stripe), function() {
-      l = !1;
-    };
-  }, [a, o, r]);
-  var c = N(n);
-  p.useEffect(function() {
-    c !== null && c !== n && console.warn("Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.");
-  }, [c, n]);
-  var y = N(r);
-  return p.useEffect(function() {
-    if (o.elements) {
-      var l = oe(r, y, ["clientSecret", "fonts"]);
-      l && o.elements.update(l);
-    }
-  }, [r, y, o.elements]), p.useEffect(function() {
-    var l = o.stripe;
-    !l || !l._registerWrapper || !l.registerAppInfo || (l._registerWrapper({
-      name: "react-stripe-js",
-      version: "1.10.0"
-    }), l.registerAppInfo({
-      name: "react-stripe-js",
-      version: "1.10.0",
-      url: "https://stripe.com/docs/stripe-js/react"
-    }));
-  }, [o.stripe]), /* @__PURE__ */ p.createElement(B.Provider, {
-    value: o
-  }, i);
-};
-ie.propTypes = {
-  stripe: S.any,
-  options: S.object
-};
-var A = function(e) {
-  var n = p.useContext(B);
-  return He(n, e);
-}, Ke = function() {
-  var e = A("calls useElements()"), n = e.elements;
-  return n;
-}, Ye = function() {
-  var e = A("calls useStripe()"), n = e.stripe;
-  return n;
-};
-S.func.isRequired;
-var b = function(e) {
-  var n = p.useRef(e);
-  return p.useEffect(function() {
-    n.current = e;
-  }, [e]), function() {
-    n.current && n.current.apply(n, arguments);
-  };
-}, E = function() {
-}, Ge = function(e) {
-  return e.charAt(0).toUpperCase() + e.slice(1);
-}, d = function(e, n) {
-  var r = "".concat(Ge(e), "Element"), i = function(o) {
-    var s = o.id, c = o.className, y = o.options, l = y === void 0 ? {} : y, h = o.onBlur, _ = h === void 0 ? E : h, P = o.onFocus, w = P === void 0 ? E : P, x = o.onReady, pe = x === void 0 ? E : x, W = o.onChange, fe = W === void 0 ? E : W, F = o.onEscape, de = F === void 0 ? E : F, U = o.onClick, me = U === void 0 ? E : U, D = o.onLoadError, ye = D === void 0 ? E : D, q = o.onLoaderStart, ve = q === void 0 ? E : q, ge = A("mounts <".concat(r, ">")), M = ge.elements, O = p.useRef(null), I = p.useRef(null), Se = b(pe), he = b(_), be = b(w), Ee = b(me), _e = b(fe), Pe = b(de), Oe = b(ye), Ce = b(ve);
-    p.useLayoutEffect(function() {
-      if (O.current == null && M && I.current != null) {
-        var v = M.create(e, l);
-        O.current = v, v.mount(I.current), v.on("ready", function() {
-          return Se(v);
-        }), v.on("change", _e), v.on("blur", he), v.on("focus", be), v.on("escape", Pe), v.on("loaderror", Oe), v.on("loaderstart", Ce), v.on("click", Ee);
-      }
-    });
-    var H = N(l);
-    return p.useEffect(function() {
-      if (O.current) {
-        var v = oe(l, H, ["paymentRequest"]);
-        v && O.current.update(v);
-      }
-    }, [l, H]), p.useLayoutEffect(function() {
-      return function() {
-        O.current && (O.current.destroy(), O.current = null);
-      };
-    }, []), /* @__PURE__ */ p.createElement("div", {
-      id: s,
-      className: c,
-      ref: I
-    });
-  }, a = function(o) {
-    A("mounts <".concat(r, ">"));
-    var s = o.id, c = o.className;
-    return /* @__PURE__ */ p.createElement("div", {
-      id: s,
-      className: c
-    });
-  }, f = n ? a : i;
-  return f.propTypes = {
-    id: S.string,
-    className: S.string,
-    onChange: S.func,
-    onBlur: S.func,
-    onFocus: S.func,
-    onReady: S.func,
-    onClick: S.func,
-    onLoadError: S.func,
-    onLoaderStart: S.func,
-    options: S.object
-  }, f.displayName = r, f.__elementType = e, f;
-}, m = typeof window > "u";
-d("auBankAccount", m);
-d("card", m);
-d("cardNumber", m);
-d("cardExpiry", m);
-d("cardCvc", m);
-d("fpxBank", m);
-d("iban", m);
-d("idealBank", m);
-d("p24Bank", m);
-d("epsBank", m);
-var Ve = d("payment", m);
-d("paymentRequestButton", m);
-d("linkAuthentication", m);
-d("shippingAddress", m);
-d("affirmMessage", m);
-d("afterpayClearpayMessage", m);
-var $ = {};
-Object.defineProperty($, "__esModule", { value: !0 });
-function T(t) {
-  "@babel/helpers - typeof";
-  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? T = function(e) {
-    return typeof e;
-  } : T = function(e) {
-    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, T(t);
-}
-var se = "https://js.stripe.com/v3", Xe = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/, Q = "loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used", ze = function() {
-  for (var e = document.querySelectorAll('script[src^="'.concat(se, '"]')), n = 0; n < e.length; n++) {
-    var r = e[n];
-    if (Xe.test(r.src))
-      return r;
-  }
-  return null;
-}, Je = function(e) {
-  var n = e && !e.advancedFraudSignals ? "?advancedFraudSignals=false" : "", r = document.createElement("script");
-  r.src = "".concat(se).concat(n);
-  var i = document.head || document.body;
-  if (!i)
-    throw new Error("Expected document.body not to be null. Stripe.js requires a <body> element.");
-  return i.appendChild(r), r;
-}, Qe = function(e, n) {
-  !e || !e._registerWrapper || e._registerWrapper({
-    name: "stripe-js",
-    version: "1.35.0",
-    startTime: n
-  });
-}, j = null, Ze = function(e) {
-  return j !== null || (j = new Promise(function(n, r) {
-    if (typeof window > "u") {
-      n(null);
-      return;
-    }
-    if (window.Stripe && e && console.warn(Q), window.Stripe) {
-      n(window.Stripe);
-      return;
-    }
-    try {
-      var i = ze();
-      i && e ? console.warn(Q) : i || (i = Je(e)), i.addEventListener("load", function() {
-        window.Stripe ? n(window.Stripe) : r(new Error("Stripe.js not available"));
-      }), i.addEventListener("error", function() {
-        r(new Error("Failed to load Stripe.js"));
-      });
-    } catch (a) {
-      r(a);
-      return;
-    }
-  })), j;
-}, et = function(e, n, r) {
-  if (e === null)
-    return null;
-  var i = e.apply(void 0, n);
-  return Qe(i, r), i;
-}, tt = function(e) {
-  var n = `invalid load parameters; expected object of shape
-
-    {advancedFraudSignals: boolean}
-
-but received
-
-    `.concat(JSON.stringify(e), `
-`);
-  if (e === null || T(e) !== "object")
-    throw new Error(n);
-  if (Object.keys(e).length === 1 && typeof e.advancedFraudSignals == "boolean")
-    return e;
-  throw new Error(n);
-}, ce, ue = !1, le = function() {
-  for (var e = arguments.length, n = new Array(e), r = 0; r < e; r++)
-    n[r] = arguments[r];
-  ue = !0;
-  var i = Date.now();
-  return Ze(ce).then(function(a) {
-    return et(a, n, i);
-  });
-};
-le.setLoadParameters = function(t) {
-  if (ue)
-    throw new Error("You cannot change load parameters after calling loadStripe");
-  ce = tt(t);
-};
-$.loadStripe = le;
-var nt = $, rt = {};
-const at = rt.NEXT_PUBLIC_STRIPE_PUBLIC_KEY || "";
-let k;
-const ot = (t) => (k || (k = nt.loadStripe(
-  t || at
-  /* , {
-    locale: "es-419" TODO: Handle multiple locales,
-  } */
-)), k), it = ot, st = (t) => {
-  const { t: e, i18n: n } = ee(), { paymentOption: r, elements: i, state: a, onPaymentElementChange: f } = t, [u, o] = L(!1), [s, c] = L(r !== "HOLD"), y = u || !s || ["processing", "error"].includes(a.status), l = {
-    layout: "accordion"
-  };
-  return Z(() => {
-    i == null || i.update({ locale: n.language });
-  }, [i, n.language]), /* @__PURE__ */ K("form", { id: "payment-form", className: "bg-subtle mt-4 rounded-md p-6", onSubmit: t.onSubmit, children: [
-    /* @__PURE__ */ g("div", { children: /* @__PURE__ */ g(Ve, { options: l, onChange: (h) => f() }) }),
-    r === "HOLD" && /* @__PURE__ */ g("div", { className: "bg-cal-info mb-5 mt-2 rounded-md p-3", children: /* @__PURE__ */ g(
-      xe,
-      {
-        description: e("acknowledge_booking_no_show_fee", {
-          amount: t.payment.amount / 100,
-          formatParams: { amount: { currency: t.payment.currency } }
-        }),
-        onChange: (h) => c(h.target.checked),
-        descriptionClassName: "text-info font-semibold"
-      }
-    ) }),
-    /* @__PURE__ */ K("div", { className: "mt-2 flex justify-end space-x-2", children: [
-      /* @__PURE__ */ g(
-        Y,
-        {
-          color: "minimal",
-          disabled: y,
-          id: "cancel",
-          type: "button",
-          loading: u,
-          onClick: () => {
-            o(!0), t.onCancel();
-          },
-          children: /* @__PURE__ */ g("span", { id: "button-text", children: e("cancel") })
-        }
-      ),
-      /* @__PURE__ */ g(
-        Y,
-        {
-          type: "submit",
-          disabled: y,
-          loading: a.status === "processing",
-          id: "submit",
-          color: "secondary",
-          children: /* @__PURE__ */ g("span", { id: "button-text", children: a.status === "processing" ? /* @__PURE__ */ g("div", { className: "spinner", id: "spinner" }) : e(r === "HOLD" ? "submit_card" : "pay_now") })
-        }
-      )
-    ] }),
-    a.status === "error" && /* @__PURE__ */ g("div", { className: "mt-4 text-center text-red-900 dark:text-gray-300", role: "alert", children: a.error.message })
-  ] });
-}, ct = (t) => {
-  const { t: e } = ee(), n = Ke(), r = t.payment.paymentOption, i = t.booking.attendees[0].email, a = Ye(), [f, u] = L({ status: "idle" });
-  return /* @__PURE__ */ g(
-    st,
-    {
-      ...t,
-      elements: n,
-      paymentOption: r,
-      state: f,
-      onSubmit: async (o) => {
-        var y;
-        if (o.preventDefault(), !a || !n)
-          return;
-        u({ status: "processing" });
-        let s;
-        const c = {
-          uid: t.booking.uid,
-          email: i
-        };
-        r === "HOLD" && "setupIntent" in t.payment.data ? (s = await a.confirmSetup({
-          elements: n,
-          redirect: "if_required"
-        }), s.setupIntent && (c.payment_intent = s.setupIntent.id, c.payment_intent_client_secret = s.setupIntent.client_secret || void 0, c.redirect_status = s.setupIntent.status)) : r === "ON_BOOKING" && (s = await a.confirmPayment({
-          elements: n,
-          redirect: "if_required",
-          confirmParams: {
-            return_url: `${je}/booking/${c.uid}`
-          }
-        }), s.paymentIntent && (c.payment_intent = s.paymentIntent.id, c.payment_intent_client_secret = s.paymentIntent.client_secret || void 0, c.redirect_status = s.paymentIntent.status)), s != null && s.error ? u({
-          status: "error",
-          error: new Error(`Payment failed: ${s.error.message}`)
-        }) : (u({ status: "idle" }), (y = t.onPaymentSuccess) == null || y.call(t, t), t.location && (t.location.includes("integration") ? c.location = e("web_conferencing_details_to_follow") : c.location = t.location));
-      },
-      onCancel: () => {
-        var o;
-        (o = t.onPaymentCancellation) == null || o.call(t, t);
-      },
-      onPaymentElementChange: () => {
-        u({ status: "idle" });
-      }
-    }
-  );
-}, ft = (t) => {
-  const e = it(t.payment.data.stripe_publishable_key), [n, r] = L("stripe");
-  return Z(() => {
-    document.documentElement.classList.contains("dark") && r("night");
-  }, []), /* @__PURE__ */ g(
-    ie,
-    {
-      stripe: e,
-      options: {
-        clientSecret: t.clientSecret,
-        appearance: {
-          theme: n
-        }
-      },
-      children: /* @__PURE__ */ g(ct, { ...t })
-    }
-  );
-};
-export {
-  ft as default
-};