@nylas/react 1.0.2-canary.0 → 1.0.2-canary.1

package/dist/nylas-scheduler-editor.entry-c0479087.js

@@ -1,140 +0,0 @@
-import { r as g, c as v, h as a, H as x } from "./index-e834697b.js";
-import { R as k } from "./register-component-486ea571-1f151779.js";
-import { d as p } from "./utils-df5c1963-d9833bcb.js";
-import "react";
-import "react-dom";
-import "./_commonjsHelpers-57e89916-af061c86.js";
-const S = ":host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;width:inherit}.scheduler-editor{display:flex;flex-direction:column}.scheduler-editor .form-contents{display:grid;grid-template-columns:minmax(224px, 25%) 1fr}@media screen and (max-width: 768px){.scheduler-editor .form-contents{display:table-column-group}}.scheduler-editor .form-contents .tabs{display:flex;flex-direction:column;border-right:1px solid var(--nylas-base-200);background-color:var(--nylas-base-25)}.scheduler-editor .form-contents .tabs .tab{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;color:var(--nylas-base-900);background:var(--nylas-base-0);border:none;height:56px;cursor:pointer}.scheduler-editor .form-contents .tabs .tab:not(:first-of-type){margin-top:0.25rem}.scheduler-editor .form-contents .tabs .tab.active{background:var(--nylas-base-0);color:var(--nylas-primary);border-left:4px solid var(--nylas-primary);box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.0588235294);box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1019607843)}.scheduler-editor .form-contents .tab-content{max-width:692px}.footer{display:flex;justify-content:flex-end;align-items:center;height:80px;padding:0 1rem;border-top:1px solid var(--nylas-base-200)}.footer button{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer}.footer button:hover{background:var(--nylas-base-600)}.footer button:active{background:var(--nylas-base-800)}.footer button:disabled{background:var(--nylas-base-300);cursor:not-allowed}", C = S;
-var _ = function(e, t, n, r) {
-  var l = arguments.length, i = l < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, s;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    i = Reflect.decorate(e, t, n, r);
-  else
-    for (var o = e.length - 1; o >= 0; o--)
-      (s = e[o]) && (i = (l < 3 ? s(i) : l > 3 ? s(t, n, i) : s(t, n)) || i);
-  return l > 3 && i && Object.defineProperty(t, n, i), i;
-}, u = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const y = class {
-  constructor(e) {
-    g(this, e), this.schedulerConfigChanged = v(this, "schedulerConfigChanged", 7), this.formSubmissionHandler = async (t) => {
-      var d, b;
-      t.preventDefault(), this.updateFormState();
-      const { title: n, description: r, duration: l, availability: i, calendarIds: s, participants: o } = this.formState;
-      console.log("participants: ", o);
-      const c = (b = (d = this.config) == null ? void 0 : d.participants) == null ? void 0 : b.find((h) => h.is_organizer), f = {
-        availability: {
-          duration_minutes: parseInt(l)
-        },
-        participants: [
-          {
-            name: (c == null ? void 0 : c.name) ?? "",
-            email: (c == null ? void 0 : c.email) ?? "",
-            is_organizer: !0,
-            availability: {
-              calendar_ids: s.length ? s : ["primary"],
-              open_hours: i ?? []
-            }
-          }
-        ],
-        event_booking: {
-          title: (n == null ? void 0 : n.toString()) ?? "",
-          description: (r == null ? void 0 : r.toString()) ?? ""
-        }
-      };
-      this.schedulerConfigChanged.emit(f);
-    }, this.calendars = void 0, this.config = void 0, this.activeTab = "eventInfo", this.formState = this.getFormStateFromConfig();
-  }
-  configChangedHandler(e) {
-    p("nylas-scheduler-editor", "configChangedHandler", e), this.formState = this.getFormStateFromConfig();
-  }
-  connectedCallback() {
-    p("nylas-scheduler-editor", "connectedCallback");
-  }
-  componentWillLoad() {
-    p("nylas-scheduler-editor", "componentWillLoad");
-  }
-  componentDidLoad() {
-    p("nylas-scheduler-editor", "componentDidLoad");
-  }
-  disconnectedCallback() {
-    p("nylas-scheduler-editor", "disconnectedCallback");
-  }
-  getFormStateFromConfig() {
-    var t, n, r, l, i, s, o, c, f, d, b, h;
-    const e = (n = (t = this.config) == null ? void 0 : t.participants) == null ? void 0 : n.find((m) => m.is_organizer);
-    return {
-      title: ((l = (r = this.config) == null ? void 0 : r.event_booking) == null ? void 0 : l.title) ?? "",
-      description: ((s = (i = this.config) == null ? void 0 : i.event_booking) == null ? void 0 : s.description) ?? "",
-      duration: ((f = (c = (o = this.config) == null ? void 0 : o.availability) == null ? void 0 : c.duration_minutes) == null ? void 0 : f.toString()) ?? "10",
-      availability: ((d = e == null ? void 0 : e.availability) == null ? void 0 : d.open_hours) ?? void 0,
-      calendarIds: ((b = e == null ? void 0 : e.availability) == null ? void 0 : b.calendar_ids) ?? [],
-      participants: ((h = this.config) == null ? void 0 : h.participants) ?? []
-    };
-  }
-  updateFormState() {
-    new FormData(this.formRef).forEach((t, n) => {
-      switch (n) {
-        case "title":
-          this.formState.title = t.toString();
-          break;
-        case "description":
-          this.formState.description = t.toString();
-          break;
-        case "duration":
-          this.formState.duration = t.toString();
-          break;
-        case "availability":
-          this.formState.availability = JSON.parse(t.toString());
-          break;
-        case "participants":
-          this.formState.participants = JSON.parse(t.toString());
-          break;
-        case "calendars":
-          this.formState.calendarIds = t.toString().split(",");
-          break;
-      }
-    }), this.formState = { ...this.formState };
-  }
-  setActiveTab(e, t) {
-    e.preventDefault(), this.updateFormState(), this.activeTab = t;
-  }
-  renderTabContent(e) {
-    var t;
-    switch (this.activeTab) {
-      case "eventInfo":
-        const n = e.title, r = e.description, l = parseInt(e.duration), i = e.participants;
-        return a("div", null, a("nylas-event-info", null, a("div", { slot: "inputs" }, a("nylas-event-title", { name: "title", eventTitle: n }), a("nylas-event-duration", { name: "duration", eventDurationMinutes: l }), a("nylas-event-description", { name: "description", eventDescription: r }))), a("nylas-additional-participants", { name: "participants", eventParticipants: i }));
-      case "availability":
-        const s = e.availability, o = (t = e.participants) == null ? void 0 : t.find((d) => d.is_organizer), c = (o == null ? void 0 : o.email) ?? "primary", f = e.calendarIds.length > 0 ? e.calendarIds : [c];
-        return a("div", null, a("nylas-calendar-picker", { name: "calendars", calendars: this.calendars ?? [], defaultSelectedCalendars: f, organizerEmail: c }), a("nylas-availability-picker", { name: "availability", openHours: s }));
-    }
-  }
-  render() {
-    return a(x, { key: "5041540c34973d7e3e4ea881f9ae0312d116910d" }, a("form", { key: "e97d08f968108913f8313fc7c155646abc40f9b0", onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: (e) => this.formRef = e }, a("div", { key: "10b20fef8c742f4ef50a4d41baccff514b661a9f", class: "form-contents" }, a("div", { key: "abaef8139309661b1398aea8e0c7ff8378b3bec5", class: "tabs" }, a("button", { key: "6d40952899d50e48ffe8531e4d7bfe70dedb5882", class: { tab: !0, active: this.activeTab == "eventInfo" }, onClick: (e) => this.setActiveTab(e, "eventInfo") }, a("calendar-info-icon", { key: "fe8510f782a12d6e755d1656fe9af67b86314bf0", width: "16", height: "16" }), "Event Info"), a("button", { key: "4d821f8550f8e36e6a421a783034c0500fd178c6", class: { tab: !0, active: this.activeTab == "availability" }, onClick: (e) => this.setActiveTab(e, "availability") }, a("calendar-patterns-icon", { key: "93c0b506aeac709c6e39c6a514fc46bec052dcc7", width: "16", height: "16" }), "Availability")), a("div", { key: "843934d16b0208234e400be7f1c92b5f67c36884", class: "tab-content" }, this.renderTabContent(this.formState))), a("div", { key: "0a5b6a63138970cc1cc876894d7ec2340f5ab107", class: "footer" }, a("button", { key: "ed49e3934719b08b08a81f095565249f109d64fb", type: "submit" }, "Save changes"))));
-  }
-  static get watchers() {
-    return {
-      config: ["configChangedHandler"]
-    };
-  }
-};
-_([
-  k({
-    name: "nylas-scheduler-editor",
-    stateToProps: /* @__PURE__ */ new Map([
-      ["schedulerConfig.calendars", "calendars"],
-      ["schedulerConfig.config", "config"]
-    ]),
-    fireRegisterEvent: !0
-  }),
-  u("design:type", Function),
-  u("design:paramtypes", []),
-  u("design:returntype", void 0)
-], y.prototype, "render", null);
-y.style = C;
-export {
-  y as nylas_scheduler_editor
-};

package/dist/nylas-scheduler.entry-69ecc3ae.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-cee193d2.cjs"),h=require("./index-10914bc1-93ff6f46.cjs"),p=require("./utils-df5c1963-1c47e21c.cjs"),g=require("./scheduler-store-81058220-a20698af.cjs");require("react");require("react-dom");require("./_commonjsHelpers-57e89916-4a3ae7d8.cjs");class y{constructor({schedulerAPIURL:n,nylasSchedulerStore:s,sessionId:i}){if(!n)throw new Error("schedulerAPIURL is required");if(!s)throw new Error("nylasSchedulerStore is required");if(!i)throw new Error("sessionId is required");n==="/"&&(n=new URL(window.location.href).origin),this.sessionId=i,this.schedulerAPIURL=n,this.nylasSchedulerStore=s}init(){p.debug("NylasConnector init")}get schedulerStore(){return this.nylasSchedulerStore}get scheduler(){return this._schedulerAPIConnector?this._schedulerAPIConnector:(this._schedulerAPIConnector=new g.NylaSchedulerAPIConnector({schedulerAPIURL:this.schedulerAPIURL,schedulerStore:this.schedulerStore,sessionId:this.sessionId}),this._schedulerAPIConnector)}resetStores(){this.nylasSchedulerStore.reset()}}const c=(e,n)=>{const s=e.isLoading,i=e.showNotification;return t.h(t.Fragment,null,s&&t.h("div",{class:"loading"},t.h("div",{class:"left"},t.h("div",{class:"skeleton"})),t.h("div",{class:"right"},t.h("div",{class:"skeleton"}),t.h("div",{class:"skeleton"}),t.h("div",{class:"skeleton"}),t.h("div",{class:"skeleton"}),t.h("div",{class:"skeleton"}))),!s&&n,i&&t.h("nylas-notification",null),t.h("div",{class:"footer"},"Powered by  ",t.h("nylas-logo",null)))},v=":host{display:flex;flex-direction:column;overflow:visible;border-radius:var(--nylas-border-radius-2x);width:fit-content;background:var(--nylas-base-0);position:relative;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem}@media screen and (max-width: 768px){:host{width:auto;min-width:325px}}.error{padding:8rem 12rem;color:var(--nylas-base-0);background-color:var(--nylas-error);margin:1.5rem;border-radius:var(--nylas-border-radius-2x)}.loading{margin:1.5rem;display:flex;gap:1rem}.loading .skeleton{border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite}.loading .skeleton:nth-child(2){animation-delay:-100ms}.loading .skeleton:nth-child(3){animation-delay:-200ms}.loading .skeleton:nth-child(4){animation-delay:-300ms}.loading .skeleton:nth-child(5){animation-delay:-400ms}.loading .left .skeleton{height:100%;width:400px}.loading .right .skeleton{height:5rem;width:300px;margin-bottom:1rem}.loading .right .skeleton:last-child{margin-bottom:0}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.select-date-page,.additional-data-page,.booked-event-page,.cancelled-event-page,.cancel-flow-page{border-top-left-radius:var(--nylas-border-radius-2x);border-top-right-radius:var(--nylas-border-radius-2x)}.select-date-page,.additional-data-page{display:flex}@media screen and (max-width: 768px){.select-date-page,.additional-data-page{flex-direction:column}}.booked-event-page{background-color:var(--nylas-base-50)}.cancelled-event-page,.cancel-flow-page{padding:1rem;height:496px;display:flex;justify-content:center;align-items:center}.booked-event-page,.cancelled-event-page,.cancel-flow-page{min-width:784px}@media screen and (max-width: 768px){.booked-event-page,.cancelled-event-page,.cancel-flow-page{min-width:90%}}.left-panel{padding:1rem 20px 0;gap:1rem;height:512px;min-width:384px;border:1px solid var(--nylas-base-200);border-top-left-radius:inherit}@media screen and (max-width: 768px){.left-panel{border-top-right-radius:inherit;min-width:unset}}@media screen and (max-width: 768px){.additional-data-page .left-panel{height:325px}}@media screen and (max-width: 768px){.select-date-page .left-panel{padding:0.5rem 4px 0}}.border{margin-left:-1.25rem;margin-right:-1.25rem;border-top-width:1px;height:1px;background-color:var(--nylas-base-200)}@media screen and (max-width: 768px){.border{display:none}}.right-panel{min-width:360px;width:360px;background-color:var(--nylas-base-50);height:512px;padding-top:1rem;border:1px solid var(--nylas-base-200);border-top-right-radius:inherit}@media screen and (max-width: 768px){.right-panel{border-top-right-radius:0px;width:inherit;min-width:unset}}.right-panel h2{display:flex;margin:1.5rem 1rem 1rem;gap:0.25rem;justify-content:center;align-items:center;width:auto;font-size:1.125rem;line-height:1.75rem;font-weight:600;text-align:center;color:var(--nylas-base-800)}.additional-data-page .left-panel{background-color:var(--nylas-base-50)}.additional-data-page .right-panel{background-color:var(--nylas-base-0)}nylas-selected-event-card{height:496px}@media screen and (max-width: 768px){nylas-selected-event-card{height:325px}}.footer{display:flex;justify-content:flex-end;align-items:center;padding:16px;font-size:14px;font-weight:300;color:var(--nylas-base-500);border-top:1px solid var(--nylas-base-100)}.footer svg{fill:var(--nylas-base-500)}.footer svg{margin-top:1px}nylas-selected-event-card::part(nsec__timezone){position:absolute;bottom:0}",w=v,b={title:"Something went wrong...",type:h.nr.Error,category:g.ErrorCategory.Component},m=class{constructor(e){t.registerInstance(this,e),this.init=t.createEvent(this,"init",7),this.schedulerWillLoad=t.createEvent(this,"schedulerWillLoad",7),this.schedulerDidLoad=t.createEvent(this,"schedulerDidLoad",7),this.nylasSchedulerError=t.createEvent(this,"nylasSchedulerError",7),this.mode="app",this.defaultSchedulerStoreState=void 0,this.sessionId=void 0,this.schedulerApiUrl="https://api.us.nylas.com",this.bookingInfo=void 0,this.rescheduleBookingId=void 0,this.cancelBookingId=void 0,this.eventOverrides={},this.isLoading=void 0,this.themeConfig=void 0,this.showNotification=!0,this.automaticComponentRegistration=!0,this.selectedDateLabel=new Date().toLocaleDateString(void 0,{dateStyle:"full"})||"No date selected"}connectedCallback(){p.debug("[nylas-scheduler] connectedCallback")}async componentWillLoad(){var s,i;if(p.debug("[nylas-scheduler] Component will load"),this.schedulerWillLoad.emit(this.host).defaultPrevented||!this.checkIfSessionIdExists())return;this.stores={scheduler:g.CreateNylasSchedulerStore({bookingInfo:this.bookingInfo,...this.defaultSchedulerStoreState})},this.baseProvider=new h.NylasBaseProvider(this.host,this.stores,this.automaticComponentRegistration,this.eventOverrides);const n=(s=this.baseProvider)==null?void 0:s.getStore("scheduler");if(this.nylasSchedulerConnector=new y({schedulerAPIURL:this.schedulerApiUrl,sessionId:this.sessionId,nylasSchedulerStore:n}),this.init.emit(this.host),(i=this.baseProvider)==null||i.componentWillLoad(this.nylasSchedulerConnector),this.themeConfig)for(const[a,o]of Object.entries(this.themeConfig))this.host.style.setProperty(`${a}`,o)}async componentDidLoad(){var a,o,r,u;if((a=this.baseProvider)==null||a.componentDidLoad(),!this.checkIfSessionIdExists())return;const e=(o=this.baseProvider)==null?void 0:o.getStore("scheduler"),n=e==null?void 0:e.get("selectedTimeslot");if(n&&(n!=null&&n.start_time)){if(!this.isTimeslotValid(n))return;if(e!=null&&e.get("showBookingForm")){e==null||e.set("selectedDate",n.start_time);return}}const s=e==null?void 0:e.get("selectedDate");let i;if(!s)i=await((r=this.nylasSchedulerConnector)==null?void 0:r.scheduler.getAvailability());else{const d=new Date(s.getFullYear(),s.getMonth(),1).getTime()/1e3,l=new Date(s.getFullYear(),s.getMonth()+1,1).getTime()/1e3;i=await((u=this.nylasSchedulerConnector)==null?void 0:u.scheduler.getAvailability(d,l))}if((!i||"error"in i)&&this.nylasSchedulerError.emit({...this.getErrorObject(i==null?void 0:i.error)}),!s){let d=new Date;const l=e==null?void 0:e.get("availability").find(f=>new Date(f.start_time)>new Date);l&&(d=l.start_time),e==null||e.set("selectedDate",d)}}componentDisconnected(){var e;(e=this.baseProvider)==null||e.componentDisconnected()}bookingInfoChanged(e){var n;(n=this.stores)==null||n.scheduler.set("bookingInfo",e)}async registerComponentHandler(e){var n;(n=this.baseProvider)==null||n.registerComponent(e.detail)}async unregisterComponentHandler(e){var n;(n=this.baseProvider)==null||n.unregisterComponent(e.detail)}async monthChangedHandler(e){var o;const n=e.detail,s=new Date(n.getFullYear(),n.getMonth(),1).getTime()/1e3,i=new Date(n.getFullYear(),n.getMonth()+1,1).getTime()/1e3,a=await((o=this.nylasSchedulerConnector)==null?void 0:o.scheduler.getAvailability(s,i));(!a||"error"in a)&&this.nylasSchedulerError.emit({...this.getErrorObject(a==null?void 0:a.error)})}async bookButtonClickedHandler(e){var s,i,a,o;if(this.rescheduleBookingId){const r=await((s=this.nylasSchedulerConnector)==null?void 0:s.scheduler.rescheduleBooking(this.rescheduleBookingId,e.detail));!r||"error"in r?this.nylasSchedulerError.emit({...this.getErrorObject(r==null?void 0:r.error)}):(i=this.baseProvider)==null||i.getStore("scheduler").set("showThankYouMessage",!0);return}const n=await((a=this.nylasSchedulerConnector)==null?void 0:a.scheduler.bookTimeslot(e.detail));!n||"error"in n?this.nylasSchedulerError.emit({...this.getErrorObject(n==null?void 0:n.error)}):(o=this.baseProvider)==null||o.getStore("scheduler").set("showThankYouMessage",!0)}dateSelectedHandler(e){const n=e.detail;this.selectedDateLabel=n?n.toLocaleDateString(void 0,{dateStyle:"full"}):"No date selected"}cancelBookedEventErrorHandler(e){this.nylasSchedulerError.emit({...this.getErrorObject(e.detail.error)})}rescheduleBookedEventErrorHandler(e){this.nylasSchedulerError.emit({...this.getErrorObject(e.detail.error)})}async getNylasSchedulerStore(){var e;return(e=this.baseProvider)==null?void 0:e.getStore("scheduler")}async getNylasSchedulerConnector(){return this.nylasSchedulerConnector}async getRef(){return this.host}getErrorObject(e){return{title:(e==null?void 0:e.title)||b.title,category:(e==null?void 0:e.category)||b.category,type:h.nr.Error,description:(e==null?void 0:e.message)||"",id:new Date().getTime().toString()}}checkIfSessionIdExists(){return this.sessionId?!0:(this.nylasSchedulerError.emit({title:"No sessionId!",category:g.ErrorCategory.Component,type:h.nr.Error,description:"Session ID is required",id:new Date().getTime().toString(),ttl:"none"}),!1)}isTimeslotValid(e){return new Date(e.start_time)<new Date?(this.nylasSchedulerError.emit({title:"Invalid tiemslot!",category:g.ErrorCategory.Component,type:h.nr.Error,description:"The selected timeslot is invalid.",id:new Date().getTime().toString(),ttl:"none"}),!1):!0}render(){var d;const e=this.mode==="app",n=(d=this.baseProvider)==null?void 0:d.getStore("scheduler"),s=n==null?void 0:n.get("eventInfo"),i=n==null?void 0:n.get("showThankYouMessage"),a=n==null?void 0:n.get("showBookingForm"),o=n==null?void 0:n.get("cancelledEvent"),r=(n==null?void 0:n.get("cancelBookingId"))||this.cancelBookingId,u=n==null?void 0:n.get("selectedTimeslot");if(e&&r&&!o)return t.h(t.Host,null,t.h(c,{isLoading:this.isLoading,showNotification:this.showNotification},t.h("div",{class:"cancel-flow-page",part:"cancel-flow-page"},t.h("nylas-cancel-booking-form",{cancelBookingId:r,exportparts:"ncbf, ncbf__input-textfield, ncbf__button-cta, ncbf__button-outline, ncbf__input-label"}))));if(e&&o)return t.h(t.Host,null,t.h(c,{isLoading:this.isLoading,showNotification:this.showNotification},t.h("div",{class:"cancelled-event-page",part:"cancelled-event-page"},t.h("nylas-cancelled-event-card",{cancelledEvent:o,exportparts:"ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card"}))));if(e&&i&&s)return t.h(t.Host,null,t.h(c,{isLoading:this.isLoading,showNotification:this.showNotification},t.h("div",{class:"booked-event-page",part:"booked-event-page"},t.h("nylas-booked-event-card",{selectedTimeslot:u,eventInfo:s,exportparts:"nbec, nbec__title, nbec__card, nbec__description, nbec__button-outline, nbec__cancel-cta, nbec__reschedule-cta"}))));if(e&&!i&&!a){const l=this.host.querySelector('[slot="timeslot-picker-cta-label"]');return t.h(t.Host,null,t.h(c,{isLoading:this.isLoading,showNotification:this.showNotification},t.h("div",{class:"select-date-page",part:"select-date-page"},t.h("div",{class:"left-panel"},t.h("nylas-date-picker",{exportparts:"ndp, ndp__month-header, ndp__month-button, ndp__day, ndp__date, ndp__date--selected, ndp__date--current-day, ndp__date--current-month"}),t.h("div",{class:"border"}),t.h("nylas-locale-switch",null)),t.h("div",{class:"right-panel"},t.h("h2",null,t.h("calendar-icon",null),t.h("span",{id:"selectedDate"},this.selectedDateLabel)),t.h("nylas-timeslot-picker",{exportparts:"ntp, ntp__timeslot, ntp__timeslot--selected, ntp__button-primary"},l&&t.h("span",{slot:"timeslot-picker-cta-label"},t.h("slot",{name:"timeslot-picker-cta-label"})))))))}if(e&&!i&&a){const l=this.host.querySelector('[slot="custom-booking-form"]');return t.h(t.Host,null,t.h(c,{isLoading:this.isLoading,showNotification:this.showNotification},t.h("div",{class:"additional-data-page",part:"additional-data-page"},t.h("div",{class:"left-panel"},t.h("div",{class:"wrapper"},t.h("nylas-selected-event-card",{exportparts:"nsec, nsec__card, nsec__icon, nsec__date, nsec__time"}))),t.h("div",{class:"right-panel"},t.h("nylas-booking-form",{exportparts:"nbf, nbf__input-label, nbf__input-textfield, nbf__button-ghost, nbf__button-primary, nbf__button-outline"},l&&t.h("div",{slot:"custom-booking-form"},t.h("slot",{name:"custom-booking-form"})))))))}return t.h(t.Host,null,t.h("slot",null))}get host(){return t.getElement(this)}static get watchers(){return{bookingInfo:["bookingInfoChanged"]}}};m.style=w;exports.nylas_scheduler=m;

package/dist/nylas-scheduler.entry-7084c148.js

@@ -1,231 +0,0 @@
-import { r as v, c as p, h as n, H as c, g as w, F as x } from "./index-e834697b.js";
-import { n as u, N as _ } from "./index-10914bc1-1a809477.js";
-import { d as m } from "./utils-df5c1963-d9833bcb.js";
-import { E as b, C as k, N as I } from "./scheduler-store-81058220-263a5f44.js";
-import "react";
-import "react-dom";
-import "./_commonjsHelpers-57e89916-af061c86.js";
-class E {
-  constructor({ schedulerAPIURL: t, nylasSchedulerStore: s, sessionId: i }) {
-    if (!t)
-      throw new Error("schedulerAPIURL is required");
-    if (!s)
-      throw new Error("nylasSchedulerStore is required");
-    if (!i)
-      throw new Error("sessionId is required");
-    t === "/" && (t = new URL(window.location.href).origin), this.sessionId = i, this.schedulerAPIURL = t, this.nylasSchedulerStore = s;
-  }
-  init() {
-    m("NylasConnector init");
-  }
-  get schedulerStore() {
-    return this.nylasSchedulerStore;
-  }
-  get scheduler() {
-    return this._schedulerAPIConnector ? this._schedulerAPIConnector : (this._schedulerAPIConnector = new I({
-      schedulerAPIURL: this.schedulerAPIURL,
-      schedulerStore: this.schedulerStore,
-      sessionId: this.sessionId
-    }), this._schedulerAPIConnector);
-  }
-  resetStores() {
-    this.nylasSchedulerStore.reset();
-  }
-}
-const h = (e, t) => {
-  const s = e.isLoading, i = e.showNotification;
-  return n(
-    x,
-    null,
-    s && n(
-      "div",
-      { class: "loading" },
-      n(
-        "div",
-        { class: "left" },
-        n("div", { class: "skeleton" })
-      ),
-      n(
-        "div",
-        { class: "right" },
-        n("div", { class: "skeleton" }),
-        n("div", { class: "skeleton" }),
-        n("div", { class: "skeleton" }),
-        n("div", { class: "skeleton" }),
-        n("div", { class: "skeleton" })
-      )
-    ),
-    !s && t,
-    i && n("nylas-notification", null),
-    n(
-      "div",
-      { class: "footer" },
-      "Powered by  ",
-      n("nylas-logo", null)
-    )
-  );
-}, C = ":host{display:flex;flex-direction:column;overflow:visible;border-radius:var(--nylas-border-radius-2x);width:fit-content;background:var(--nylas-base-0);position:relative;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem}@media screen and (max-width: 768px){:host{width:auto;min-width:325px}}.error{padding:8rem 12rem;color:var(--nylas-base-0);background-color:var(--nylas-error);margin:1.5rem;border-radius:var(--nylas-border-radius-2x)}.loading{margin:1.5rem;display:flex;gap:1rem}.loading .skeleton{border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite}.loading .skeleton:nth-child(2){animation-delay:-100ms}.loading .skeleton:nth-child(3){animation-delay:-200ms}.loading .skeleton:nth-child(4){animation-delay:-300ms}.loading .skeleton:nth-child(5){animation-delay:-400ms}.loading .left .skeleton{height:100%;width:400px}.loading .right .skeleton{height:5rem;width:300px;margin-bottom:1rem}.loading .right .skeleton:last-child{margin-bottom:0}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.select-date-page,.additional-data-page,.booked-event-page,.cancelled-event-page,.cancel-flow-page{border-top-left-radius:var(--nylas-border-radius-2x);border-top-right-radius:var(--nylas-border-radius-2x)}.select-date-page,.additional-data-page{display:flex}@media screen and (max-width: 768px){.select-date-page,.additional-data-page{flex-direction:column}}.booked-event-page{background-color:var(--nylas-base-50)}.cancelled-event-page,.cancel-flow-page{padding:1rem;height:496px;display:flex;justify-content:center;align-items:center}.booked-event-page,.cancelled-event-page,.cancel-flow-page{min-width:784px}@media screen and (max-width: 768px){.booked-event-page,.cancelled-event-page,.cancel-flow-page{min-width:90%}}.left-panel{padding:1rem 20px 0;gap:1rem;height:512px;min-width:384px;border:1px solid var(--nylas-base-200);border-top-left-radius:inherit}@media screen and (max-width: 768px){.left-panel{border-top-right-radius:inherit;min-width:unset}}@media screen and (max-width: 768px){.additional-data-page .left-panel{height:325px}}@media screen and (max-width: 768px){.select-date-page .left-panel{padding:0.5rem 4px 0}}.border{margin-left:-1.25rem;margin-right:-1.25rem;border-top-width:1px;height:1px;background-color:var(--nylas-base-200)}@media screen and (max-width: 768px){.border{display:none}}.right-panel{min-width:360px;width:360px;background-color:var(--nylas-base-50);height:512px;padding-top:1rem;border:1px solid var(--nylas-base-200);border-top-right-radius:inherit}@media screen and (max-width: 768px){.right-panel{border-top-right-radius:0px;width:inherit;min-width:unset}}.right-panel h2{display:flex;margin:1.5rem 1rem 1rem;gap:0.25rem;justify-content:center;align-items:center;width:auto;font-size:1.125rem;line-height:1.75rem;font-weight:600;text-align:center;color:var(--nylas-base-800)}.additional-data-page .left-panel{background-color:var(--nylas-base-50)}.additional-data-page .right-panel{background-color:var(--nylas-base-0)}nylas-selected-event-card{height:496px}@media screen and (max-width: 768px){nylas-selected-event-card{height:325px}}.footer{display:flex;justify-content:flex-end;align-items:center;padding:16px;font-size:14px;font-weight:300;color:var(--nylas-base-500);border-top:1px solid var(--nylas-base-100)}.footer svg{fill:var(--nylas-base-500)}.footer svg{margin-top:1px}nylas-selected-event-card::part(nsec__timezone){position:absolute;bottom:0}", D = C, f = { title: "Something went wrong...", type: u.Error, category: b.Component }, L = class {
-  constructor(e) {
-    v(this, e), this.init = p(this, "init", 7), this.schedulerWillLoad = p(this, "schedulerWillLoad", 7), this.schedulerDidLoad = p(this, "schedulerDidLoad", 7), this.nylasSchedulerError = p(this, "nylasSchedulerError", 7), this.mode = "app", this.defaultSchedulerStoreState = void 0, this.sessionId = void 0, this.schedulerApiUrl = "https://api.us.nylas.com", this.bookingInfo = void 0, this.rescheduleBookingId = void 0, this.cancelBookingId = void 0, this.eventOverrides = {}, this.isLoading = void 0, this.themeConfig = void 0, this.showNotification = !0, this.automaticComponentRegistration = !0, this.selectedDateLabel = (/* @__PURE__ */ new Date()).toLocaleDateString(void 0, { dateStyle: "full" }) || "No date selected";
-  }
-  connectedCallback() {
-    m("[nylas-scheduler] connectedCallback");
-  }
-  async componentWillLoad() {
-    var s, i;
-    if (m("[nylas-scheduler] Component will load"), this.schedulerWillLoad.emit(this.host).defaultPrevented || !this.checkIfSessionIdExists())
-      return;
-    this.stores = {
-      scheduler: k({
-        bookingInfo: this.bookingInfo,
-        ...this.defaultSchedulerStoreState
-      })
-    }, this.baseProvider = new _(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides);
-    const t = (s = this.baseProvider) == null ? void 0 : s.getStore("scheduler");
-    if (this.nylasSchedulerConnector = new E({
-      schedulerAPIURL: this.schedulerApiUrl,
-      sessionId: this.sessionId,
-      nylasSchedulerStore: t
-    }), this.init.emit(this.host), (i = this.baseProvider) == null || i.componentWillLoad(this.nylasSchedulerConnector), this.themeConfig)
-      for (const [a, o] of Object.entries(this.themeConfig))
-        this.host.style.setProperty(`${a}`, o);
-  }
-  async componentDidLoad() {
-    var a, o, r, g;
-    if ((a = this.baseProvider) == null || a.componentDidLoad(), !this.checkIfSessionIdExists())
-      return;
-    const e = (o = this.baseProvider) == null ? void 0 : o.getStore("scheduler"), t = e == null ? void 0 : e.get("selectedTimeslot");
-    if (t && (t != null && t.start_time)) {
-      if (!this.isTimeslotValid(t))
-        return;
-      if (e != null && e.get("showBookingForm")) {
-        e == null || e.set("selectedDate", t.start_time);
-        return;
-      }
-    }
-    const s = e == null ? void 0 : e.get("selectedDate");
-    let i;
-    if (!s)
-      i = await ((r = this.nylasSchedulerConnector) == null ? void 0 : r.scheduler.getAvailability());
-    else {
-      const d = new Date(s.getFullYear(), s.getMonth(), 1).getTime() / 1e3, l = new Date(s.getFullYear(), s.getMonth() + 1, 1).getTime() / 1e3;
-      i = await ((g = this.nylasSchedulerConnector) == null ? void 0 : g.scheduler.getAvailability(d, l));
-    }
-    if ((!i || "error" in i) && this.nylasSchedulerError.emit({ ...this.getErrorObject(i == null ? void 0 : i.error) }), !s) {
-      let d = /* @__PURE__ */ new Date();
-      const l = e == null ? void 0 : e.get("availability").find((y) => new Date(y.start_time) > /* @__PURE__ */ new Date());
-      l && (d = l.start_time), e == null || e.set("selectedDate", d);
-    }
-  }
-  componentDisconnected() {
-    var e;
-    (e = this.baseProvider) == null || e.componentDisconnected();
-  }
-  bookingInfoChanged(e) {
-    var t;
-    (t = this.stores) == null || t.scheduler.set("bookingInfo", e);
-  }
-  async registerComponentHandler(e) {
-    var t;
-    (t = this.baseProvider) == null || t.registerComponent(e.detail);
-  }
-  async unregisterComponentHandler(e) {
-    var t;
-    (t = this.baseProvider) == null || t.unregisterComponent(e.detail);
-  }
-  async monthChangedHandler(e) {
-    var o;
-    const t = e.detail, s = new Date(t.getFullYear(), t.getMonth(), 1).getTime() / 1e3, i = new Date(t.getFullYear(), t.getMonth() + 1, 1).getTime() / 1e3, a = await ((o = this.nylasSchedulerConnector) == null ? void 0 : o.scheduler.getAvailability(s, i));
-    (!a || "error" in a) && this.nylasSchedulerError.emit({ ...this.getErrorObject(a == null ? void 0 : a.error) });
-  }
-  async bookButtonClickedHandler(e) {
-    var s, i, a, o;
-    if (this.rescheduleBookingId) {
-      const r = await ((s = this.nylasSchedulerConnector) == null ? void 0 : s.scheduler.rescheduleBooking(this.rescheduleBookingId, e.detail));
-      !r || "error" in r ? this.nylasSchedulerError.emit({ ...this.getErrorObject(r == null ? void 0 : r.error) }) : (i = this.baseProvider) == null || i.getStore("scheduler").set("showThankYouMessage", !0);
-      return;
-    }
-    const t = await ((a = this.nylasSchedulerConnector) == null ? void 0 : a.scheduler.bookTimeslot(e.detail));
-    !t || "error" in t ? this.nylasSchedulerError.emit({ ...this.getErrorObject(t == null ? void 0 : t.error) }) : (o = this.baseProvider) == null || o.getStore("scheduler").set("showThankYouMessage", !0);
-  }
-  dateSelectedHandler(e) {
-    const t = e.detail;
-    this.selectedDateLabel = t ? t.toLocaleDateString(void 0, { dateStyle: "full" }) : "No date selected";
-  }
-  cancelBookedEventErrorHandler(e) {
-    this.nylasSchedulerError.emit({ ...this.getErrorObject(e.detail.error) });
-  }
-  rescheduleBookedEventErrorHandler(e) {
-    this.nylasSchedulerError.emit({ ...this.getErrorObject(e.detail.error) });
-  }
-  async getNylasSchedulerStore() {
-    var e;
-    return (e = this.baseProvider) == null ? void 0 : e.getStore("scheduler");
-  }
-  async getNylasSchedulerConnector() {
-    return this.nylasSchedulerConnector;
-  }
-  async getRef() {
-    return this.host;
-  }
-  getErrorObject(e) {
-    return {
-      title: (e == null ? void 0 : e.title) || f.title,
-      category: (e == null ? void 0 : e.category) || f.category,
-      type: u.Error,
-      description: (e == null ? void 0 : e.message) || "",
-      id: (/* @__PURE__ */ new Date()).getTime().toString()
-    };
-  }
-  checkIfSessionIdExists() {
-    return this.sessionId ? !0 : (this.nylasSchedulerError.emit({
-      title: "No sessionId!",
-      category: b.Component,
-      type: u.Error,
-      description: "Session ID is required",
-      id: (/* @__PURE__ */ new Date()).getTime().toString(),
-      ttl: "none"
-    }), !1);
-  }
-  isTimeslotValid(e) {
-    return new Date(e.start_time) < /* @__PURE__ */ new Date() ? (this.nylasSchedulerError.emit({
-      title: "Invalid tiemslot!",
-      category: b.Component,
-      type: u.Error,
-      description: "The selected timeslot is invalid.",
-      id: (/* @__PURE__ */ new Date()).getTime().toString(),
-      ttl: "none"
-    }), !1) : !0;
-  }
-  render() {
-    var d;
-    const e = this.mode === "app", t = (d = this.baseProvider) == null ? void 0 : d.getStore("scheduler"), s = t == null ? void 0 : t.get("eventInfo"), i = t == null ? void 0 : t.get("showThankYouMessage"), a = t == null ? void 0 : t.get("showBookingForm"), o = t == null ? void 0 : t.get("cancelledEvent"), r = (t == null ? void 0 : t.get("cancelBookingId")) || this.cancelBookingId, g = t == null ? void 0 : t.get("selectedTimeslot");
-    if (e && r && !o)
-      return n(c, null, n(h, { isLoading: this.isLoading, showNotification: this.showNotification }, n("div", { class: "cancel-flow-page", part: "cancel-flow-page" }, n("nylas-cancel-booking-form", { cancelBookingId: r, exportparts: "ncbf, ncbf__input-textfield, ncbf__button-cta, ncbf__button-outline, ncbf__input-label" }))));
-    if (e && o)
-      return n(c, null, n(h, { isLoading: this.isLoading, showNotification: this.showNotification }, n("div", { class: "cancelled-event-page", part: "cancelled-event-page" }, n("nylas-cancelled-event-card", { cancelledEvent: o, exportparts: "ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card" }))));
-    if (e && i && s)
-      return n(c, null, n(h, { isLoading: this.isLoading, showNotification: this.showNotification }, n("div", { class: "booked-event-page", part: "booked-event-page" }, n("nylas-booked-event-card", { selectedTimeslot: g, eventInfo: s, exportparts: "nbec, nbec__title, nbec__card, nbec__description, nbec__button-outline, nbec__cancel-cta, nbec__reschedule-cta" }))));
-    if (e && !i && !a) {
-      const l = this.host.querySelector('[slot="timeslot-picker-cta-label"]');
-      return n(c, null, n(h, { isLoading: this.isLoading, showNotification: this.showNotification }, n("div", { class: "select-date-page", part: "select-date-page" }, n("div", { class: "left-panel" }, n("nylas-date-picker", { exportparts: "ndp, ndp__month-header, ndp__month-button, ndp__day, ndp__date, ndp__date--selected, ndp__date--current-day, ndp__date--current-month" }), n("div", { class: "border" }), n("nylas-locale-switch", null)), n("div", { class: "right-panel" }, n("h2", null, n("calendar-icon", null), n("span", { id: "selectedDate" }, this.selectedDateLabel)), n("nylas-timeslot-picker", { exportparts: "ntp, ntp__timeslot, ntp__timeslot--selected, ntp__button-primary" }, l && n("span", { slot: "timeslot-picker-cta-label" }, n("slot", { name: "timeslot-picker-cta-label" })))))));
-    }
-    if (e && !i && a) {
-      const l = this.host.querySelector('[slot="custom-booking-form"]');
-      return n(c, null, n(h, { isLoading: this.isLoading, showNotification: this.showNotification }, n("div", { class: "additional-data-page", part: "additional-data-page" }, n("div", { class: "left-panel" }, n("div", { class: "wrapper" }, n("nylas-selected-event-card", { exportparts: "nsec, nsec__card, nsec__icon, nsec__date, nsec__time" }))), n("div", { class: "right-panel" }, n("nylas-booking-form", { exportparts: "nbf, nbf__input-label, nbf__input-textfield, nbf__button-ghost, nbf__button-primary, nbf__button-outline" }, l && n("div", { slot: "custom-booking-form" }, n("slot", { name: "custom-booking-form" })))))));
-    }
-    return n(c, null, n("slot", null));
-  }
-  get host() {
-    return w(this);
-  }
-  static get watchers() {
-    return {
-      bookingInfo: ["bookingInfoChanged"]
-    };
-  }
-};
-L.style = D;
-export {
-  L as nylas_scheduler
-};

package/dist/play-icon_2.entry-bc24fda7.js

@@ -1,25 +0,0 @@
-import { r as e, h as t } from "./index-e834697b.js";
-import "react";
-import "react-dom";
-const o = ".sc-play-icon-h{display:flex}", i = o, c = class {
-  constructor(s) {
-    e(this, s), this.width = "15", this.height = "15";
-  }
-  render() {
-    return t("svg", { key: "3a03fb2d0b30c1a159d05fa60e8176d3b4e15431", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "2f66d598b27c77ce7101d6e9f380cf19d9e487de", d: "M21 12L3 21V3L21 12Z", stroke: "auto", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }));
-  }
-};
-c.style = i;
-const h = ".sc-stop-icon-h{display:flex}", n = h, r = class {
-  constructor(s) {
-    e(this, s), this.width = "15", this.height = "15";
-  }
-  render() {
-    return t("svg", { key: "f4cb75beb2c6192750827633257beacafac2f9e4", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "8933319b41b675c3fd43c35e02f743eb58bf1cd6", d: "M4 4H20V20H4V4Z", stroke: "auto", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }));
-  }
-};
-r.style = n;
-export {
-  c as play_icon,
-  r as stop_icon
-};

package/dist/play-icon_2.entry-bd9f650e.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-cee193d2.cjs");require("react");require("react-dom");const o=".sc-play-icon-h{display:flex}",c=o,s=class{constructor(e){t.registerInstance(this,e),this.width="15",this.height="15"}render(){return t.h("svg",{key:"3a03fb2d0b30c1a159d05fa60e8176d3b4e15431",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},t.h("path",{key:"2f66d598b27c77ce7101d6e9f380cf19d9e487de",d:"M21 12L3 21V3L21 12Z",stroke:"auto","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))}};s.style=c;const n=".sc-stop-icon-h{display:flex}",h=n,i=class{constructor(e){t.registerInstance(this,e),this.width="15",this.height="15"}render(){return t.h("svg",{key:"f4cb75beb2c6192750827633257beacafac2f9e4",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},t.h("path",{key:"8933319b41b675c3fd43c35e02f743eb58bf1cd6",d:"M4 4H20V20H4V4Z",stroke:"auto","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))}};i.style=h;exports.play_icon=s;exports.stop_icon=i;

package/dist/scheduler-store-81058220-a20698af.cjs

@@ -1 +0,0 @@
-"use strict";const v=require("./utils-df5c1963-1c47e21c.cjs"),D=require("./index-10914bc1-93ff6f46.cjs");exports.ErrorCategory=void 0;(function(n){n.Component="component",n.Api="api",n.Auth="auth"})(exports.ErrorCategory||(exports.ErrorCategory={}));var w;(function(n){n.endtime_not_in_future="endtime_not_in_future",n.no_booking_info="no_booking_info",n.no_timeslot_selected="no_timeslot_selected",n.no_booking_id="no_booking_id",n.invalid_start_time="invalid_start_time",n.invalid_end_time="invalid_end_time",n.invalid_timezone="invalid_timezone"})(w||(w={}));var b;(function(n){n.invalid_session="invalid_session",n.general_error="general_error",n.internal_error="internal_error",n.invalid_request_error="invalid_request_error",n.timeslot_not_available="timeslot_not_available"})(b||(b={}));class A{constructor(){this.component=t=>{const e=exports.ErrorCategory.Component,s=`${t} error`;return{endtime_not_in_future:(i='"endtime" can not be in the future')=>({title:s,message:i,category:e}),no_booking_info:(i="No booking info provided")=>({title:s,message:i,category:e}),no_timeslot_selected:(i="No timeslot selected")=>({title:s,message:i,category:e}),no_booking_id:(i="No booking id provided")=>({title:s,message:i,category:e}),invalid_start_time:(i="Invalid start time")=>({title:s,message:i,category:e}),invalid_end_time:(i="Invalid end time")=>({title:s,message:i,category:e}),invalid_timezone:(i="Invalid timezone")=>({title:s,message:i,category:e})}},this.api=t=>{const e=exports.ErrorCategory.Api,s=`${t} error`;return{invalid_session:i=>({title:s,message:i,category:e}),general_error:i=>({title:s,message:i,category:e}),internal_error:i=>({title:s,message:i,category:e}),invalid_request_error:i=>({title:s,message:i,category:e}),timeslot_not_available:i=>({title:s,message:i,category:e})}}}}class B{constructor({schedulerAPIURL:t,schedulerStore:e,sessionId:s}){this.errors=new A,this.schedulerStore=e,this.schedulerAPIURL=t,this.sessionId=s}async makeAPIRequest(t,e,s,i={}){try{const r=new URL(this.schedulerAPIURL);return r.pathname=t,await(await fetch(decodeURIComponent(r.toString()),{method:e,headers:{"Content-Type":"application/json",...i},body:s})).json()}catch(r){return{error:{message:r.message,title:"API request failed",type:"api"}}}}selectDate(t){this.schedulerStore.set("selectedDate",t),this.schedulerStore.set("selectedTimeslot",null)}selectTime(t){this.schedulerStore.set("selectedTimeslot",t)}selectTimezone(t){this.schedulerStore.set("selectedTimezone",t)}toggleAdditionalData(t){this.schedulerStore.set("showBookingForm",t)}setParticipantName(t){const{bookingInfo:e}=this.schedulerStore.state;this.schedulerStore.set("bookingInfo",{...e,primaryParticipant:{...e==null?void 0:e.primaryParticipant,name:t}})}setParticipantEmail(t){const{bookingInfo:e}=this.schedulerStore.state;this.schedulerStore.set("bookingInfo",{...e,primaryParticipant:{...e==null?void 0:e.primaryParticipant,email:t}})}async setReschedule(t){const e=new Date;this.schedulerStore.set("rescheduleBookingId",t),this.schedulerStore.set("selectedTimeslot",null),this.schedulerStore.set("showThankYouMessage",!1),this.schedulerStore.set("showBookingForm",!1);const s=new Date(e.getFullYear(),e.getMonth(),1).getTime()/1e3,i=new Date(e.getFullYear(),e.getMonth()+1,1).getTime()/1e3,r=await this.getAvailability(s,i),a=this.schedulerStore.get("availability").find(S=>new Date(S.start_time)>new Date);let l=e;return a&&(l=a.start_time),this.schedulerStore.set("selectedDate",l),r}async setCancel(t){this.schedulerStore.set("cancelBookingId",t)}async bookTimeslot(t){var m;this.schedulerStore.set("isLoading",!0);const{selectedTimeslot:e,bookingInfo:s}=this.schedulerStore.state;if(!t&&!s)return{error:this.errors.component("Booking").no_booking_info()};const i=(t==null?void 0:t.timeslot)||e;if(!i)return{error:this.errors.component("Create Booking").no_timeslot_selected()};const r=t?t==null?void 0:t.primaryParticipant:s==null?void 0:s.primaryParticipant,a=t?(t==null?void 0:t.guests)||[]:(s==null?void 0:s.guests)||[],l=t?{...t==null?void 0:t.additionalFields,guests:a}:{...s==null?void 0:s.additionalFields,guests:a},S={Authorization:`Bearer ${this.sessionId}`},u="/v3/scheduling/bookings",c=await this.makeAPIRequest(decodeURIComponent(u),"POST",JSON.stringify({additional_fields:l,guest:{...r},start_time:i.start_time.getTime()/1e3,end_time:i.end_time.getTime()/1e3}),S);if("error"in c){this.schedulerStore.set("isLoading",!1);const h=(m=c.error)==null?void 0:m.type;let o=c.error;return h&&h in this.errors.api("Create Booking")&&(o=this.errors.api("Create Booking")[h]((o==null?void 0:o.message)||(o==null?void 0:o.title)||"Something went wrong")),{error:o}}return"data"in c&&this.schedulerStore.set("eventInfo",c==null?void 0:c.data),this.schedulerStore.set("isLoading",!1),c}async getAvailability(t=0,e=0){var c,m,h;this.schedulerStore.set("isLoading",!0);const s=new URLSearchParams,i=new Date,r=i.getTime();if(e&&e<r/1e3)return this.schedulerStore.set("isLoading",!1),{error:this.errors.component("Get Availability").endtime_not_in_future()};if(!t){const o=new Date(i.getFullYear(),i.getMonth(),1);t=Math.floor(o.getTime()/1e3)}if(!e){const o=new Date(i.getFullYear(),i.getMonth()+1,0);e=Math.floor(o.getTime()/1e3)}s.append("start_time",encodeURIComponent(t.toString())),s.append("end_time",encodeURIComponent(e.toString()));const a=s.toString(),l=`/v3/scheduling/availability${a?`?${a}`:""}`,S={Authorization:`Bearer ${this.sessionId}`},u=await this.makeAPIRequest(decodeURIComponent(l),"GET",void 0,S);if("error"in u){this.schedulerStore.set("availability",[]),this.schedulerStore.set("isLoading",!1);const o=(c=u.error)==null?void 0:c.type;let d=u.error;return o&&o in this.errors.api("Get Availability")&&(d=this.errors.api("Get Availability")[o]((d==null?void 0:d.message)||(d==null?void 0:d.title)||"Something went wrong")),{error:d}}if("data"in u){const d=(((h=(m=u.data)==null?void 0:m.time_slots)==null?void 0:h.map(g=>({...g,start_time:new Date(g.start_time*1e3),end_time:new Date(g.end_time*1e3)})))||[]).filter(g=>g.start_time.getTime()>r);this.schedulerStore.set("availability",d)}return this.schedulerStore.set("isLoading",!1),u}async cancelBooking(t){var r;if(this.schedulerStore.set("isLoading",!0),!t)return{error:this.errors.component("Cancel Booking").no_booking_id()};const e=`/v3/scheduling/bookings/${t}`,s={Authorization:`Bearer ${this.sessionId}`},i=await this.makeAPIRequest(decodeURIComponent(e),"PUT",JSON.stringify({action:"cancel"}),s);if("error"in i){this.schedulerStore.set("isLoading",!1);const a=(r=i.error)==null?void 0:r.type;let l=i.error;return a&&a in this.errors.api("Cancel Booking")&&(l=this.errors.api("Cancel Booking")[a]((l==null?void 0:l.message)||(l==null?void 0:l.title)||"Something went wrong")),{error:l}}return"data"in i&&this.schedulerStore.set("cancelledEvent",i==null?void 0:i.data),this.schedulerStore.set("isLoading",!1),i}async rescheduleBooking(t,e){var y;if(this.schedulerStore.set("isLoading",!0),!t)return{error:this.errors.component("Reschedule Booking").no_booking_id()};const s=this.errors.api("Reschedule Booking"),i=this.errors.component("Reschedule Booking"),{bookingInfo:r,selectedTimeslot:a,selectedTimezone:l}=this.schedulerStore.state,{startTime:S,endTime:u,timezone:c}=e,m=S||(a==null?void 0:a.start_time);if(!m)return{error:i.invalid_start_time('Please pass "startTime" in data or set "selectedTimeslot" in the defaultSchedulerStoreState.')};const h=u||(a==null?void 0:a.end_time);if(!h)return{error:i.invalid_end_time('Please pass "endTime" in data or set "selectedTimeslot" in the defaultSchedulerStoreState.')};const o=c||l;if(!o)return{error:i.invalid_timezone('Please pass "timezone" in data or set "selectedTimezone" in the defaultSchedulerStoreState.')};const d=e?e==null?void 0:e.primaryParticipant:r==null?void 0:r.primaryParticipant,g=e?(e==null?void 0:e.guests)||[]:(r==null?void 0:r.guests)||[],k=e?{...e==null?void 0:e.additionalFields,guests:g}:{...r==null?void 0:r.additionalFields,guests:g},T=`/v3/scheduling/bookings/${t}`,P={Authorization:`Bearer ${this.sessionId}`},_=await this.makeAPIRequest(decodeURIComponent(T),"PATCH",JSON.stringify({start_time:m.getTime()/1e3,end_time:h.getTime()/1e3,time_zone:o,additional_fields:k,guest:{...d}}),P);if("error"in _){this.schedulerStore.set("isLoading",!1);const p=(y=_.error)==null?void 0:y.type;let f=_.error;p&&p in s&&(f=s[p]((f==null?void 0:f.message)||(f==null?void 0:f.title)||"Something went wrong"))}return"data"in _&&this.schedulerStore.set("eventInfo",_==null?void 0:_.data),this.schedulerStore.set("isLoading",!1),_}}function C(n={}){const t={selectedDate:null,selectedLanguage:navigator.language,selectedTimezone:Intl.DateTimeFormat().resolvedOptions().timeZone,selectedTimeslot:null,showBookingForm:!1,showThankYouMessage:!1,selectableDates:null,availability:[],state:"ready",eventInfo:null,cancelledEvent:null,isLoading:!1,...n};v.debug("[defaultNylasStoreState]: ",t);const e=D.createStore(t);return e.onChange("availability",s=>{v.debug("[availability]: ",s);const i=s.map(r=>r.start_time);v.debug("[selectableDates]: ",i),e.set("selectableDates",i)}),e.onChange("rescheduleBookingId",s=>{s?e.set("bookingFlow","rescheduling"):e.set("bookingFlow","booking")}),e.reset=()=>{for(const s in t){const i=t[s];e.set(s,i)}},e}exports.CreateNylasSchedulerStore=C;exports.NylaSchedulerAPIConnector=B;

package/dist/warning-icon.entry-9631cd2e.js

@@ -1,15 +0,0 @@
-import { r as a, h as n } from "./index-e834697b.js";
-import "react";
-import "react-dom";
-const e = ".sc-warning-icon-h{display:flex}", r = e, c = class {
-  constructor(t) {
-    a(this, t), this.width = "16", this.height = "16";
-  }
-  render() {
-    return n("svg", { key: "4ecc01f0f2e9342fc00493720c51fea65e85fc17", width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "432ca7415d9e54797b602b44293e5bc3774801a4", d: "M10.149 7.054a.5.5 0 0 1 .5.5v4a.5.5 0 1 1-1 0v-4a.5.5 0 0 1 .5-.5Zm0 7.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM8.834 2.906a1.5 1.5 0 0 1 2.63 0l6.558 11.925a1.5 1.5 0 0 1-1.314 2.223H3.59a1.5 1.5 0 0 1-1.314-2.223L8.834 2.906Zm1.753.482a.5.5 0 0 0-.876 0L3.15 15.313a.5.5 0 0 0 .439.741h13.117a.5.5 0 0 0 .439-.741l-6.56-11.925Z", fill: "currentColor" }));
-  }
-};
-c.style = r;
-export {
-  c as warning_icon
-};