@calcom/atoms 1.0.95 → 1.0.96-beta-2

package/dist/StripePaymentForm-8vKNcyMv.js

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