@calcom/atoms 2.3.4 → 2.3.6

package/dist/StripePaymentForm-CVfkojMX.js

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