@nylas/react 1.0.1-prealpha1 → 1.0.2-prealpha1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/dist/{add-circle-icon.entry-c5fdaa6f.cjs → add-circle-icon.entry-2ccb238b.cjs} +1 -1
  2. package/dist/{add-circle-icon.entry-4b8debfa.js → add-circle-icon.entry-35d6aa07.js} +1 -1
  3. package/dist/{archive-icon_7.entry-baecb43c.cjs → archive-icon_7.entry-84d70dbf.cjs} +1 -1
  4. package/dist/{archive-icon_7.entry-9f3eca2c.js → archive-icon_7.entry-91aaa1aa.js} +1 -1
  5. package/dist/{arrow-icon.entry-9ab0c414.cjs → arrow-icon.entry-400a08fa.cjs} +1 -1
  6. package/dist/{arrow-icon.entry-a3b36218.js → arrow-icon.entry-8b2e96a6.js} +1 -1
  7. package/dist/{bold-icon_3.entry-b0d81839.js → bold-icon_3.entry-4b2798a8.js} +1 -1
  8. package/dist/{bold-icon_3.entry-50406bc7.cjs → bold-icon_3.entry-9ad35153.cjs} +1 -1
  9. package/dist/{calendar-cancel-icon.entry-0d07e33c.js → calendar-cancel-icon.entry-83ba884a.js} +1 -1
  10. package/dist/{calendar-cancel-icon.entry-8f498984.cjs → calendar-cancel-icon.entry-fcb66929.cjs} +1 -1
  11. package/dist/{calendar-check-icon_3.entry-cfb612c6.js → calendar-check-icon_3.entry-903e2d82.js} +1 -1
  12. package/dist/{calendar-check-icon_3.entry-5415e916.cjs → calendar-check-icon_3.entry-a16ce05e.cjs} +1 -1
  13. package/dist/{calendar-icon.entry-219efd7a.cjs → calendar-icon.entry-7bae38d7.cjs} +1 -1
  14. package/dist/{calendar-icon.entry-e5f20598.js → calendar-icon.entry-8f38af4a.js} +1 -1
  15. package/dist/{chevron-icon.entry-3c709061.cjs → chevron-icon.entry-58366662.cjs} +1 -1
  16. package/dist/{chevron-icon.entry-f5d5d1b1.js → chevron-icon.entry-5e11cef5.js} +1 -1
  17. package/dist/{close-icon_2.entry-eca351c4.js → close-icon_2.entry-011d9cf4.js} +1 -1
  18. package/dist/{close-icon_2.entry-fa4f6d3e.cjs → close-icon_2.entry-83088b9a.cjs} +1 -1
  19. package/dist/{document-refresh-icon.entry-3a29a6e6.cjs → document-refresh-icon.entry-071ffd66.cjs} +1 -1
  20. package/dist/{document-refresh-icon.entry-89ad42fa.js → document-refresh-icon.entry-9083a2e9.js} +1 -1
  21. package/dist/{forward-icon_6.entry-ce725f05.cjs → forward-icon_6.entry-3345af84.cjs} +1 -1
  22. package/dist/{forward-icon_6.entry-0a6dff18.js → forward-icon_6.entry-b60fcb35.js} +2 -2
  23. package/dist/{globe-icon.entry-a0c9599a.cjs → globe-icon.entry-8325e73e.cjs} +1 -1
  24. package/dist/{globe-icon.entry-71414bc6.js → globe-icon.entry-e3fd373f.js} +1 -1
  25. package/dist/{index-586a4206.cjs → index-3b6f5cd5.cjs} +1 -1
  26. package/dist/{index-98d3a4da.js → index-630f4e87.js} +28 -28
  27. package/dist/{index-b30d446a-e0eaccad.js → index-b30d446a-a90f84b2.js} +1 -1
  28. package/dist/{index-b30d446a-3d69a3cc.cjs → index-b30d446a-cbbef925.cjs} +1 -1
  29. package/dist/{loading-icon.entry-15debb7d.js → loading-icon.entry-27410cf8.js} +1 -1
  30. package/dist/{loading-icon.entry-d2680046.cjs → loading-icon.entry-b2096d2b.cjs} +1 -1
  31. package/dist/{mailbox-store-19f0c6c9-9a3ef58a.cjs → mailbox-store-19f0c6c9-a0cbfa97.cjs} +1 -1
  32. package/dist/{mailbox-store-19f0c6c9-23a4e72f.js → mailbox-store-19f0c6c9-e3e8b4e5.js} +1 -1
  33. package/dist/{nylas-booked-event-card_10.entry-f2481a57.js → nylas-booked-event-card_10.entry-7e66a648.js} +3 -3
  34. package/dist/{nylas-booked-event-card_10.entry-27efa654.cjs → nylas-booked-event-card_10.entry-ed515326.cjs} +2 -2
  35. package/dist/{nylas-if-state_3.entry-6c0bf8eb.cjs → nylas-if-state_3.entry-504be976.cjs} +1 -1
  36. package/dist/{nylas-if-state_3.entry-d805d4c6.js → nylas-if-state_3.entry-e96d01f1.js} +4 -4
  37. package/dist/{nylas-list-folders.entry-cc04a07e.cjs → nylas-list-folders.entry-866361cc.cjs} +1 -1
  38. package/dist/{nylas-list-folders.entry-472bd255.js → nylas-list-folders.entry-a5437201.js} +2 -2
  39. package/dist/{nylas-list-threads.entry-795c5a2b.cjs → nylas-list-threads.entry-04989295.cjs} +1 -1
  40. package/dist/{nylas-list-threads.entry-f3266bf7.js → nylas-list-threads.entry-fd6cda61.js} +2 -2
  41. package/dist/{nylas-mailbox-pagination.entry-bd0d3bda.js → nylas-mailbox-pagination.entry-988214bc.js} +2 -2
  42. package/dist/{nylas-mailbox-pagination.entry-f701fd83.cjs → nylas-mailbox-pagination.entry-e0bd4aef.cjs} +1 -1
  43. package/dist/{nylas-mailbox-toolbar-button.entry-b9d6a3c8.cjs → nylas-mailbox-toolbar-button.entry-3d772b26.cjs} +1 -1
  44. package/dist/{nylas-mailbox-toolbar-button.entry-9641b5cd.js → nylas-mailbox-toolbar-button.entry-c720e22a.js} +2 -2
  45. package/dist/{nylas-open-hours-picker.entry-42942946.js → nylas-open-hours-picker.entry-6bdc7c73.js} +1 -1
  46. package/dist/{nylas-open-hours-picker.entry-aa103daf.cjs → nylas-open-hours-picker.entry-881b6db7.cjs} +1 -1
  47. package/dist/{nylas-provider.entry-b94198a1.js → nylas-provider.entry-70721009.js} +4 -4
  48. package/dist/{nylas-provider.entry-5bb55b2d.cjs → nylas-provider.entry-8d9a844b.cjs} +1 -1
  49. package/dist/{nylas-scheduler.entry-3b7cb841.js → nylas-scheduler.entry-7321e18f.js} +3 -3
  50. package/dist/{nylas-scheduler.entry-ea6fb146.cjs → nylas-scheduler.entry-e82977fb.cjs} +1 -1
  51. package/dist/{nylas-threads-refresh.entry-4002608b.cjs → nylas-threads-refresh.entry-477e68e4.cjs} +1 -1
  52. package/dist/{nylas-threads-refresh.entry-7d567ed1.js → nylas-threads-refresh.entry-b7f9e93f.js} +2 -2
  53. package/dist/{nylas-threads-search.entry-c881d54b.js → nylas-threads-search.entry-95afea9c.js} +2 -2
  54. package/dist/{nylas-threads-search.entry-556f1219.cjs → nylas-threads-search.entry-c5854641.cjs} +1 -1
  55. package/dist/{nylas-view-thread.entry-d8de6c83.js → nylas-view-thread.entry-165173b1.js} +2 -2
  56. package/dist/{nylas-view-thread.entry-6faf1b51.cjs → nylas-view-thread.entry-8b72cbdb.cjs} +1 -1
  57. package/dist/{play-icon_2.entry-cae94826.js → play-icon_2.entry-ed5877e3.js} +1 -1
  58. package/dist/{play-icon_2.entry-2e21b8b9.cjs → play-icon_2.entry-f23ed6c1.cjs} +1 -1
  59. package/dist/react.cjs +1 -1
  60. package/dist/react.js +1 -1
  61. package/dist/{refresh-icon.entry-3e0aef26.cjs → refresh-icon.entry-601cac89.cjs} +1 -1
  62. package/dist/{refresh-icon.entry-9563850b.js → refresh-icon.entry-e48a338f.js} +1 -1
  63. package/dist/{register-component-152c6ad2-b0d34c36.cjs → register-component-152c6ad2-0df7215b.cjs} +1 -1
  64. package/dist/{register-component-152c6ad2-418db864.js → register-component-152c6ad2-a06f58c2.js} +1 -1
  65. package/dist/{scheduler-store-7d48e682-39104219.js → scheduler-store-7d48e682-0c0c3991.js} +1 -1
  66. package/dist/{scheduler-store-7d48e682-449277d4.cjs → scheduler-store-7d48e682-674705ef.cjs} +1 -1
  67. package/dist/{search-icon_3.entry-e36548ec.js → search-icon_3.entry-292138c3.js} +1 -1
  68. package/dist/{search-icon_3.entry-9b027cfc.cjs → search-icon_3.entry-8e555357.cjs} +1 -1
  69. package/package.json +1 -1
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-586a4206.cjs"),w=require("./register-component-152c6ad2-b0d34c36.cjs"),i=require("./utils-5074a070-d5ba6add.cjs");require("react");require("react-dom");function f(t,a,s,o,r){if(!o||!s||s.children.length>0)return;i.debug("[nylas-view-thread] Rendering email",{message:t,attachments:a,viewEmailElement:o});const n=o.cloneNode(!0);n.message=t.data,n.parent=r,s.appendChild(n)}const m=({viewEmailElement:t,message:a,attachments:s,onMessageClick:o,onShowContactDataClick:r,parent:n})=>{var d,l,h,u,v,y,b;return e.h(e.Fragment,null,e.h("div",{key:a.id,class:"message"},e.h("div",{class:"sub-header","data-id":a.data.id,onClick:o},e.h("div",{class:"avatar"},a.data.from&&((d=a.data.from[0])==null?void 0:d.name)&&((h=(l=a.data.from[0])==null?void 0:l.name[0])==null?void 0:h.toUpperCase())),e.h("div",{class:"from"},e.h("span",{class:"name"},a.data.from&&((u=a.data.from[0])==null?void 0:u.name))," ",e.h("span",{class:"email"},a.data.from&&((v=a.data.from[0])==null?void 0:v.email))),e.h("div",{class:"date"},new Date(a.data.date*1e3).toLocaleTimeString(void 0,{timeStyle:"short"})," ","(",i.formatTimeAgo(new Date(a.data.date*1e3)),")"),e.h("sp-button-group",{class:"buttons"},e.h("nylas-summarize-message-button",{message:a.data})),a.collapse&&e.h("div",{class:"snippet"},a.data.snippet),!a.collapse&&a.data.to&&e.h("div",{class:"to"},e.h("span",null,"to")," ",i.formatParticipants(a.data.to)," ",e.h("button",{type:"button",value:a.data.id,onClick:r,class:{expand:!0,"expand--showContactData":a.showContactData}},e.h("chevron-icon",null)))),a.showContactData&&e.h("div",{class:"address-info"},e.h("div",{class:"label"},"From"),e.h("div",{class:"value"},i.formatRecipient((y=a.data)!=null&&y.from?(b=a==null?void 0:a.data)==null?void 0:b.from[0]:{name:"",email:""})),a.data.to&&e.h(e.Fragment,null,e.h("div",{class:"label"},"To"),e.h("div",{class:"value"},a.data.to.map(c=>e.h("div",null,i.formatRecipient(c))))),typeof a.data.cc<"u"&&a.data.cc.length>0&&e.h(e.Fragment,null,e.h("div",{class:"label"},"CC"),e.h("div",{class:"value"},a.data.cc.map(c=>e.h("div",null,i.formatRecipient(c)))))),!a.collapse&&t&&e.h("div",{key:a.id,ref:c=>f(a,s,c,t,n)}),!a.collapse&&!t&&e.h("nylas-view-email",{key:a.id,message:a.data,parent:n})),e.h("hr",null))},C=':host{display:block;font-size:inherit}.avatar{z-index:1;border-radius:100%;background-color:var(--nylas-color-primary-200);height:40px;width:40px;align-items:center;display:flex;justify-content:center;border:1px solid var(--nylas-color-primary-200)}.view-thread{display:grid;grid-auto-flow:row;width:100%}.view-thread .header{display:grid;grid-gap:1rem;align-items:center;margin-bottom:1rem}.view-thread .header .subject{font-size:1.25rem;font-weight:600;line-height:1.5rem}.view-thread .header .folders{display:grid;grid-auto-flow:column;grid-auto-columns:min-content;overflow-x:auto;gap:1rem}.view-thread .header .folders .folder{padding:0 0.5rem;font-size:0.9rem;color:var(--nylas-color-primary-900);background-color:var(--nylas-color-primary-300)}.view-thread .messages{display:grid;gap:1rem}.view-thread .messages hr{margin:0;width:100%;border:1px solid var(--nylas-color-primary-200)}.view-thread .messages hr:last-of-type{display:none}.view-thread .messages .message{display:grid;grid-auto-flow:row;gap:1rem}.view-thread .messages .message:last-of-type .sub-header{cursor:default}.view-thread .messages .message .sub-header{display:grid;grid-template:"avatar from date buttons" "avatar to to buttons";grid-column-gap:1rem;grid-template-columns:auto 1fr auto auto;cursor:pointer}.view-thread .messages .message .sub-header>*{pointer-events:none}.view-thread .messages .message .sub-header .avatar{grid-area:avatar}.view-thread .messages .message .sub-header .from{grid-area:from}.view-thread .messages .message .sub-header .from span.email{display:none;color:var(--nylas-color-primary-400);font-weight:600}.view-thread .messages .message .sub-header .buttons{grid-area:buttons;align-self:center}.view-thread .messages .message .sub-header .buttons *{pointer-events:all}.view-thread .messages .message .sub-header .date{grid-area:date;align-self:center;color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .snippet{width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--nylas-color-primary-600)}.view-thread .messages .message .sub-header .to{grid-area:to;color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .to>span{color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .to button{border:0;background-color:transparent;cursor:pointer;pointer-events:all;padding:0;margin:0}.view-thread .messages .message .sub-header .to button>*{pointer-events:none}.view-thread .messages .message .sub-header .to button chevron-icon{display:inline-table;fill:var(--nylas-color-primary-400);width:15px;height:15px;vertical-align:middle}.view-thread .messages .message .sub-header .to button chevron-icon svg{width:15px;height:15px;transform:rotate(90deg)}.view-thread .messages .message .sub-header .to button.expand--showContactData chevron-icon svg{transform:rotate(270deg)}.view-thread .messages .message .address-info{display:grid;column-gap:1rem;row-gap:0.5rem;grid-template-columns:auto 1fr;grid-template-rows:1fr;padding:1rem 2rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-color-primary-200);align-items:flex-start;color:var(--nylas-color-primary-600)}.view-thread .messages .message .address-info .label{color:var(--nylas-color-primary-400);font-weight:600}.show-more{position:relative;display:flex;width:100%}.show-more .sr-only{display:none}.show-more button{position:relative;display:inline-flex;width:100%;padding:0;border:0;background-color:transparent;cursor:pointer;text-align:left;overflow:hidden}.show-more button span{border:1px solid var(--nylas-color-primary-400)}.show-more button:hover span{background-color:var(--nylas-color-primary-700)}.show-more button::after{border-top:1px solid rgba(100, 121, 143, 0.122);border-bottom:1px solid rgba(100, 121, 143, 0.122);content:"";height:4px;width:100%;position:absolute;top:50%}.loading{position:absolute;width:100%;height:100%;background-color:var(--loading__background-color);top:0;bottom:0;left:0;z-index:1;display:grid;justify-content:center;align-items:center;font-weight:600;overflow:hidden}.reply-buttons{display:grid;grid-auto-flow:column;grid-auto-columns:min-content;gap:1rem;margin-top:1rem}.reply-buttons sp-button{border-radius:var(--nylas-border-radius);background-color:var(--nylas-color-primary-400);color:var(--nylas-color-primary-900);fill:var(--nylas-color-primary-900)}.reply-buttons sp-button:hover{background-color:var(--nylas-color-primary-500)}.reply-buttons sp-button:disabled{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);cursor:not-allowed}.reply-buttons sp-button chevron-icon{display:inline-block}@media only screen and (min-width: 768px){.view-thread .messages .message .sub-header .from span.email{display:inline}}',k=C;var M=function(t,a,s,o){var r=arguments.length,n=r<3?a:o===null?o=Object.getOwnPropertyDescriptor(a,s):o,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(t,a,s,o);else for(var l=t.length-1;l>=0;l--)(d=t[l])&&(n=(r<3?d(n):r>3?d(a,s,n):d(a,s))||n);return r>3&&n&&Object.defineProperty(a,s,n),n},p=function(t,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(t,a)};const g=class{constructor(t){e.registerInstance(this,t),this.threadSelected=e.createEvent(this,"threadSelected",7),this.showContactDataClicked=e.createEvent(this,"showContactDataClicked",7),this.messageClicked=e.createEvent(this,"messageClicked",7),this.nylasViewEmailElement=null,this.nylasComposerElement=null,this.onShowContactDataClick=a=>{a.stopPropagation();const o=a.target.value,r=this.internalMessages.find(d=>d.data.id===o);if(!r){i.debug(`[nylas-view-thread] Could not find message ${o}`);return}this.showContactDataClicked.emit(r.data).defaultPrevented||(r.showContactData=!r.showContactData,this.internalMessages=[...this.internalMessages]),i.debug(`[nylas-view-thread] show contact data clicked ${o} ${r.showContactData?"collapsed":"expanded"}`)},this.onMessageClick=a=>{var d;const o=a.target.dataset.id,r=this.internalMessages.find(l=>l.data.id===o);if(!r){i.debug(`[nylas-view-thread] Could not find message ${o}`);return}this.messageClicked.emit(r.data).defaultPrevented||(r.id!==((d=this.internalMessages[this.internalMessages.length-1])==null?void 0:d.id)&&(r.collapse=!r.collapse,r.collapse&&(r.showContactData=!1)),this.internalMessages=[...this.internalMessages]),i.debug(`[nylas-view-thread] message clicked ${o} ${r.collapse?"collapsed":"expanded"}`)},this.onShowAllEmailsClick=()=>{this.showAllEmails=!this.showAllEmails},this.showComposerClick=()=>{this.showComposer=!this.showComposer},this.draft=void 0,this.thread=void 0,this.messages=[],this.attachments=[],this.state="loading",this.internalMessages=[],this.showAllEmails=!1,this.showComposer=!1}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){i.debug("[nylas-view-thread] Component will load"),this.updateInternalMessages(this.messages);const t=this.host.querySelector("template.nylas-view-email");if(!t){i.debug("[nylas-view-thread] Could not find template");return}const a=document.importNode(t.content,!0);this.nylasViewEmailElement=a.querySelector("nylas-view-email");const s=this.host.querySelector("template.nylas-composer");if(!s){i.debug("[nylas-view-thread] Could not find composer template");return}const o=document.importNode(s.content,!0);this.nylasComposerElement=o.querySelector("nylas-composer")}async componentDidLoad(){i.debug("[nylas-view-thread] Component did load")}async threadChanged(t){i.debug("[nylas-view-thread] Thread changed",{thread:t}),this.internalMessages=[],this.threadSelected.emit(t).defaultPrevented||i.debug("[nylas-view-thread] Default event not prevented, initializing")}updateInternalMessages(t){i.debug("[nylas-view-thread] Updating internal messages",{messages:t});const a=t.sort((s,o)=>s.date>o.date?1:-1).map((s,o)=>({id:s.id,data:s,collapse:o!==t.length-1,showContactData:!1}));this.internalMessages=a}render(){var r,n,d;const t=this.internalMessages.length>2?this.internalMessages[0]:null,a=this.internalMessages.slice(this.internalMessages.length-2,this.internalMessages.length),s=this.internalMessages.slice(1,this.internalMessages.length-2),o=this.internalMessages[this.internalMessages.length-1];return e.h(e.Host,{key:"0bb124ce159dd13b929574d159b15c07ab1d6ac2"},e.h("sp-theme",{key:"ad8bbcceb405fc841ee0a5743bfbd025c1097725",scale:"medium",color:"dark"},e.h("div",{key:"e4ddbcdffd5a5cd6a3b1630779e3aadcecdfb437",class:"view-thread"},e.h("div",{key:"b9e6607a0ede36ee3b571461ec35dd01438ec6f1",class:"header"},e.h("div",{key:"d34f199c2585fb5aec3b3f53c3f94e9282b89a76",class:"subject"},(r=this.thread)==null?void 0:r.subject),e.h("div",{key:"9feca4265e39206945d0b208f2c48d9d3ab3972e",class:"folders"},(d=(n=this.thread)==null?void 0:n.folders)==null?void 0:d.map(l=>e.h("sp-tag",{size:"s"},i.toTitleCase(l.replace("CATEGORY_","").replace("_"," ")))))),e.h("div",{key:"6b6d657df61e2e1e1a2a6cbb86735828a71bd436",class:"messages"},t&&e.h(m,{message:t,attachments:this.attachments.filter(l=>l.messageId===t.id),onMessageClick:this.onMessageClick,onShowContactDataClick:this.onShowContactDataClick,parent:this.host,viewEmailElement:this.nylasViewEmailElement,composerElement:this.nylasComposerElement}),s.length>0&&this.messages.length>1&&!this.showAllEmails&&a.length>0&&e.h(e.Fragment,null,e.h("div",{class:"show-more"},e.h("button",{type:"button",onClick:this.onShowAllEmailsClick},e.h("span",{class:"avatar"},s.length)," ",e.h("span",{class:"sr-only"},"Show ",s.length," more emails"))),e.h("hr",null)),s.length>0&&this.showAllEmails&&this.messages.length>2&&s.map(l=>e.h(m,{message:l,attachments:this.attachments.filter(h=>h.messageId===(t==null?void 0:t.id)),onMessageClick:this.onMessageClick,onShowContactDataClick:this.onShowContactDataClick,parent:this.host,viewEmailElement:this.nylasViewEmailElement,composerElement:this.nylasComposerElement})),a.length>0&&a.map(l=>e.h(m,{message:l,attachments:this.attachments.filter(h=>h.messageId===(t==null?void 0:t.id)),onMessageClick:this.onMessageClick,onShowContactDataClick:this.onShowContactDataClick,parent:this.host,viewEmailElement:this.nylasViewEmailElement,composerElement:this.nylasComposerElement}))),!(this.showComposer&&o)&&e.h("div",{class:"reply-buttons"},e.h("sp-button",{variant:"cta",type:"button",onClick:this.showComposerClick},e.h("span",{slot:"icon"},e.h("reply-icon",null)),e.h("span",null,"Reply")),e.h("sp-button",{variant:"cta",type:"button"},e.h("span",{slot:"icon"},e.h("reply-all-icon",null)),e.h("span",null,"Reply All")),e.h("sp-button",{variant:"cta",type:"button"},e.h("span",{slot:"icon"},e.h("forward-icon",null)),e.h("span",null,"Forward"))),this.showComposer&&o&&e.h("div",{class:"composer"},e.h("nylas-composer",{message:o.data,onClose:this.showComposerClick,onSend:l=>{i.debug("[nylas-view-thread] Send event",{message:l.detail.message,replyBody:l.detail.replyBody})}})))))}get host(){return e.getElement(this)}static get watchers(){return{thread:["threadChanged"],messages:["updateInternalMessages"]}}};M([w.RegisterComponent({name:"nylas-view-thread",stateToProps:new Map([["mailbox.selectedThread","thread"],["mailbox.messages","messages"],["mailbox.state","state"]]),eventToProps:{threadSelected:async(t,a)=>{i.debug("[nylas-view-thread] Nylas init event. Fetching thread messages.",{event:t});const s=t.detail;s&&s.id&&await a.messages.getThreadMessages(s.id)}},fireRegisterEvent:!0}),p("design:type",Function),p("design:paramtypes",[]),p("design:returntype",void 0)],g.prototype,"render",null);g.style=k;exports.nylas_view_thread=g;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-3b6f5cd5.cjs"),w=require("./register-component-152c6ad2-0df7215b.cjs"),i=require("./utils-5074a070-d5ba6add.cjs");require("react");require("react-dom");function f(t,a,s,o,r){if(!o||!s||s.children.length>0)return;i.debug("[nylas-view-thread] Rendering email",{message:t,attachments:a,viewEmailElement:o});const n=o.cloneNode(!0);n.message=t.data,n.parent=r,s.appendChild(n)}const m=({viewEmailElement:t,message:a,attachments:s,onMessageClick:o,onShowContactDataClick:r,parent:n})=>{var d,l,h,u,v,y,b;return e.h(e.Fragment,null,e.h("div",{key:a.id,class:"message"},e.h("div",{class:"sub-header","data-id":a.data.id,onClick:o},e.h("div",{class:"avatar"},a.data.from&&((d=a.data.from[0])==null?void 0:d.name)&&((h=(l=a.data.from[0])==null?void 0:l.name[0])==null?void 0:h.toUpperCase())),e.h("div",{class:"from"},e.h("span",{class:"name"},a.data.from&&((u=a.data.from[0])==null?void 0:u.name))," ",e.h("span",{class:"email"},a.data.from&&((v=a.data.from[0])==null?void 0:v.email))),e.h("div",{class:"date"},new Date(a.data.date*1e3).toLocaleTimeString(void 0,{timeStyle:"short"})," ","(",i.formatTimeAgo(new Date(a.data.date*1e3)),")"),e.h("sp-button-group",{class:"buttons"},e.h("nylas-summarize-message-button",{message:a.data})),a.collapse&&e.h("div",{class:"snippet"},a.data.snippet),!a.collapse&&a.data.to&&e.h("div",{class:"to"},e.h("span",null,"to")," ",i.formatParticipants(a.data.to)," ",e.h("button",{type:"button",value:a.data.id,onClick:r,class:{expand:!0,"expand--showContactData":a.showContactData}},e.h("chevron-icon",null)))),a.showContactData&&e.h("div",{class:"address-info"},e.h("div",{class:"label"},"From"),e.h("div",{class:"value"},i.formatRecipient((y=a.data)!=null&&y.from?(b=a==null?void 0:a.data)==null?void 0:b.from[0]:{name:"",email:""})),a.data.to&&e.h(e.Fragment,null,e.h("div",{class:"label"},"To"),e.h("div",{class:"value"},a.data.to.map(c=>e.h("div",null,i.formatRecipient(c))))),typeof a.data.cc<"u"&&a.data.cc.length>0&&e.h(e.Fragment,null,e.h("div",{class:"label"},"CC"),e.h("div",{class:"value"},a.data.cc.map(c=>e.h("div",null,i.formatRecipient(c)))))),!a.collapse&&t&&e.h("div",{key:a.id,ref:c=>f(a,s,c,t,n)}),!a.collapse&&!t&&e.h("nylas-view-email",{key:a.id,message:a.data,parent:n})),e.h("hr",null))},C=':host{display:block;font-size:inherit}.avatar{z-index:1;border-radius:100%;background-color:var(--nylas-color-primary-200);height:40px;width:40px;align-items:center;display:flex;justify-content:center;border:1px solid var(--nylas-color-primary-200)}.view-thread{display:grid;grid-auto-flow:row;width:100%}.view-thread .header{display:grid;grid-gap:1rem;align-items:center;margin-bottom:1rem}.view-thread .header .subject{font-size:1.25rem;font-weight:600;line-height:1.5rem}.view-thread .header .folders{display:grid;grid-auto-flow:column;grid-auto-columns:min-content;overflow-x:auto;gap:1rem}.view-thread .header .folders .folder{padding:0 0.5rem;font-size:0.9rem;color:var(--nylas-color-primary-900);background-color:var(--nylas-color-primary-300)}.view-thread .messages{display:grid;gap:1rem}.view-thread .messages hr{margin:0;width:100%;border:1px solid var(--nylas-color-primary-200)}.view-thread .messages hr:last-of-type{display:none}.view-thread .messages .message{display:grid;grid-auto-flow:row;gap:1rem}.view-thread .messages .message:last-of-type .sub-header{cursor:default}.view-thread .messages .message .sub-header{display:grid;grid-template:"avatar from date buttons" "avatar to to buttons";grid-column-gap:1rem;grid-template-columns:auto 1fr auto auto;cursor:pointer}.view-thread .messages .message .sub-header>*{pointer-events:none}.view-thread .messages .message .sub-header .avatar{grid-area:avatar}.view-thread .messages .message .sub-header .from{grid-area:from}.view-thread .messages .message .sub-header .from span.email{display:none;color:var(--nylas-color-primary-400);font-weight:600}.view-thread .messages .message .sub-header .buttons{grid-area:buttons;align-self:center}.view-thread .messages .message .sub-header .buttons *{pointer-events:all}.view-thread .messages .message .sub-header .date{grid-area:date;align-self:center;color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .snippet{width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--nylas-color-primary-600)}.view-thread .messages .message .sub-header .to{grid-area:to;color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .to>span{color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .to button{border:0;background-color:transparent;cursor:pointer;pointer-events:all;padding:0;margin:0}.view-thread .messages .message .sub-header .to button>*{pointer-events:none}.view-thread .messages .message .sub-header .to button chevron-icon{display:inline-table;fill:var(--nylas-color-primary-400);width:15px;height:15px;vertical-align:middle}.view-thread .messages .message .sub-header .to button chevron-icon svg{width:15px;height:15px;transform:rotate(90deg)}.view-thread .messages .message .sub-header .to button.expand--showContactData chevron-icon svg{transform:rotate(270deg)}.view-thread .messages .message .address-info{display:grid;column-gap:1rem;row-gap:0.5rem;grid-template-columns:auto 1fr;grid-template-rows:1fr;padding:1rem 2rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-color-primary-200);align-items:flex-start;color:var(--nylas-color-primary-600)}.view-thread .messages .message .address-info .label{color:var(--nylas-color-primary-400);font-weight:600}.show-more{position:relative;display:flex;width:100%}.show-more .sr-only{display:none}.show-more button{position:relative;display:inline-flex;width:100%;padding:0;border:0;background-color:transparent;cursor:pointer;text-align:left;overflow:hidden}.show-more button span{border:1px solid var(--nylas-color-primary-400)}.show-more button:hover span{background-color:var(--nylas-color-primary-700)}.show-more button::after{border-top:1px solid rgba(100, 121, 143, 0.122);border-bottom:1px solid rgba(100, 121, 143, 0.122);content:"";height:4px;width:100%;position:absolute;top:50%}.loading{position:absolute;width:100%;height:100%;background-color:var(--loading__background-color);top:0;bottom:0;left:0;z-index:1;display:grid;justify-content:center;align-items:center;font-weight:600;overflow:hidden}.reply-buttons{display:grid;grid-auto-flow:column;grid-auto-columns:min-content;gap:1rem;margin-top:1rem}.reply-buttons sp-button{border-radius:var(--nylas-border-radius);background-color:var(--nylas-color-primary-400);color:var(--nylas-color-primary-900);fill:var(--nylas-color-primary-900)}.reply-buttons sp-button:hover{background-color:var(--nylas-color-primary-500)}.reply-buttons sp-button:disabled{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);cursor:not-allowed}.reply-buttons sp-button chevron-icon{display:inline-block}@media only screen and (min-width: 768px){.view-thread .messages .message .sub-header .from span.email{display:inline}}',k=C;var M=function(t,a,s,o){var r=arguments.length,n=r<3?a:o===null?o=Object.getOwnPropertyDescriptor(a,s):o,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(t,a,s,o);else for(var l=t.length-1;l>=0;l--)(d=t[l])&&(n=(r<3?d(n):r>3?d(a,s,n):d(a,s))||n);return r>3&&n&&Object.defineProperty(a,s,n),n},p=function(t,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(t,a)};const g=class{constructor(t){e.registerInstance(this,t),this.threadSelected=e.createEvent(this,"threadSelected",7),this.showContactDataClicked=e.createEvent(this,"showContactDataClicked",7),this.messageClicked=e.createEvent(this,"messageClicked",7),this.nylasViewEmailElement=null,this.nylasComposerElement=null,this.onShowContactDataClick=a=>{a.stopPropagation();const o=a.target.value,r=this.internalMessages.find(d=>d.data.id===o);if(!r){i.debug(`[nylas-view-thread] Could not find message ${o}`);return}this.showContactDataClicked.emit(r.data).defaultPrevented||(r.showContactData=!r.showContactData,this.internalMessages=[...this.internalMessages]),i.debug(`[nylas-view-thread] show contact data clicked ${o} ${r.showContactData?"collapsed":"expanded"}`)},this.onMessageClick=a=>{var d;const o=a.target.dataset.id,r=this.internalMessages.find(l=>l.data.id===o);if(!r){i.debug(`[nylas-view-thread] Could not find message ${o}`);return}this.messageClicked.emit(r.data).defaultPrevented||(r.id!==((d=this.internalMessages[this.internalMessages.length-1])==null?void 0:d.id)&&(r.collapse=!r.collapse,r.collapse&&(r.showContactData=!1)),this.internalMessages=[...this.internalMessages]),i.debug(`[nylas-view-thread] message clicked ${o} ${r.collapse?"collapsed":"expanded"}`)},this.onShowAllEmailsClick=()=>{this.showAllEmails=!this.showAllEmails},this.showComposerClick=()=>{this.showComposer=!this.showComposer},this.draft=void 0,this.thread=void 0,this.messages=[],this.attachments=[],this.state="loading",this.internalMessages=[],this.showAllEmails=!1,this.showComposer=!1}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){i.debug("[nylas-view-thread] Component will load"),this.updateInternalMessages(this.messages);const t=this.host.querySelector("template.nylas-view-email");if(!t){i.debug("[nylas-view-thread] Could not find template");return}const a=document.importNode(t.content,!0);this.nylasViewEmailElement=a.querySelector("nylas-view-email");const s=this.host.querySelector("template.nylas-composer");if(!s){i.debug("[nylas-view-thread] Could not find composer template");return}const o=document.importNode(s.content,!0);this.nylasComposerElement=o.querySelector("nylas-composer")}async componentDidLoad(){i.debug("[nylas-view-thread] Component did load")}async threadChanged(t){i.debug("[nylas-view-thread] Thread changed",{thread:t}),this.internalMessages=[],this.threadSelected.emit(t).defaultPrevented||i.debug("[nylas-view-thread] Default event not prevented, initializing")}updateInternalMessages(t){i.debug("[nylas-view-thread] Updating internal messages",{messages:t});const a=t.sort((s,o)=>s.date>o.date?1:-1).map((s,o)=>({id:s.id,data:s,collapse:o!==t.length-1,showContactData:!1}));this.internalMessages=a}render(){var r,n,d;const t=this.internalMessages.length>2?this.internalMessages[0]:null,a=this.internalMessages.slice(this.internalMessages.length-2,this.internalMessages.length),s=this.internalMessages.slice(1,this.internalMessages.length-2),o=this.internalMessages[this.internalMessages.length-1];return e.h(e.Host,{key:"0bb124ce159dd13b929574d159b15c07ab1d6ac2"},e.h("sp-theme",{key:"ad8bbcceb405fc841ee0a5743bfbd025c1097725",scale:"medium",color:"dark"},e.h("div",{key:"e4ddbcdffd5a5cd6a3b1630779e3aadcecdfb437",class:"view-thread"},e.h("div",{key:"b9e6607a0ede36ee3b571461ec35dd01438ec6f1",class:"header"},e.h("div",{key:"d34f199c2585fb5aec3b3f53c3f94e9282b89a76",class:"subject"},(r=this.thread)==null?void 0:r.subject),e.h("div",{key:"9feca4265e39206945d0b208f2c48d9d3ab3972e",class:"folders"},(d=(n=this.thread)==null?void 0:n.folders)==null?void 0:d.map(l=>e.h("sp-tag",{size:"s"},i.toTitleCase(l.replace("CATEGORY_","").replace("_"," ")))))),e.h("div",{key:"6b6d657df61e2e1e1a2a6cbb86735828a71bd436",class:"messages"},t&&e.h(m,{message:t,attachments:this.attachments.filter(l=>l.messageId===t.id),onMessageClick:this.onMessageClick,onShowContactDataClick:this.onShowContactDataClick,parent:this.host,viewEmailElement:this.nylasViewEmailElement,composerElement:this.nylasComposerElement}),s.length>0&&this.messages.length>1&&!this.showAllEmails&&a.length>0&&e.h(e.Fragment,null,e.h("div",{class:"show-more"},e.h("button",{type:"button",onClick:this.onShowAllEmailsClick},e.h("span",{class:"avatar"},s.length)," ",e.h("span",{class:"sr-only"},"Show ",s.length," more emails"))),e.h("hr",null)),s.length>0&&this.showAllEmails&&this.messages.length>2&&s.map(l=>e.h(m,{message:l,attachments:this.attachments.filter(h=>h.messageId===(t==null?void 0:t.id)),onMessageClick:this.onMessageClick,onShowContactDataClick:this.onShowContactDataClick,parent:this.host,viewEmailElement:this.nylasViewEmailElement,composerElement:this.nylasComposerElement})),a.length>0&&a.map(l=>e.h(m,{message:l,attachments:this.attachments.filter(h=>h.messageId===(t==null?void 0:t.id)),onMessageClick:this.onMessageClick,onShowContactDataClick:this.onShowContactDataClick,parent:this.host,viewEmailElement:this.nylasViewEmailElement,composerElement:this.nylasComposerElement}))),!(this.showComposer&&o)&&e.h("div",{class:"reply-buttons"},e.h("sp-button",{variant:"cta",type:"button",onClick:this.showComposerClick},e.h("span",{slot:"icon"},e.h("reply-icon",null)),e.h("span",null,"Reply")),e.h("sp-button",{variant:"cta",type:"button"},e.h("span",{slot:"icon"},e.h("reply-all-icon",null)),e.h("span",null,"Reply All")),e.h("sp-button",{variant:"cta",type:"button"},e.h("span",{slot:"icon"},e.h("forward-icon",null)),e.h("span",null,"Forward"))),this.showComposer&&o&&e.h("div",{class:"composer"},e.h("nylas-composer",{message:o.data,onClose:this.showComposerClick,onSend:l=>{i.debug("[nylas-view-thread] Send event",{message:l.detail.message,replyBody:l.detail.replyBody})}})))))}get host(){return e.getElement(this)}static get watchers(){return{thread:["threadChanged"],messages:["updateInternalMessages"]}}};M([w.RegisterComponent({name:"nylas-view-thread",stateToProps:new Map([["mailbox.selectedThread","thread"],["mailbox.messages","messages"],["mailbox.state","state"]]),eventToProps:{threadSelected:async(t,a)=>{i.debug("[nylas-view-thread] Nylas init event. Fetching thread messages.",{event:t});const s=t.detail;s&&s.id&&await a.messages.getThreadMessages(s.id)}},fireRegisterEvent:!0}),p("design:type",Function),p("design:paramtypes",[]),p("design:returntype",void 0)],g.prototype,"render",null);g.style=k;exports.nylas_view_thread=g;
@@ -1,4 +1,4 @@
1
- import { r as e, h as t } from "./index-98d3a4da.js";
1
+ import { r as e, h as t } from "./index-630f4e87.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const o = ".sc-play-icon-h{display:flex}", i = o, c = class {
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-586a4206.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:"ddd1c059df32472970ae6f38f0ecb66b257dad2e",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},t.h("path",{key:"ebf2e3ca0f1d6449dfdd2b8a8c0be5e2d074190b",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}",d=n,i=class{constructor(e){t.registerInstance(this,e),this.width="15",this.height="15"}render(){return t.h("svg",{key:"0c25a04a4cceb1c492b25c4704daaec73fdd2bbb",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},t.h("path",{key:"623e7e5b9604a9d617f058a68d86d1bdc0da76f9",d:"M4 4H20V20H4V4Z",stroke:"auto","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))}};i.style=d;exports.play_icon=s;exports.stop_icon=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-3b6f5cd5.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:"ddd1c059df32472970ae6f38f0ecb66b257dad2e",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},t.h("path",{key:"ebf2e3ca0f1d6449dfdd2b8a8c0be5e2d074190b",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}",d=n,i=class{constructor(e){t.registerInstance(this,e),this.width="15",this.height="15"}render(){return t.h("svg",{key:"0c25a04a4cceb1c492b25c4704daaec73fdd2bbb",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},t.h("path",{key:"623e7e5b9604a9d617f058a68d86d1bdc0da76f9",d:"M4 4H20V20H4V4Z",stroke:"auto","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))}};i.style=d;exports.play_icon=s;exports.stop_icon=i;
package/dist/react.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const o=require("./index-586a4206.cjs");require("react-dom");exports.AddCircleIcon=o.AddCircleIcon;exports.ArchiveIcon=o.ArchiveIcon;exports.ArrowIcon=o.ArrowIcon;exports.BoldIcon=o.BoldIcon;exports.CalendarCancelIcon=o.CalendarCancelIcon;exports.CalendarCheckIcon=o.CalendarCheckIcon;exports.CalendarIcon=o.CalendarIcon;exports.CheckmarkCircleIcon=o.CheckmarkCircleIcon;exports.ChevronIcon=o.ChevronIcon;exports.CloseIcon=o.CloseIcon;exports.DocumentRefreshIcon=o.DocumentRefreshIcon;exports.FolderIcon=o.FolderIcon;exports.ForwardIcon=o.ForwardIcon;exports.GlobeIcon=o.GlobeIcon;exports.InboxIcon=o.InboxIcon;exports.ItalicIcon=o.ItalicIcon;exports.LoadingIcon=o.LoadingIcon;exports.NylasBookedEventCard=o.NylasBookedEventCard;exports.NylasBookingForm=o.NylasBookingForm;exports.NylasCancelBookingForm=o.NylasCancelBookingForm;exports.NylasCancelledEventCard=o.NylasCancelledEventCard;exports.NylasComposer=o.NylasComposer;exports.NylasDatePicker=o.NylasDatePicker;exports.NylasIfState=o.NylasIfState;exports.NylasListFolders=o.NylasListFolders;exports.NylasListThreads=o.NylasListThreads;exports.NylasLocaleSwitch=o.NylasLocaleSwitch;exports.NylasLogin=o.NylasLogin;exports.NylasLogo=o.NylasLogo;exports.NylasMailbox=o.NylasMailbox;exports.NylasMailboxPagination=o.NylasMailboxPagination;exports.NylasMailboxToolbarButton=o.NylasMailboxToolbarButton;exports.NylasNotification=o.NylasNotification;exports.NylasOpenHoursPicker=o.NylasOpenHoursPicker;exports.NylasProvider=o.NylasProvider;exports.NylasScheduler=o.NylasScheduler;exports.NylasSelectedEventCard=o.NylasSelectedEventCard;exports.NylasSummarizeMessageButton=o.NylasSummarizeMessageButton;exports.NylasThreadsRefresh=o.NylasThreadsRefresh;exports.NylasThreadsSearch=o.NylasThreadsSearch;exports.NylasTimeslotPicker=o.NylasTimeslotPicker;exports.NylasViewEmail=o.NylasViewEmail;exports.NylasViewThread=o.NylasViewThread;exports.PeopleIcon=o.PeopleIcon;exports.PlayIcon=o.PlayIcon;exports.RefreshIcon=o.RefreshIcon;exports.ReplyAllIcon=o.ReplyAllIcon;exports.ReplyIcon=o.ReplyIcon;exports.SearchIcon=o.SearchIcon;exports.SelectDropdown=o.SelectDropdown;exports.SentIcon=o.SentIcon;exports.SpamIcon=o.SpamIcon;exports.StarIcon=o.StarIcon;exports.StopIcon=o.StopIcon;exports.TranslateIcon=o.TranslateIcon;exports.TrashIcon=o.TrashIcon;exports.UnderlineIcon=o.UnderlineIcon;exports.WarningIcon=o.WarningIcon;exports.applyPolyfills=o.applyPolyfills;exports.defineCustomElements=o.defineCustomElements;exports.useNylasMailboxElement=o.useNylasMailboxElement;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const o=require("./index-3b6f5cd5.cjs");require("react-dom");exports.AddCircleIcon=o.AddCircleIcon;exports.ArchiveIcon=o.ArchiveIcon;exports.ArrowIcon=o.ArrowIcon;exports.BoldIcon=o.BoldIcon;exports.CalendarCancelIcon=o.CalendarCancelIcon;exports.CalendarCheckIcon=o.CalendarCheckIcon;exports.CalendarIcon=o.CalendarIcon;exports.CheckmarkCircleIcon=o.CheckmarkCircleIcon;exports.ChevronIcon=o.ChevronIcon;exports.CloseIcon=o.CloseIcon;exports.DocumentRefreshIcon=o.DocumentRefreshIcon;exports.FolderIcon=o.FolderIcon;exports.ForwardIcon=o.ForwardIcon;exports.GlobeIcon=o.GlobeIcon;exports.InboxIcon=o.InboxIcon;exports.ItalicIcon=o.ItalicIcon;exports.LoadingIcon=o.LoadingIcon;exports.NylasBookedEventCard=o.NylasBookedEventCard;exports.NylasBookingForm=o.NylasBookingForm;exports.NylasCancelBookingForm=o.NylasCancelBookingForm;exports.NylasCancelledEventCard=o.NylasCancelledEventCard;exports.NylasComposer=o.NylasComposer;exports.NylasDatePicker=o.NylasDatePicker;exports.NylasIfState=o.NylasIfState;exports.NylasListFolders=o.NylasListFolders;exports.NylasListThreads=o.NylasListThreads;exports.NylasLocaleSwitch=o.NylasLocaleSwitch;exports.NylasLogin=o.NylasLogin;exports.NylasLogo=o.NylasLogo;exports.NylasMailbox=o.NylasMailbox;exports.NylasMailboxPagination=o.NylasMailboxPagination;exports.NylasMailboxToolbarButton=o.NylasMailboxToolbarButton;exports.NylasNotification=o.NylasNotification;exports.NylasOpenHoursPicker=o.NylasOpenHoursPicker;exports.NylasProvider=o.NylasProvider;exports.NylasScheduler=o.NylasScheduler;exports.NylasSelectedEventCard=o.NylasSelectedEventCard;exports.NylasSummarizeMessageButton=o.NylasSummarizeMessageButton;exports.NylasThreadsRefresh=o.NylasThreadsRefresh;exports.NylasThreadsSearch=o.NylasThreadsSearch;exports.NylasTimeslotPicker=o.NylasTimeslotPicker;exports.NylasViewEmail=o.NylasViewEmail;exports.NylasViewThread=o.NylasViewThread;exports.PeopleIcon=o.PeopleIcon;exports.PlayIcon=o.PlayIcon;exports.RefreshIcon=o.RefreshIcon;exports.ReplyAllIcon=o.ReplyAllIcon;exports.ReplyIcon=o.ReplyIcon;exports.SearchIcon=o.SearchIcon;exports.SelectDropdown=o.SelectDropdown;exports.SentIcon=o.SentIcon;exports.SpamIcon=o.SpamIcon;exports.StarIcon=o.StarIcon;exports.StopIcon=o.StopIcon;exports.TranslateIcon=o.TranslateIcon;exports.TrashIcon=o.TrashIcon;exports.UnderlineIcon=o.UnderlineIcon;exports.WarningIcon=o.WarningIcon;exports.applyPolyfills=o.applyPolyfills;exports.defineCustomElements=o.defineCustomElements;exports.useNylasMailboxElement=o.useNylasMailboxElement;
package/dist/react.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import "react";
2
- import { A as l, e as n, i as c, B as r, C as i, j as I, k as y, l as t, m as N, n as d, D as C, o as m, p as h, G as p, I as S, q as k, L as b, N as u, s as P, t as T, v as f, w as g, x as v, y as w, z as x, E as B, J as E, K as L, M, O as R, P as A, Q as F, R as D, S as V, T as z, U as G, V as O, W as U, X as W, Y as j, Z as q, _ as H, $ as J, a0 as K, a1 as Q, a2 as X, a3 as Y, a4 as Z, a5 as _, a6 as $, a7 as aa, a8 as sa, a9 as oa, aa as ea, ab as la, ac as na, ad as ca, ae as ra, b as ia, d as Ia, u as ya } from "./index-98d3a4da.js";
2
+ import { A as l, e as n, i as c, B as r, C as i, j as I, k as y, l as t, m as N, n as d, D as C, o as m, p as h, G as p, I as S, q as k, L as b, N as u, s as P, t as T, v as f, w as g, x as v, y as w, z as x, E as B, J as E, K as L, M, O as R, P as A, Q as F, R as D, S as V, T as z, U as G, V as O, W as U, X as W, Y as j, Z as q, _ as H, $ as J, a0 as K, a1 as Q, a2 as X, a3 as Y, a4 as Z, a5 as _, a6 as $, a7 as aa, a8 as sa, a9 as oa, aa as ea, ab as la, ac as na, ad as ca, ae as ra, b as ia, d as Ia, u as ya } from "./index-630f4e87.js";
3
3
  import "react-dom";
4
4
  export {
5
5
  l as AddCircleIcon,
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index-586a4206.cjs");require("react");require("react-dom");const t=".sc-refresh-icon-h{display:flex}",i=t,e=class{constructor(s){c.registerInstance(this,s),this.width="15",this.height="15"}render(){return c.h("svg",{key:"5c8bfa4356d9458c719cb472c6dc864167bb1722",fill:"auto",width:this.width,height:this.height,viewBox:"0 0 32 32",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},c.h("path",{key:"dba9b730da0b63de8b1548275fc1bea14a416cd2",d:"M15.544 28.080c-0.002-0.006-0.008-0.010-0.012-0.015l-2.873-4.489c-0.204-0.335-0.646-0.454-0.992-0.266l-0.256 0.157c-0.344 0.188-0.337 0.673-0.133 1.008l1.841 2.857c-0.157-0.035-0.316-0.063-0.471-0.103-3.224-0.843-5.953-3.026-7.485-5.988-1.448-2.797-1.72-5.99-0.766-8.992s3.118-5.452 5.915-6.899c0.476-0.247 0.662-0.832 0.416-1.308-0.246-0.477-0.832-0.663-1.308-0.416-3.258 1.686-5.763 4.54-6.874 8.036s-0.794 7.215 0.892 10.473c1.786 3.448 4.963 5.989 8.72 6.973 0.043 0.011 0.087 0.017 0.13 0.028l-2.541 1.288c-0.344 0.189-0.458 0.613-0.254 0.948l0.098 0.256c0.205 0.335 0.557 0.454 0.9 0.266l4.651-2.381c0.006-0.004 0.012-0.003 0.018-0.007l0.312-0.171c0.172-0.095 0.287-0.249 0.332-0.422 0.047-0.172 0.025-0.364-0.076-0.531zM28.559 10.025c-1.783-3.447-4.862-5.988-8.618-6.972-0.267-0.070-0.541-0.124-0.814-0.179l2.494-1.265c0.344-0.189 0.549-0.614 0.345-0.949l-0.099-0.255c-0.205-0.336-0.648-0.454-0.991-0.267l-4.651 2.381c-0.006 0.003-0.012 0.002-0.018 0.006l-0.312 0.171c-0.173 0.095-0.287 0.249-0.332 0.422-0.047 0.172-0.025 0.364 0.077 0.53l0.185 0.304c0.003 0.006 0.008 0.010 0.012 0.016l2.873 4.489c0.203 0.335 0.646 0.454 0.991 0.266l0.226-0.157c0.344-0.188 0.366-0.673 0.163-1.008l-1.85-2.87c0.407 0.063 0.811 0.138 1.207 0.242 3.226 0.845 5.856 3.027 7.387 5.986 1.448 2.797 1.72 5.99 0.765 8.991s-3.020 5.451-5.818 6.901c-0.476 0.247-0.662 0.831-0.415 1.308 0.172 0.332 0.511 0.524 0.863 0.524 0.15 0 0.302-0.035 0.446-0.109 3.259-1.686 5.664-4.54 6.776-8.035 1.111-3.497 0.794-7.217-0.893-10.473z"}))}};e.style=i;exports.refresh_icon=e;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index-3b6f5cd5.cjs");require("react");require("react-dom");const t=".sc-refresh-icon-h{display:flex}",i=t,e=class{constructor(s){c.registerInstance(this,s),this.width="15",this.height="15"}render(){return c.h("svg",{key:"5c8bfa4356d9458c719cb472c6dc864167bb1722",fill:"auto",width:this.width,height:this.height,viewBox:"0 0 32 32",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},c.h("path",{key:"dba9b730da0b63de8b1548275fc1bea14a416cd2",d:"M15.544 28.080c-0.002-0.006-0.008-0.010-0.012-0.015l-2.873-4.489c-0.204-0.335-0.646-0.454-0.992-0.266l-0.256 0.157c-0.344 0.188-0.337 0.673-0.133 1.008l1.841 2.857c-0.157-0.035-0.316-0.063-0.471-0.103-3.224-0.843-5.953-3.026-7.485-5.988-1.448-2.797-1.72-5.99-0.766-8.992s3.118-5.452 5.915-6.899c0.476-0.247 0.662-0.832 0.416-1.308-0.246-0.477-0.832-0.663-1.308-0.416-3.258 1.686-5.763 4.54-6.874 8.036s-0.794 7.215 0.892 10.473c1.786 3.448 4.963 5.989 8.72 6.973 0.043 0.011 0.087 0.017 0.13 0.028l-2.541 1.288c-0.344 0.189-0.458 0.613-0.254 0.948l0.098 0.256c0.205 0.335 0.557 0.454 0.9 0.266l4.651-2.381c0.006-0.004 0.012-0.003 0.018-0.007l0.312-0.171c0.172-0.095 0.287-0.249 0.332-0.422 0.047-0.172 0.025-0.364-0.076-0.531zM28.559 10.025c-1.783-3.447-4.862-5.988-8.618-6.972-0.267-0.070-0.541-0.124-0.814-0.179l2.494-1.265c0.344-0.189 0.549-0.614 0.345-0.949l-0.099-0.255c-0.205-0.336-0.648-0.454-0.991-0.267l-4.651 2.381c-0.006 0.003-0.012 0.002-0.018 0.006l-0.312 0.171c-0.173 0.095-0.287 0.249-0.332 0.422-0.047 0.172-0.025 0.364 0.077 0.53l0.185 0.304c0.003 0.006 0.008 0.010 0.012 0.016l2.873 4.489c0.203 0.335 0.646 0.454 0.991 0.266l0.226-0.157c0.344-0.188 0.366-0.673 0.163-1.008l-1.85-2.87c0.407 0.063 0.811 0.138 1.207 0.242 3.226 0.845 5.856 3.027 7.387 5.986 1.448 2.797 1.72 5.99 0.765 8.991s-3.020 5.451-5.818 6.901c-0.476 0.247-0.662 0.831-0.415 1.308 0.172 0.332 0.511 0.524 0.863 0.524 0.15 0 0.302-0.035 0.446-0.109 3.259-1.686 5.664-4.54 6.776-8.035 1.111-3.497 0.794-7.217-0.893-10.473z"}))}};e.style=i;exports.refresh_icon=e;
@@ -1,4 +1,4 @@
1
- import { r as t, h as c } from "./index-98d3a4da.js";
1
+ import { r as t, h as c } from "./index-630f4e87.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const e = ".sc-refresh-icon-h{display:flex}", l = e, h = class {
@@ -1 +1 @@
1
- "use strict";const s=require("./utils-5074a070-d5ba6add.cjs"),m=require("./index-586a4206.cjs");function P(e,o,u="registerComponent"){return new CustomEvent(u,{bubbles:!0,composed:!0,detail:o})}function b(e,o,u="unregisterComponent"){return new CustomEvent(u,{bubbles:!0,composed:!0,detail:o})}function T(e){return(o,u)=>{const r=e.name;s.debug(`[${r}] Registering component ${r} being called on ${u}`);const l=o.componentWillLoad;if(!l){s.error(`[${r}] componentWillLoad lifecycle method in ${r} missing. Required for RegisterComponent decorator.`);return}const p=o.connectedCallback;if(!p){s.error(`[${r}] connectedCallback lifecycle method in ${r} missing. Required for RegisterComponent decorator.`);return}const a=o.disconnectedCallback;if(!a){s.error(`[${r}] disconnectedCallback lifecycle method in ${r} missing. Required for RegisterComponent decorator.`);return}if(e.storeToProps&&e.stateToProps){const n=Array.from(e.storeToProps.values()),t=Array.from(e.stateToProps.values()),i=n.filter(c=>t.includes(c));if(i.length>0){s.error(`[${r}] Overlapping prop keys detected in ${r} for storeToProps and stateToProps. Make sure to only define them once. Overlapping keys: ${i.join(", ")}`);return}}const d=new Map;e.eventToProps&&Object.keys(e.eventToProps).forEach(n=>{var t;d.set(n,(t=e.eventToProps)==null?void 0:t[n])}),o.connectedCallback=function(){s.debug(`[~${r}] connectedCallback called`);const n=p==null?void 0:p.call(this),t=m.getElement(this);return t.dataset.nylasId||(Object.defineProperty(t,"registerNylasComponent",{get(){return!0},enumerable:!0}),Object.defineProperty(t,"stateToProps",{get(){return e.stateToProps},enumerable:!0}),Object.defineProperty(t,"getStoresToProp",{get(){return e.getStoresToProp},enumerable:!0}),Object.defineProperty(t,"storeToProps",{get(){return e.storeToProps},enumerable:!0}),Object.defineProperty(t,"eventToProps",{get(){return d},enumerable:!0}),Object.defineProperty(t,"authToProp",{get(){return e.authToProp},enumerable:!0}),Object.defineProperty(t,"connectorToProp",{get(){return e.connectorToProp},enumerable:!0})),n},e.fireRegisterEvent&&(o.componentWillLoad=function(){const n=l==null?void 0:l.call(this),t=m.getElement(this),i={element:t,...e,eventToProps:d},c=P(o,i,e.registrationEventName);return t.dispatchEvent(c)&&s.debug(`[${r}] Component ${r} successfully fired registration event`),n},o.disconnectedCallback=function(){const n=a==null?void 0:a.call(this),t=m.getElement(this),i={element:t,...e,eventToProps:d},c=b(o,i,e.unregistrationEventName);return t.dispatchEvent(c)&&s.debug(`[${r}] Component ${r} successfully fired unregistration event`),n})}}exports.RegisterComponent=T;
1
+ "use strict";const s=require("./utils-5074a070-d5ba6add.cjs"),m=require("./index-3b6f5cd5.cjs");function P(e,o,u="registerComponent"){return new CustomEvent(u,{bubbles:!0,composed:!0,detail:o})}function b(e,o,u="unregisterComponent"){return new CustomEvent(u,{bubbles:!0,composed:!0,detail:o})}function T(e){return(o,u)=>{const r=e.name;s.debug(`[${r}] Registering component ${r} being called on ${u}`);const l=o.componentWillLoad;if(!l){s.error(`[${r}] componentWillLoad lifecycle method in ${r} missing. Required for RegisterComponent decorator.`);return}const p=o.connectedCallback;if(!p){s.error(`[${r}] connectedCallback lifecycle method in ${r} missing. Required for RegisterComponent decorator.`);return}const a=o.disconnectedCallback;if(!a){s.error(`[${r}] disconnectedCallback lifecycle method in ${r} missing. Required for RegisterComponent decorator.`);return}if(e.storeToProps&&e.stateToProps){const n=Array.from(e.storeToProps.values()),t=Array.from(e.stateToProps.values()),i=n.filter(c=>t.includes(c));if(i.length>0){s.error(`[${r}] Overlapping prop keys detected in ${r} for storeToProps and stateToProps. Make sure to only define them once. Overlapping keys: ${i.join(", ")}`);return}}const d=new Map;e.eventToProps&&Object.keys(e.eventToProps).forEach(n=>{var t;d.set(n,(t=e.eventToProps)==null?void 0:t[n])}),o.connectedCallback=function(){s.debug(`[~${r}] connectedCallback called`);const n=p==null?void 0:p.call(this),t=m.getElement(this);return t.dataset.nylasId||(Object.defineProperty(t,"registerNylasComponent",{get(){return!0},enumerable:!0}),Object.defineProperty(t,"stateToProps",{get(){return e.stateToProps},enumerable:!0}),Object.defineProperty(t,"getStoresToProp",{get(){return e.getStoresToProp},enumerable:!0}),Object.defineProperty(t,"storeToProps",{get(){return e.storeToProps},enumerable:!0}),Object.defineProperty(t,"eventToProps",{get(){return d},enumerable:!0}),Object.defineProperty(t,"authToProp",{get(){return e.authToProp},enumerable:!0}),Object.defineProperty(t,"connectorToProp",{get(){return e.connectorToProp},enumerable:!0})),n},e.fireRegisterEvent&&(o.componentWillLoad=function(){const n=l==null?void 0:l.call(this),t=m.getElement(this),i={element:t,...e,eventToProps:d},c=P(o,i,e.registrationEventName);return t.dispatchEvent(c)&&s.debug(`[${r}] Component ${r} successfully fired registration event`),n},o.disconnectedCallback=function(){const n=a==null?void 0:a.call(this),t=m.getElement(this),i={element:t,...e,eventToProps:d},c=b(o,i,e.unregistrationEventName);return t.dispatchEvent(c)&&s.debug(`[${r}] Component ${r} successfully fired unregistration event`),n})}}exports.RegisterComponent=T;
@@ -1,5 +1,5 @@
1
1
  import { d, r as m } from "./utils-5074a070-ce33ee6b.js";
2
- import { g as P } from "./index-98d3a4da.js";
2
+ import { g as P } from "./index-630f4e87.js";
3
3
  function b(e, r, i = "registerComponent") {
4
4
  return new CustomEvent(i, {
5
5
  bubbles: !0,
@@ -1,5 +1,5 @@
1
1
  import { d as y } from "./utils-5074a070-ce33ee6b.js";
2
- import { c as A } from "./index-b30d446a-e0eaccad.js";
2
+ import { c as A } from "./index-b30d446a-a90f84b2.js";
3
3
  var f;
4
4
  (function(n) {
5
5
  n.Component = "component", n.Api = "api", n.Auth = "auth";
@@ -1 +1 @@
1
- "use strict";const v=require("./utils-5074a070-d5ba6add.cjs"),B=require("./index-b30d446a-3d69a3cc.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 C{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),o=this.schedulerStore.get("availability").find(g=>new Date(g.start_time)>new Date);let a=e;return o&&(a=o.start_time),this.schedulerStore.set("selectedDate",a),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,o=t?(t==null?void 0:t.guests)||[]:(s==null?void 0:s.guests)||[],a=t?{...t==null?void 0:t.additionalFields}:{...s==null?void 0:s.additionalFields},g={Authorization:`Bearer ${this.sessionId}`},u="/schedule/bookings",c=await this.makeAPIRequest(decodeURIComponent(u),"POST",JSON.stringify({participants:[r,...o],additional_fields:a,start_time:i.start_time.getTime()/1e3,end_time:i.end_time.getTime()/1e3}),g);if("error"in c){this.schedulerStore.set("isLoading",!1);const h=(m=c.error)==null?void 0:m.type;let l=c.error;return h&&h in this.errors.api("Create Booking")&&(l=this.errors.api("Create Booking")[h]((l==null?void 0:l.message)||(l==null?void 0:l.title)||"Something went wrong")),{error:l}}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,r=new Date().getTime();if(e&&e<r/1e3)return this.schedulerStore.set("isLoading",!1),{error:this.errors.component("Get Availability").endtime_not_in_future()};t&&s.append("start_time",encodeURIComponent(t)),e&&s.append("end_time",encodeURIComponent(e));const o=s.toString(),a=`/schedule/availability${o?`?${o}`:""}`,g={Authorization:`Bearer ${this.sessionId}`},u=await this.makeAPIRequest(decodeURIComponent(a),"GET",void 0,g);if("error"in u){this.schedulerStore.set("availability",[]),this.schedulerStore.set("isLoading",!1);const l=(c=u.error)==null?void 0:c.type;let d=u.error;return l&&l in this.errors.api("Get Availability")&&(d=this.errors.api("Get Availability")[l]((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(p=>({...p,start_time:new Date(p.start_time*1e3),end_time:new Date(p.end_time*1e3)})))||[]).filter(p=>p.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=`/schedule/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 o=(r=i.error)==null?void 0:r.type;let a=i.error;return o&&o in this.errors.api("Cancel Booking")&&(a=this.errors.api("Cancel Booking")[o]((a==null?void 0:a.message)||(a==null?void 0:a.title)||"Something went wrong")),{error:a}}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:o,selectedTimezone:a}=this.schedulerStore.state,{startTime:g,endTime:u,timezone:c}=e,m=g||(o==null?void 0:o.start_time);if(!m)return{error:i.invalid_start_time('Please pass "startTime" in data or set "selectedTimeslot" in the defaultSchedulerStoreState.')};const h=u||(o==null?void 0:o.end_time);if(!h)return{error:i.invalid_end_time('Please pass "endTime" in data or set "selectedTimeslot" in the defaultSchedulerStoreState.')};const l=c||a;if(!l)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,p=e?(e==null?void 0:e.guests)||[]:(r==null?void 0:r.guests)||[],k=e?{...e==null?void 0:e.additionalFields}:{...r==null?void 0:r.additionalFields},T=`/schedule/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:l,participants:[d,...p],additional_fields:k}),P);if("error"in _){this.schedulerStore.set("isLoading",!1);const f=(y=_.error)==null?void 0:y.type;let S=_.error;f&&f in s&&(S=s[f]((S==null?void 0:S.message)||(S==null?void 0:S.title)||"Something went wrong"))}return"data"in _&&this.schedulerStore.set("eventInfo",_==null?void 0:_.data),this.schedulerStore.set("isLoading",!1),_}}function R(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=B.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=R;exports.NylaSchedulerAPIConnector=C;
1
+ "use strict";const v=require("./utils-5074a070-d5ba6add.cjs"),B=require("./index-b30d446a-cbbef925.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 C{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),o=this.schedulerStore.get("availability").find(g=>new Date(g.start_time)>new Date);let a=e;return o&&(a=o.start_time),this.schedulerStore.set("selectedDate",a),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,o=t?(t==null?void 0:t.guests)||[]:(s==null?void 0:s.guests)||[],a=t?{...t==null?void 0:t.additionalFields}:{...s==null?void 0:s.additionalFields},g={Authorization:`Bearer ${this.sessionId}`},u="/schedule/bookings",c=await this.makeAPIRequest(decodeURIComponent(u),"POST",JSON.stringify({participants:[r,...o],additional_fields:a,start_time:i.start_time.getTime()/1e3,end_time:i.end_time.getTime()/1e3}),g);if("error"in c){this.schedulerStore.set("isLoading",!1);const h=(m=c.error)==null?void 0:m.type;let l=c.error;return h&&h in this.errors.api("Create Booking")&&(l=this.errors.api("Create Booking")[h]((l==null?void 0:l.message)||(l==null?void 0:l.title)||"Something went wrong")),{error:l}}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,r=new Date().getTime();if(e&&e<r/1e3)return this.schedulerStore.set("isLoading",!1),{error:this.errors.component("Get Availability").endtime_not_in_future()};t&&s.append("start_time",encodeURIComponent(t)),e&&s.append("end_time",encodeURIComponent(e));const o=s.toString(),a=`/schedule/availability${o?`?${o}`:""}`,g={Authorization:`Bearer ${this.sessionId}`},u=await this.makeAPIRequest(decodeURIComponent(a),"GET",void 0,g);if("error"in u){this.schedulerStore.set("availability",[]),this.schedulerStore.set("isLoading",!1);const l=(c=u.error)==null?void 0:c.type;let d=u.error;return l&&l in this.errors.api("Get Availability")&&(d=this.errors.api("Get Availability")[l]((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(p=>({...p,start_time:new Date(p.start_time*1e3),end_time:new Date(p.end_time*1e3)})))||[]).filter(p=>p.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=`/schedule/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 o=(r=i.error)==null?void 0:r.type;let a=i.error;return o&&o in this.errors.api("Cancel Booking")&&(a=this.errors.api("Cancel Booking")[o]((a==null?void 0:a.message)||(a==null?void 0:a.title)||"Something went wrong")),{error:a}}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:o,selectedTimezone:a}=this.schedulerStore.state,{startTime:g,endTime:u,timezone:c}=e,m=g||(o==null?void 0:o.start_time);if(!m)return{error:i.invalid_start_time('Please pass "startTime" in data or set "selectedTimeslot" in the defaultSchedulerStoreState.')};const h=u||(o==null?void 0:o.end_time);if(!h)return{error:i.invalid_end_time('Please pass "endTime" in data or set "selectedTimeslot" in the defaultSchedulerStoreState.')};const l=c||a;if(!l)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,p=e?(e==null?void 0:e.guests)||[]:(r==null?void 0:r.guests)||[],k=e?{...e==null?void 0:e.additionalFields}:{...r==null?void 0:r.additionalFields},T=`/schedule/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:l,participants:[d,...p],additional_fields:k}),P);if("error"in _){this.schedulerStore.set("isLoading",!1);const f=(y=_.error)==null?void 0:y.type;let S=_.error;f&&f in s&&(S=s[f]((S==null?void 0:S.message)||(S==null?void 0:S.title)||"Something went wrong"))}return"data"in _&&this.schedulerStore.set("eventInfo",_==null?void 0:_.data),this.schedulerStore.set("isLoading",!1),_}}function R(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=B.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=R;exports.NylaSchedulerAPIConnector=C;
@@ -1,4 +1,4 @@
1
- import { r, h as s, c as l, g as d } from "./index-98d3a4da.js";
1
+ import { r, h as s, c as l, g as d } from "./index-630f4e87.js";
2
2
  import "react";
3
3
  import "react-dom";
4
4
  const c = ".sc-search-icon-h{display:flex}", p = c, h = class {
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-586a4206.cjs");require("react");require("react-dom");const c=".sc-search-icon-h{display:flex}",h=c,r=class{constructor(e){i.registerInstance(this,e),this.width="15",this.height="15"}render(){return i.h("svg",{key:"baa6b304adc90eb600c71064ab8ec07b371b1584",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.h("path",{key:"f5fb2b0da29891bc7bec40a3d7537924a2e277f0",fill:"currentColor",d:"M5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.83879 10.5217 8.06586 9.72656 9.01962L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.68 14.0271 13.4106 14.0464 13.2157 13.9114L13.1464 13.8536L9.01962 9.72656C8.06586 10.5217 6.83879 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0ZM5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1Z"}))}};r.style=h;const p=":host{display:block;position:relative}.dropdown{display:inline-block}.dropbtn{color:black;padding:0.5rem;font-size:1rem;cursor:pointer;display:flex;gap:0.5rem;background:transparent;border:none;border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{background-color:var(--nylas-base-50);border:1px solid var(--nylas-primary)}.dropbtn:active{border-width:2px}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropbtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px}@media screen and (max-width: 768px){.dropbtn span.selected-option{max-width:124px}}.dropbtn:hover,.dropbtn:focus{background-color:#f1f1f1}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;border:1px solid #ddd;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content a:hover,.dropdown-content a:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid #ccc;border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px}",b=p,l=class{constructor(e){i.registerInstance(this,e),this.selectedOptionChanged=i.createEvent(this,"selectedOptionChanged",7),this.name=void 0,this.options=[],this.defaultSelectedOption=void 0,this.selectedOption=this.defaultSelectedOption||null,this.isOpen=!1,this.searchValue="",this.filteredOptions=[...this.options],this.ariaActivedescendant=""}componentWillLoad(){this.filteredOptions=this.options,!this.selectedOption&&this.options.length>0&&(this.selectedOption=this.options[0])}toggleDropdown(){this.isOpen=!this.isOpen}filterOptions(e){const t=e.target.value;this.searchValue=t,this.filteredOptions=this.options.filter(s=>s.label.toLowerCase().includes(t.toLowerCase()))}selectOption(e){this.selectedOption=e,this.toggleDropdown(),this.selectedOptionChanged.emit({value:e.value,name:this.name})}handleSelectButtonKeyDown(e){var t;switch(e.key){case"ArrowDown":case"Enter":e.preventDefault(),this.isOpen||this.toggleDropdown(),(t=this.inputRef)==null||t.focus();break;case"Escape":this.isOpen=!1;break}}handleListboxKeydown(e){var n,a;const t=this.filteredOptions,s=t.findIndex(o=>o.value===this.ariaActivedescendant);if(e.key==="ArrowDown"||e.key==="Tab"&&!e.shiftKey){if(e.preventDefault(),s===t.length-1){this.ariaActivedescendant="",(n=this.inputRef)==null||n.focus();return}const o=s+1<t.length?s+1:0;this.ariaActivedescendant=t[o].value,this.focusOption(o)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){if(e.preventDefault(),s===0){this.ariaActivedescendant="",(a=this.inputRef)==null||a.focus();return}const o=s-1>=0?s-1:t.length-1;this.ariaActivedescendant=t[o].value,this.focusOption(o)}else e.key==="Enter"?(e.preventDefault(),this.ariaActivedescendant&&this.selectOption(t[s])):e.key==="Escape"&&(this.isOpen=!1)}focusOption(e){var a;const t=this.filteredOptions[e];if(!t)return;const s=t.value,n=(a=this.el.shadowRoot)==null?void 0:a.getElementById(s);n&&(n.focus(),n.scrollIntoView({behavior:"smooth",block:"nearest"}))}handleComboboxKeyDown(e){e.key==="ArrowDown"||e.key=="Tab"&&!e.shiftKey?(e.preventDefault(),this.ariaActivedescendant=this.filteredOptions[0].value,this.focusOption(0)):e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey?(e.preventDefault(),this.ariaActivedescendant=this.filteredOptions[this.filteredOptions.length-1].value,this.focusOption(this.filteredOptions.length-1)):e.key==="Escape"&&(this.isOpen=!1)}handleOutsideClick(e){!e.composedPath().includes(this.el)&&this.isOpen&&(this.isOpen=!1)}render(){var e;return i.h("div",{key:"7ebf4768db42ef9d5a220fe2a3c0fbe8f8c604d3",class:"dropdown"},i.h("button",{key:"61a3b0bbae22051a086b0731a5665ab4406e0fb6",class:{dropbtn:!0,open:this.isOpen},onClick:()=>this.toggleDropdown(),"aria-haspopup":"listbox","aria-expanded":this.isOpen?"true":"false","aria-label":this.name,onKeyDown:t=>this.handleSelectButtonKeyDown(t)},i.h("slot",{key:"524524003a5b1befd04d84a550e8779ba432e6a6",name:"select-icon","aria-hidden":"true"}),i.h("span",{key:"55c27a218ae3668c0bc6787fdc43f75b4aa4f421",class:"selected-option"},(e=this.selectedOption)==null?void 0:e.label),i.h("span",{key:"64e34fc4ce09240416f37653b35a5dc1a4752222",class:this.isOpen?"open":"closed","aria-hidden":"true"},i.h("chevron-icon",{key:"9e602e625986844d519a9c6c9bb8ae62f1cdf84d",width:"16",height:"16"}))),this.isOpen?i.h("div",{class:"dropdown-content"},i.h("div",{class:{"search-box":!0,open:this.isOpen}},i.h("search-icon",{width:"15",height:"15",class:"icon"}),i.h("input",{type:"text",role:"combobox",placeholder:"Search",value:this.searchValue,ref:t=>this.inputRef=t,onInput:t=>this.filterOptions(t),onKeyDown:t=>this.handleComboboxKeyDown(t)})),i.h("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:t=>this.handleListboxKeydown(t)},this.filteredOptions.map(t=>i.h("li",{tabindex:"0",key:t.value,id:t.value,onClick:()=>this.selectOption(t),role:"option"},`${t.label}`)))):null)}get el(){return i.getElement(this)}};l.style=b;const f=".sc-translate-icon-h{display:flex}",u=f,d=class{constructor(e){i.registerInstance(this,e),this.width="16",this.height="16"}render(){return i.h("svg",{key:"482a971e7045aba7372284ea28e2cac899909663",xmlns:"http://www.w3.org/2000/svg",width:this.width,height:this.height,viewBox:"0 0 20 20",fill:"none"},i.h("path",{key:"9bac1f8dd4c2317376847fe100875fa50ddeaf03",fill:"currentColor",d:"M14.1663 4.02867C14.4267 4.12081 14.563 4.40654 14.4709 4.66685C14.3501 5.00788 14.2182 5.4771 14.1178 5.86047C14.6877 5.77587 15.2665 5.65653 15.8867 5.51288C16.1557 5.45058 16.4243 5.61815 16.4866 5.88717C16.5489 6.15619 16.3814 6.42479 16.1123 6.4871C15.339 6.66621 14.6101 6.81289 13.8717 6.90283C13.7759 7.35654 13.7014 7.77084 13.6451 8.15021C14.1202 8.04599 14.5738 8.00553 14.9996 8.02075L14.9996 8C14.9996 7.72386 15.2235 7.5 15.4996 7.5C15.7758 7.5 15.9996 7.72386 15.9996 8C15.9996 8.05657 15.9991 8.11281 15.9979 8.16871C17.1392 8.47838 17.9781 9.23987 18.3435 10.2263C18.9579 11.8853 18.1287 13.8787 15.7027 14.9569C15.4504 15.069 15.1549 14.9554 15.0427 14.7031C14.9306 14.4507 15.0442 14.1552 15.2966 14.0431C17.3705 13.1213 17.7913 11.6147 17.4057 10.5737C17.1874 9.984 16.6776 9.44916 15.9129 9.18633C15.6829 10.7237 15.021 11.9466 14.229 12.7925C14.3126 12.9656 14.3958 13.1436 14.4641 13.3151C14.5662 13.5717 14.441 13.8625 14.1844 13.9646C13.9278 14.0667 13.637 13.9415 13.5349 13.6849C13.5066 13.6137 13.4777 13.5463 13.448 13.4802C13.028 13.7794 12.5905 13.9869 12.1705 14.0835C11.5942 14.2161 10.963 14.1517 10.534 13.6942C9.88917 13.0053 9.84361 11.8611 10.2855 10.8412C10.6652 9.96479 11.4186 9.11781 12.5848 8.54034C12.6387 8.07338 12.7199 7.55894 12.8332 6.98891C12.3926 7.00755 11.9403 7.00326 11.4659 6.97127C11.1904 6.95269 10.9821 6.71428 11.0007 6.43876C11.0192 6.16325 11.2577 5.95496 11.5332 5.97353C12.0633 6.00928 12.5641 6.00772 13.0566 5.97553C13.1605 5.55444 13.3512 4.8331 13.5282 4.33317C13.6203 4.07286 13.906 3.93653 14.1663 4.02867ZM12.501 9.74109C11.8436 10.1821 11.427 10.7219 11.2031 11.2387C10.8542 12.0439 10.9881 12.716 11.2638 13.0105C11.2637 13.0104 11.2639 13.0106 11.2638 13.0105C11.3573 13.11 11.5624 13.1973 11.9463 13.109C12.2578 13.0373 12.6311 12.8571 13.0121 12.5576C12.8658 12.22 12.7272 11.8324 12.6313 11.353C12.5405 10.8996 12.4899 10.3743 12.501 9.74109ZM13.7808 11.7797C14.316 11.0956 14.759 10.1665 14.9271 9.01632C14.539 9.00681 14.1111 9.05601 13.6457 9.17854C13.605 9.19274 13.5647 9.20726 13.525 9.22209C13.4663 10.0545 13.5146 10.671 13.6118 11.1568C13.6578 11.3868 13.7156 11.5913 13.7808 11.7797ZM6.92028 5.2159C5.77942 4.88398 4.78409 5.00841 4.07616 5.21575C3.72264 5.3193 3.439 5.44393 3.24121 5.5443C3.14215 5.59457 3.0641 5.63901 3.00903 5.67212C2.98147 5.68868 2.95962 5.70244 2.9437 5.71271L2.92429 5.72542L2.91797 5.72966L2.91566 5.73123L2.91393 5.73241C2.91384 5.73249 2.91436 5.73325 2.94925 5.78397C3.23698 6.20225 3.1703 6.10548 2.91393 5.73241C2.68634 5.88881 2.62863 6.20009 2.78502 6.42767C2.94134 6.65514 3.25207 6.71313 3.47963 6.55703L3.4788 6.5576L3.48576 6.55305C3.49318 6.54826 3.50608 6.5401 3.52423 6.52919C3.56057 6.50735 3.6177 6.47463 3.69373 6.43605C3.84612 6.35872 4.07228 6.2589 4.35724 6.17544C4.92619 6.0088 5.72242 5.90898 6.64043 6.17595C7.35305 6.38517 7.66747 6.76919 7.82692 7.16112C7.98173 7.54163 8.0026 7.95751 8.00531 8.33243C7.46199 8.18407 6.79336 8.03682 6.08385 8.00744C5.04808 7.96456 3.8874 8.17096 2.87738 9.01102C1.98877 9.75011 1.78345 10.8818 2.07014 11.853C2.35713 12.8252 3.14925 13.692 4.31803 13.9348C5.22351 14.123 6.18016 13.8639 6.9599 13.5212C7.3403 13.354 7.69572 13.1594 8.0057 12.9665V13.5C8.0057 13.7761 8.22956 14 8.5057 14C8.78184 14 9.0057 13.7754 9.0057 13.4993L9.0057 8.44586C9.0058 8.05404 9.00595 7.40554 8.7532 6.78428C8.48142 6.11625 7.93342 5.51313 6.92136 5.21622L6.92028 5.2159ZM6.04249 9.00659C6.76366 9.03645 7.44769 9.209 8.0057 9.37205V11.757C7.65814 12.0182 7.13927 12.35 6.55757 12.6057C5.85264 12.9155 5.12729 13.0816 4.52148 12.9557C3.75127 12.7957 3.22322 12.2271 3.02922 11.5699C2.83491 10.9116 2.98777 10.2199 3.51683 9.77985C4.27958 9.14545 5.16917 8.97043 6.04249 9.00659Z"}))}};d.style=u;exports.search_icon=r;exports.select_dropdown=l;exports.translate_icon=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-3b6f5cd5.cjs");require("react");require("react-dom");const c=".sc-search-icon-h{display:flex}",h=c,r=class{constructor(e){i.registerInstance(this,e),this.width="15",this.height="15"}render(){return i.h("svg",{key:"baa6b304adc90eb600c71064ab8ec07b371b1584",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.h("path",{key:"f5fb2b0da29891bc7bec40a3d7537924a2e277f0",fill:"currentColor",d:"M5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.83879 10.5217 8.06586 9.72656 9.01962L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.68 14.0271 13.4106 14.0464 13.2157 13.9114L13.1464 13.8536L9.01962 9.72656C8.06586 10.5217 6.83879 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0ZM5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1Z"}))}};r.style=h;const p=":host{display:block;position:relative}.dropdown{display:inline-block}.dropbtn{color:black;padding:0.5rem;font-size:1rem;cursor:pointer;display:flex;gap:0.5rem;background:transparent;border:none;border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{background-color:var(--nylas-base-50);border:1px solid var(--nylas-primary)}.dropbtn:active{border-width:2px}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropbtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px}@media screen and (max-width: 768px){.dropbtn span.selected-option{max-width:124px}}.dropbtn:hover,.dropbtn:focus{background-color:#f1f1f1}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;border:1px solid #ddd;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.search-box{border-bottom:1px solid var(--nylas-base-200);padding:10px;position:sticky;top:0;background:var(--nylas-base-0)}.search-box .icon{position:absolute;top:1.25rem;left:1.25rem;color:var(--nylas-base-300)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content a:hover,.dropdown-content a:focus{background-color:var(--nylas-base-100)}.dropdown-content .selected{background-color:#e7e7e7}input[type=text]{width:-webkit-fill-available;padding:inherit;border:1px solid #ccc;border-radius:4px;position:sticky;background:no-repeat scroll 7px 7px;padding-left:30px;background-size:16px 16px}",b=p,l=class{constructor(e){i.registerInstance(this,e),this.selectedOptionChanged=i.createEvent(this,"selectedOptionChanged",7),this.name=void 0,this.options=[],this.defaultSelectedOption=void 0,this.selectedOption=this.defaultSelectedOption||null,this.isOpen=!1,this.searchValue="",this.filteredOptions=[...this.options],this.ariaActivedescendant=""}componentWillLoad(){this.filteredOptions=this.options,!this.selectedOption&&this.options.length>0&&(this.selectedOption=this.options[0])}toggleDropdown(){this.isOpen=!this.isOpen}filterOptions(e){const t=e.target.value;this.searchValue=t,this.filteredOptions=this.options.filter(s=>s.label.toLowerCase().includes(t.toLowerCase()))}selectOption(e){this.selectedOption=e,this.toggleDropdown(),this.selectedOptionChanged.emit({value:e.value,name:this.name})}handleSelectButtonKeyDown(e){var t;switch(e.key){case"ArrowDown":case"Enter":e.preventDefault(),this.isOpen||this.toggleDropdown(),(t=this.inputRef)==null||t.focus();break;case"Escape":this.isOpen=!1;break}}handleListboxKeydown(e){var n,a;const t=this.filteredOptions,s=t.findIndex(o=>o.value===this.ariaActivedescendant);if(e.key==="ArrowDown"||e.key==="Tab"&&!e.shiftKey){if(e.preventDefault(),s===t.length-1){this.ariaActivedescendant="",(n=this.inputRef)==null||n.focus();return}const o=s+1<t.length?s+1:0;this.ariaActivedescendant=t[o].value,this.focusOption(o)}else if(e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey){if(e.preventDefault(),s===0){this.ariaActivedescendant="",(a=this.inputRef)==null||a.focus();return}const o=s-1>=0?s-1:t.length-1;this.ariaActivedescendant=t[o].value,this.focusOption(o)}else e.key==="Enter"?(e.preventDefault(),this.ariaActivedescendant&&this.selectOption(t[s])):e.key==="Escape"&&(this.isOpen=!1)}focusOption(e){var a;const t=this.filteredOptions[e];if(!t)return;const s=t.value,n=(a=this.el.shadowRoot)==null?void 0:a.getElementById(s);n&&(n.focus(),n.scrollIntoView({behavior:"smooth",block:"nearest"}))}handleComboboxKeyDown(e){e.key==="ArrowDown"||e.key=="Tab"&&!e.shiftKey?(e.preventDefault(),this.ariaActivedescendant=this.filteredOptions[0].value,this.focusOption(0)):e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey?(e.preventDefault(),this.ariaActivedescendant=this.filteredOptions[this.filteredOptions.length-1].value,this.focusOption(this.filteredOptions.length-1)):e.key==="Escape"&&(this.isOpen=!1)}handleOutsideClick(e){!e.composedPath().includes(this.el)&&this.isOpen&&(this.isOpen=!1)}render(){var e;return i.h("div",{key:"7ebf4768db42ef9d5a220fe2a3c0fbe8f8c604d3",class:"dropdown"},i.h("button",{key:"61a3b0bbae22051a086b0731a5665ab4406e0fb6",class:{dropbtn:!0,open:this.isOpen},onClick:()=>this.toggleDropdown(),"aria-haspopup":"listbox","aria-expanded":this.isOpen?"true":"false","aria-label":this.name,onKeyDown:t=>this.handleSelectButtonKeyDown(t)},i.h("slot",{key:"524524003a5b1befd04d84a550e8779ba432e6a6",name:"select-icon","aria-hidden":"true"}),i.h("span",{key:"55c27a218ae3668c0bc6787fdc43f75b4aa4f421",class:"selected-option"},(e=this.selectedOption)==null?void 0:e.label),i.h("span",{key:"64e34fc4ce09240416f37653b35a5dc1a4752222",class:this.isOpen?"open":"closed","aria-hidden":"true"},i.h("chevron-icon",{key:"9e602e625986844d519a9c6c9bb8ae62f1cdf84d",width:"16",height:"16"}))),this.isOpen?i.h("div",{class:"dropdown-content"},i.h("div",{class:{"search-box":!0,open:this.isOpen}},i.h("search-icon",{width:"15",height:"15",class:"icon"}),i.h("input",{type:"text",role:"combobox",placeholder:"Search",value:this.searchValue,ref:t=>this.inputRef=t,onInput:t=>this.filterOptions(t),onKeyDown:t=>this.handleComboboxKeyDown(t)})),i.h("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:t=>this.handleListboxKeydown(t)},this.filteredOptions.map(t=>i.h("li",{tabindex:"0",key:t.value,id:t.value,onClick:()=>this.selectOption(t),role:"option"},`${t.label}`)))):null)}get el(){return i.getElement(this)}};l.style=b;const f=".sc-translate-icon-h{display:flex}",u=f,d=class{constructor(e){i.registerInstance(this,e),this.width="16",this.height="16"}render(){return i.h("svg",{key:"482a971e7045aba7372284ea28e2cac899909663",xmlns:"http://www.w3.org/2000/svg",width:this.width,height:this.height,viewBox:"0 0 20 20",fill:"none"},i.h("path",{key:"9bac1f8dd4c2317376847fe100875fa50ddeaf03",fill:"currentColor",d:"M14.1663 4.02867C14.4267 4.12081 14.563 4.40654 14.4709 4.66685C14.3501 5.00788 14.2182 5.4771 14.1178 5.86047C14.6877 5.77587 15.2665 5.65653 15.8867 5.51288C16.1557 5.45058 16.4243 5.61815 16.4866 5.88717C16.5489 6.15619 16.3814 6.42479 16.1123 6.4871C15.339 6.66621 14.6101 6.81289 13.8717 6.90283C13.7759 7.35654 13.7014 7.77084 13.6451 8.15021C14.1202 8.04599 14.5738 8.00553 14.9996 8.02075L14.9996 8C14.9996 7.72386 15.2235 7.5 15.4996 7.5C15.7758 7.5 15.9996 7.72386 15.9996 8C15.9996 8.05657 15.9991 8.11281 15.9979 8.16871C17.1392 8.47838 17.9781 9.23987 18.3435 10.2263C18.9579 11.8853 18.1287 13.8787 15.7027 14.9569C15.4504 15.069 15.1549 14.9554 15.0427 14.7031C14.9306 14.4507 15.0442 14.1552 15.2966 14.0431C17.3705 13.1213 17.7913 11.6147 17.4057 10.5737C17.1874 9.984 16.6776 9.44916 15.9129 9.18633C15.6829 10.7237 15.021 11.9466 14.229 12.7925C14.3126 12.9656 14.3958 13.1436 14.4641 13.3151C14.5662 13.5717 14.441 13.8625 14.1844 13.9646C13.9278 14.0667 13.637 13.9415 13.5349 13.6849C13.5066 13.6137 13.4777 13.5463 13.448 13.4802C13.028 13.7794 12.5905 13.9869 12.1705 14.0835C11.5942 14.2161 10.963 14.1517 10.534 13.6942C9.88917 13.0053 9.84361 11.8611 10.2855 10.8412C10.6652 9.96479 11.4186 9.11781 12.5848 8.54034C12.6387 8.07338 12.7199 7.55894 12.8332 6.98891C12.3926 7.00755 11.9403 7.00326 11.4659 6.97127C11.1904 6.95269 10.9821 6.71428 11.0007 6.43876C11.0192 6.16325 11.2577 5.95496 11.5332 5.97353C12.0633 6.00928 12.5641 6.00772 13.0566 5.97553C13.1605 5.55444 13.3512 4.8331 13.5282 4.33317C13.6203 4.07286 13.906 3.93653 14.1663 4.02867ZM12.501 9.74109C11.8436 10.1821 11.427 10.7219 11.2031 11.2387C10.8542 12.0439 10.9881 12.716 11.2638 13.0105C11.2637 13.0104 11.2639 13.0106 11.2638 13.0105C11.3573 13.11 11.5624 13.1973 11.9463 13.109C12.2578 13.0373 12.6311 12.8571 13.0121 12.5576C12.8658 12.22 12.7272 11.8324 12.6313 11.353C12.5405 10.8996 12.4899 10.3743 12.501 9.74109ZM13.7808 11.7797C14.316 11.0956 14.759 10.1665 14.9271 9.01632C14.539 9.00681 14.1111 9.05601 13.6457 9.17854C13.605 9.19274 13.5647 9.20726 13.525 9.22209C13.4663 10.0545 13.5146 10.671 13.6118 11.1568C13.6578 11.3868 13.7156 11.5913 13.7808 11.7797ZM6.92028 5.2159C5.77942 4.88398 4.78409 5.00841 4.07616 5.21575C3.72264 5.3193 3.439 5.44393 3.24121 5.5443C3.14215 5.59457 3.0641 5.63901 3.00903 5.67212C2.98147 5.68868 2.95962 5.70244 2.9437 5.71271L2.92429 5.72542L2.91797 5.72966L2.91566 5.73123L2.91393 5.73241C2.91384 5.73249 2.91436 5.73325 2.94925 5.78397C3.23698 6.20225 3.1703 6.10548 2.91393 5.73241C2.68634 5.88881 2.62863 6.20009 2.78502 6.42767C2.94134 6.65514 3.25207 6.71313 3.47963 6.55703L3.4788 6.5576L3.48576 6.55305C3.49318 6.54826 3.50608 6.5401 3.52423 6.52919C3.56057 6.50735 3.6177 6.47463 3.69373 6.43605C3.84612 6.35872 4.07228 6.2589 4.35724 6.17544C4.92619 6.0088 5.72242 5.90898 6.64043 6.17595C7.35305 6.38517 7.66747 6.76919 7.82692 7.16112C7.98173 7.54163 8.0026 7.95751 8.00531 8.33243C7.46199 8.18407 6.79336 8.03682 6.08385 8.00744C5.04808 7.96456 3.8874 8.17096 2.87738 9.01102C1.98877 9.75011 1.78345 10.8818 2.07014 11.853C2.35713 12.8252 3.14925 13.692 4.31803 13.9348C5.22351 14.123 6.18016 13.8639 6.9599 13.5212C7.3403 13.354 7.69572 13.1594 8.0057 12.9665V13.5C8.0057 13.7761 8.22956 14 8.5057 14C8.78184 14 9.0057 13.7754 9.0057 13.4993L9.0057 8.44586C9.0058 8.05404 9.00595 7.40554 8.7532 6.78428C8.48142 6.11625 7.93342 5.51313 6.92136 5.21622L6.92028 5.2159ZM6.04249 9.00659C6.76366 9.03645 7.44769 9.209 8.0057 9.37205V11.757C7.65814 12.0182 7.13927 12.35 6.55757 12.6057C5.85264 12.9155 5.12729 13.0816 4.52148 12.9557C3.75127 12.7957 3.22322 12.2271 3.02922 11.5699C2.83491 10.9116 2.98777 10.2199 3.51683 9.77985C4.27958 9.14545 5.16917 8.97043 6.04249 9.00659Z"}))}};d.style=u;exports.search_icon=r;exports.select_dropdown=l;exports.translate_icon=d;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nylas/react",
3
- "version": "1.0.1-prealpha1",
3
+ "version": "1.0.2-prealpha1",
4
4
  "type": "module",
5
5
  "repository": {
6
6
  "type": "git",