@calcom/atoms 2.3.0 → 2.3.2

package/dist/{StripePaymentForm-yCfTdwJH.js → StripePaymentForm-C28M7AWh.js}

@@ -1,12 +1,12 @@
-import { jsxs as H, jsx as g } from "react/jsx-runtime";
+import { jsxs as H, jsx as v } from "react/jsx-runtime";
 import f, { useState as R, useEffect as Z } from "react";
-import { aw as S, q as ee, b as Ce, B as G, W as Oe } from "./index-T-3isYi5.js";
+import { aA as g, q as ee, b as Ce, B as G, W as Oe } from "./index-DFl9mqnD.js";
 function Y(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;
+    e && (r = r.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(n, o).enumerable;
     })), t.push.apply(t, r);
   }
   return t;
@@ -42,24 +42,22 @@ function Pe(n, e) {
   return we(n) || je(n, e) || xe(n, e) || Ae();
 }
 function we(n) {
-  if (Array.isArray(n))
-    return n;
+  if (Array.isArray(n)) return n;
 }
 function je(n, e) {
   var t = n && (typeof Symbol < "u" && n[Symbol.iterator] || n["@@iterator"]);
   if (t != null) {
-    var r = [], i = !0, a = !1, d, l;
+    var r = [], o = !0, i = !1, s, l;
     try {
-      for (t = t.call(n); !(i = (d = t.next()).done) && (r.push(d.value), !(e && r.length === e)); i = !0)
+      for (t = t.call(n); !(o = (s = t.next()).done) && (r.push(s.value), !(e && r.length === e)); o = !0)
         ;
-    } catch (o) {
-      a = !0, l = o;
+    } catch (a) {
+      i = !0, l = a;
     } finally {
       try {
-        !i && t.return != null && t.return();
+        !o && t.return != null && t.return();
       } finally {
-        if (a)
-          throw l;
+        if (i) throw l;
       }
     }
     return r;
@@ -67,19 +65,15 @@ function je(n, e) {
 }
 function xe(n, e) {
   if (n) {
-    if (typeof n == "string")
-      return X(n, e);
+    if (typeof n == "string") return X(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 X(n, e);
+    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 X(n, e);
   }
 }
 function X(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];
+  for (var t = 0, r = new Array(e); t < e; t++) r[t] = n[t];
   return r;
 }
 function Ae() {
@@ -100,22 +94,18 @@ var B = function(e) {
 }, z = "[object Object]", Ie = 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) === z, d = Object.prototype.toString.call(t) === z;
-  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);
+  var r = Array.isArray(e), o = Array.isArray(t);
+  if (r !== o) return !1;
+  var i = Object.prototype.toString.call(e) === z, s = Object.prototype.toString.call(t) === z;
+  if (i !== s) return !1;
+  if (!i && !r) return e === t;
+  var l = Object.keys(e), a = Object.keys(t);
+  if (l.length !== a.length) return !1;
+  for (var c = {}, d = 0; d < l.length; d += 1)
+    c[l[d]] = !0;
+  for (var S = 0; S < a.length; S += 1)
+    c[a[S]] = !0;
+  var u = Object.keys(c);
   if (u.length !== l.length)
     return !1;
   var b = e, _ = t, C = function(j) {
@@ -123,9 +113,9 @@ var B = function(e) {
   };
   return u.every(C);
 }, ne = function(e, t, r) {
-  return P(e) ? Object.keys(e).reduce(function(i, a) {
-    var d = !P(t) || !Ie(e[a], t[a]);
-    return r.includes(a) ? (d && console.warn("Unsupported prop change: options.".concat(a, " is not a mutable property.")), i) : d ? V(V({}, i || {}), {}, te({}, a, e[a])) : i;
+  return P(e) ? Object.keys(e).reduce(function(o, i) {
+    var s = !P(t) || !Ie(e[i], t[i]);
+    return r.includes(i) ? (s && console.warn("Unsupported prop change: options.".concat(i, " is not a mutable property.")), o) : s ? V(V({}, o || {}), {}, te({}, i, e[i])) : o;
   }, null) : null;
 }, ke = "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 || Re(e))
@@ -151,41 +141,41 @@ var Be = function(e, t) {
     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;
 }, re = function(e) {
-  var t = e.stripe, r = e.options, i = e.children, a = f.useMemo(function() {
+  var t = e.stripe, r = e.options, o = e.children, i = f.useMemo(function() {
     return Ne(t);
-  }, [t]), d = f.useState(function() {
+  }, [t]), s = f.useState(function() {
     return {
-      stripe: a.tag === "sync" ? a.stripe : null,
-      elements: a.tag === "sync" ? a.stripe.elements(r) : null
+      stripe: i.tag === "sync" ? i.stripe : null,
+      elements: i.tag === "sync" ? i.stripe.elements(r) : null
     };
-  }), l = Pe(d, 2), o = l[0], s = l[1];
+  }), l = Pe(s, 2), a = l[0], c = l[1];
   f.useEffect(function() {
     var u = !0, b = function(C) {
-      s(function(w) {
+      c(function(w) {
         return w.stripe ? w : {
           stripe: C,
           elements: C.elements(r)
         };
       });
     };
-    return a.tag === "async" && !o.stripe ? a.stripePromise.then(function(_) {
+    return i.tag === "async" && !a.stripe ? i.stripePromise.then(function(_) {
       _ && u && b(_);
-    }) : a.tag === "sync" && !o.stripe && b(a.stripe), function() {
+    }) : i.tag === "sync" && !a.stripe && b(i.stripe), function() {
       u = !1;
     };
-  }, [a, o, r]);
-  var c = B(t);
+  }, [i, a, r]);
+  var d = B(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 = B(r);
+    d !== null && d !== t && console.warn("Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.");
+  }, [d, t]);
+  var S = B(r);
   return f.useEffect(function() {
-    if (o.elements) {
-      var u = ne(r, y, ["clientSecret", "fonts"]);
-      u && o.elements.update(u);
+    if (a.elements) {
+      var u = ne(r, S, ["clientSecret", "fonts"]);
+      u && a.elements.update(u);
     }
-  }, [r, y, o.elements]), f.useEffect(function() {
-    var u = o.stripe;
+  }, [r, S, a.elements]), f.useEffect(function() {
+    var u = a.stripe;
     !u || !u._registerWrapper || !u.registerAppInfo || (u._registerWrapper({
       name: "react-stripe-js",
       version: "1.10.0"
@@ -194,13 +184,13 @@ var Be = function(e, t) {
       version: "1.10.0",
       url: "https://stripe.com/docs/stripe-js/react"
     }));
-  }, [o.stripe]), /* @__PURE__ */ f.createElement(T.Provider, {
-    value: o
-  }, i);
+  }, [a.stripe]), /* @__PURE__ */ f.createElement(T.Provider, {
+    value: a
+  }, o);
 };
 re.propTypes = {
-  stripe: S.any,
-  options: S.object
+  stripe: g.any,
+  options: g.object
 };
 var I = function(e) {
   var t = f.useContext(T);
@@ -212,7 +202,7 @@ var I = function(e) {
   var e = I("calls useStripe()"), t = e.stripe;
   return t;
 };
-S.func.isRequired;
+g.func.isRequired;
 var h = function(e) {
   var t = f.useRef(e);
   return f.useEffect(function() {
@@ -224,51 +214,51 @@ var h = function(e) {
 }, Ue = function(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }, p = function(e, t) {
-  var r = "".concat(Ue(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, ce = j === void 0 ? E : j, U = o.onChange, ue = U === void 0 ? E : U, W = o.onEscape, le = W === void 0 ? E : W, F = o.onClick, fe = F === void 0 ? E : F, q = o.onLoadError, de = q === void 0 ? E : q, D = o.onLoaderStart, pe = D === void 0 ? E : D, me = I("mounts <".concat(r, ">")), M = me.elements, O = f.useRef(null), k = f.useRef(null), ye = h(ce), ve = h(_), ge = h(w), Se = h(fe), be = h(ue), he = h(le), Ee = h(de), _e = h(pe);
+  var r = "".concat(Ue(e), "Element"), o = function(a) {
+    var c = a.id, d = a.className, S = a.options, u = S === void 0 ? {} : S, b = a.onBlur, _ = b === void 0 ? E : b, C = a.onFocus, w = C === void 0 ? E : C, j = a.onReady, ce = j === void 0 ? E : j, U = a.onChange, ue = U === void 0 ? E : U, W = a.onEscape, le = W === void 0 ? E : W, F = a.onClick, fe = F === void 0 ? E : F, q = a.onLoadError, de = q === void 0 ? E : q, D = a.onLoaderStart, pe = D === void 0 ? E : D, me = I("mounts <".concat(r, ">")), M = me.elements, O = f.useRef(null), k = f.useRef(null), ye = h(ce), ve = h(_), ge = h(w), Se = h(fe), be = h(ue), he = h(le), Ee = h(de), _e = h(pe);
     f.useLayoutEffect(function() {
       if (O.current == null && M && k.current != null) {
-        var v = M.create(e, u);
-        O.current = v, v.mount(k.current), v.on("ready", function() {
-          return ye(v);
-        }), v.on("change", be), v.on("blur", ve), v.on("focus", ge), v.on("escape", he), v.on("loaderror", Ee), v.on("loaderstart", _e), v.on("click", Se);
+        var y = M.create(e, u);
+        O.current = y, y.mount(k.current), y.on("ready", function() {
+          return ye(y);
+        }), y.on("change", be), y.on("blur", ve), y.on("focus", ge), y.on("escape", he), y.on("loaderror", Ee), y.on("loaderstart", _e), y.on("click", Se);
       }
     });
     var K = B(u);
     return f.useEffect(function() {
       if (O.current) {
-        var v = ne(u, K, ["paymentRequest"]);
-        v && O.current.update(v);
+        var y = ne(u, K, ["paymentRequest"]);
+        y && O.current.update(y);
       }
     }, [u, K]), f.useLayoutEffect(function() {
       return function() {
         O.current && (O.current.destroy(), O.current = null);
       };
     }, []), /* @__PURE__ */ f.createElement("div", {
-      id: s,
-      className: c,
+      id: c,
+      className: d,
       ref: k
     });
-  }, a = function(o) {
+  }, i = function(a) {
     I("mounts <".concat(r, ">"));
-    var s = o.id, c = o.className;
+    var c = a.id, d = a.className;
     return /* @__PURE__ */ f.createElement("div", {
-      id: s,
-      className: c
+      id: c,
+      className: d
     });
-  }, 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;
+  }, s = t ? i : o;
+  return s.propTypes = {
+    id: g.string,
+    className: g.string,
+    onChange: g.func,
+    onBlur: g.func,
+    onFocus: g.func,
+    onReady: g.func,
+    onClick: g.func,
+    onLoadError: g.func,
+    onLoaderStart: g.func,
+    options: g.object
+  }, s.displayName = r, s.__elementType = e, s;
 }, m = typeof window > "u";
 p("auBankAccount", m);
 p("card", m);
@@ -306,10 +296,10 @@ var ae = "https://js.stripe.com/v3", Fe = /^https:\/\/js\.stripe\.com\/v3\/?(\?.
 }, De = function(e) {
   var t = e && !e.advancedFraudSignals ? "?advancedFraudSignals=false" : "", r = document.createElement("script");
   r.src = "".concat(ae).concat(t);
-  var i = document.head || document.body;
-  if (!i)
+  var o = document.head || document.body;
+  if (!o)
     throw new Error("Expected document.body not to be null. Stripe.js requires a <body> element.");
-  return i.appendChild(r), r;
+  return o.appendChild(r), r;
 }, Me = function(e, t) {
   !e || !e._registerWrapper || e._registerWrapper({
     name: "stripe-js",
@@ -327,22 +317,22 @@ var ae = "https://js.stripe.com/v3", Fe = /^https:\/\/js\.stripe\.com\/v3\/?(\?.
       return;
     }
     try {
-      var i = qe();
-      i && e ? console.warn(Q) : i || (i = De(e)), i.addEventListener("load", function() {
+      var o = qe();
+      o && e ? console.warn(Q) : o || (o = De(e)), o.addEventListener("load", function() {
         window.Stripe ? t(window.Stripe) : r(new Error("Stripe.js not available"));
-      }), i.addEventListener("error", function() {
+      }), o.addEventListener("error", function() {
         r(new Error("Failed to load Stripe.js"));
       });
-    } catch (a) {
-      r(a);
+    } catch (i) {
+      r(i);
       return;
     }
   })), x;
 }, He = function(e, t, r) {
   if (e === null)
     return null;
-  var i = e.apply(void 0, t);
-  return Me(i, r), i;
+  var o = e.apply(void 0, t);
+  return Me(o, r), o;
 }, Ge = function(e) {
   var t = `invalid load parameters; expected object of shape
 
@@ -361,9 +351,9 @@ but received
   for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
     t[r] = arguments[r];
   ie = !0;
-  var i = Date.now();
-  return Ke(oe).then(function(a) {
-    return He(a, t, i);
+  var o = Date.now();
+  return Ke(oe).then(function(i) {
+    return He(i, t, o);
   });
 };
 se.setLoadParameters = function(n) {
@@ -380,101 +370,102 @@ const ze = (n) => (N || (N = Ye.loadStripe(
   /* , {
     locale: "es-419" TODO: Handle multiple locales,
   } */
-)), N), Je = ze, Qe = (n) => {
-  const { t: e, i18n: t } = ee(), { 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 = {
+)), N), Je = (n) => {
+  const { t: e, i18n: t } = ee(), { paymentOption: r, elements: o, state: i, onPaymentElementChange: s } = n, [l, a] = R(!1), [c, d] = R(r !== "HOLD"), S = l || !c || ["processing", "error"].includes(i.status), u = {
     layout: "accordion"
   };
   return Z(() => {
-    i == null || i.update({ locale: t.language });
-  }, [i, t.language]), /* @__PURE__ */ H("form", { id: "payment-form", className: "bg-subtle mt-4 rounded-md p-6", onSubmit: n.onSubmit, children: [
-    /* @__PURE__ */ g("div", { children: /* @__PURE__ */ g(We, { options: u, onChange: (b) => d() }) }),
-    r === "HOLD" && /* @__PURE__ */ g("div", { className: "bg-cal-info mb-5 mt-2 rounded-md p-3", children: /* @__PURE__ */ g(
+    o == null || o.update({ locale: t.language });
+  }, [o, t.language]), /* @__PURE__ */ H("form", { id: "payment-form", className: "bg-subtle mt-4 rounded-md p-6", onSubmit: n.onSubmit, children: [
+    /* @__PURE__ */ v("div", { children: /* @__PURE__ */ v(We, { options: u, onChange: (b) => s() }) }),
+    r === "HOLD" && /* @__PURE__ */ v("div", { className: "bg-cal-info mb-5 mt-2 rounded-md p-3", children: /* @__PURE__ */ v(
       Ce,
       {
         description: e("acknowledge_booking_no_show_fee", {
           amount: n.payment.amount / 100,
           formatParams: { amount: { currency: n.payment.currency } }
         }),
-        onChange: (b) => c(b.target.checked),
+        onChange: (b) => d(b.target.checked),
         descriptionClassName: "text-info font-semibold"
       }
     ) }),
     /* @__PURE__ */ H("div", { className: "mt-2 flex justify-end space-x-2", children: [
-      /* @__PURE__ */ g(
+      /* @__PURE__ */ v(
         G,
         {
           color: "minimal",
-          disabled: y,
+          disabled: S,
           id: "cancel",
           type: "button",
           loading: l,
           onClick: () => {
-            o(!0), n.onCancel();
+            a(!0), n.onCancel();
           },
-          children: /* @__PURE__ */ g("span", { id: "button-text", children: e("cancel") })
+          children: /* @__PURE__ */ v("span", { id: "button-text", children: e("cancel") })
         }
       ),
-      /* @__PURE__ */ g(
+      /* @__PURE__ */ v(
         G,
         {
           type: "submit",
-          disabled: y,
-          loading: a.status === "processing",
+          disabled: S,
+          loading: i.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") })
+          children: /* @__PURE__ */ v("span", { id: "button-text", children: i.status === "processing" ? /* @__PURE__ */ v("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 })
+    i.status === "error" && /* @__PURE__ */ v("div", { className: "mt-4 text-center text-red-900 dark:text-gray-300", role: "alert", children: i.error.message })
   ] });
-}, Ze = (n) => {
-  const { t: e } = ee(), t = Te(), r = n.payment.paymentOption, i = n.booking.attendees[0].email, a = $e(), [d, l] = R({ status: "idle" });
-  return /* @__PURE__ */ g(
-    Qe,
+}, Qe = (n) => {
+  const { t: e } = ee(), t = Te(), r = n.payment.paymentOption;
+  n.booking.attendees[0].email;
+  const o = $e(), [i, s] = R({ status: "idle" });
+  return /* @__PURE__ */ v(
+    Je,
     {
       ...n,
       elements: t,
       paymentOption: r,
-      state: d,
-      onSubmit: async (o) => {
-        var y;
-        if (o.preventDefault(), !a || !t)
+      state: i,
+      onSubmit: async (l) => {
+        var d;
+        if (l.preventDefault(), !o || !t)
           return;
-        l({ status: "processing" });
-        let s;
+        s({ status: "processing" });
+        let a;
         const c = {
-          uid: n.booking.uid,
-          email: i
+          uid: n.booking.uid
         };
-        r === "HOLD" && "setupIntent" in n.payment.data ? (s = await a.confirmSetup({
+        r === "HOLD" && "setupIntent" in n.payment.data ? (a = await o.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({
+        }), a.setupIntent && (c.payment_intent = a.setupIntent.id, c.payment_intent_client_secret = a.setupIntent.client_secret || void 0, c.redirect_status = a.setupIntent.status)) : r === "ON_BOOKING" && (a = await o.confirmPayment({
           elements: t,
           redirect: "if_required",
           confirmParams: {
             return_url: `${Oe}/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({
+        }), a.paymentIntent && (c.payment_intent = a.paymentIntent.id, c.payment_intent_client_secret = a.paymentIntent.client_secret || void 0, c.redirect_status = a.paymentIntent.status)), a != null && a.error ? s({
           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));
+          error: new Error(`Payment failed: ${a.error.message}`)
+        }) : (s({ status: "idle" }), (d = n.onPaymentSuccess) == null || d.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);
+        var l;
+        (l = n.onPaymentCancellation) == null || l.call(n, n);
       },
       onPaymentElementChange: () => {
-        l({ status: "idle" });
+        s({ status: "idle" });
       }
     }
   );
-}, rt = (n) => {
-  const e = Je(n.payment.data.stripe_publishable_key), [t, r] = R("stripe");
+}, nt = (n) => {
+  const e = ze(n.payment.data.stripe_publishable_key), [t, r] = R("stripe");
   return Z(() => {
     document.documentElement.classList.contains("dark") && r("night");
-  }, []), /* @__PURE__ */ g(
+  }, []), /* @__PURE__ */ v(
     re,
     {
       stripe: e,
@@ -484,10 +475,10 @@ const ze = (n) => (N || (N = Ye.loadStripe(
           theme: t
         }
       },
-      children: /* @__PURE__ */ g(Ze, { ...n })
+      children: /* @__PURE__ */ v(Qe, { ...n })
     }
   );
 };
 export {
-  rt as default
+  nt as default
 };