@calcom/atoms 2.3.7 → 2.4.0

package/dist/StripePaymentForm-CqxHoAlR.js

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

package/dist/cal-atoms.js

@@ -1,46 +1,47 @@
-import { aS as s, aT as t, aU as n, aV as o, aW as b, aX as r, aY as i, aZ as l, a_ as u, a$ as C, b0 as d, b1 as S, b2 as c, b3 as g, b4 as v, b5 as p, b6 as T, b7 as m, b8 as y, b9 as E, ba as k, bb as B, bc as h, bd as A, be as f, bf as O, bg as P, bh as x, bi as z, bj as D, bk as F, bl as I, bm as L, bn as R, bo as U, bp as V, an as j, bq as q, br as w, bs as G, bt as M, bu as W, bv as X } from "./index-taOlstL2.js";
+import { b0 as a, b1 as t, b2 as n, b3 as b, b4 as o, b5 as r, b6 as i, b7 as l, b8 as u, b9 as d, ba as C, bb as g, bc as c, bd as v, be as S, bf as m, bg as p, bh as y, bi as E, bj as T, bk as k, bl as B, bm as A, bn as h, bo as O, bp as f, bq as P, br as x, bs as z, bt as D, bu as F, bv as w, bw as G, bx as I, by as L, bz as R, bA as j, a5 as q, bB as M, bC as U, bD as V, bE as H, bF as J, bG as K } from "./index-BYBZ-zEd.js";
 export {
-  s as AvailabilitySettings,
+  a as AvailabilitySettings,
   t as Booker,
   n as BookerEmbed,
-  o as CalOAuthProvider,
-  b as CalProvider,
+  b as CalOAuthProvider,
+  o as CalProvider,
   r as CalendarSettings,
   i as CalendarView,
   l as ConferencingAppsSettings,
   u as Connect,
-  C as CreateEventType,
-  d as CreateSchedule,
-  S as CreateScheduleForm,
+  d as CreateEventType,
+  C as CreateSchedule,
+  g as CreateScheduleForm,
   c as DestinationCalendarSettings,
-  g as EventTypeSettings,
-  v as GcalConnect,
-  p as ListEventTypes,
-  T as ListSchedules,
-  m as OutlookConnect,
-  y as PaymentForm,
-  E as Router,
-  k as SelectedCalendarsSettings,
-  B as StripeConnect,
+  v as EventTypeSettings,
+  S as GcalConnect,
+  m as ListEventTypes,
+  p as ListSchedules,
+  y as OnboardingEmbed,
+  E as OutlookConnect,
+  T as PaymentForm,
+  k as Router,
+  B as SelectedCalendarsSettings,
+  A as StripeConnect,
   h as TroubleShooter,
-  A as useAddSelectedCalendar,
+  O as useAddSelectedCalendar,
   f as useAtomsContext,
-  O as useAvailableSlots,
-  P as useBooking,
-  x as useBookings,
-  z as useCancelBooking,
-  D as useConnectedCalendars,
-  F as useCreateEventType,
-  I as useCreateTeamEventType,
-  L as useDeleteCalendarCredentials,
-  R as useEvent,
-  U as useEventTypeById,
-  V as useEventTypes,
-  j as useIsPlatform,
-  q as useMe,
-  w as useOrganizationBookings,
-  G as useOrganizationUserBookings,
-  M as useRemoveSelectedCalendar,
-  W as useTeamEventTypes,
-  X as useTeams
+  P as useAvailableSlots,
+  x as useBooking,
+  z as useBookings,
+  D as useCancelBooking,
+  F as useConnectedCalendars,
+  w as useCreateEventType,
+  G as useCreateTeamEventType,
+  I as useDeleteCalendarCredentials,
+  L as useEvent,
+  R as useEventTypeById,
+  j as useEventTypes,
+  q as useIsPlatform,
+  M as useMe,
+  U as useOrganizationBookings,
+  V as useOrganizationUserBookings,
+  H as useRemoveSelectedCalendar,
+  J as useTeamEventTypes,
+  K as useTeams
 };