@nylas/react 1.1.0-canary.5 → 1.1.0-canary.8

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 (108) hide show
  1. package/dist/add-circle-icon_22.entry-080abc71.cjs +1 -0
  2. package/dist/{add-circle-icon_22.entry-9f634efd.js → add-circle-icon_22.entry-bda9be31.js} +619 -532
  3. package/dist/{archive-icon_7.entry-6649ed76.cjs → archive-icon_7.entry-ca20da59.cjs} +1 -1
  4. package/dist/{archive-icon_7.entry-24bac466.js → archive-icon_7.entry-e2954750.js} +21 -21
  5. package/dist/arrow-icon.entry-03a85113.js +15 -0
  6. package/dist/{arrow-icon.entry-1fffd526.cjs → arrow-icon.entry-548b027e.cjs} +1 -1
  7. package/dist/{bold-icon_3.entry-72e585da.js → bold-icon_3.entry-70ffa7f0.js} +4 -4
  8. package/dist/{bold-icon_3.entry-5a01fecf.cjs → bold-icon_3.entry-9a7b1869.cjs} +1 -1
  9. package/dist/{calendar-cancel-icon.entry-0b52bdc9.cjs → calendar-cancel-icon.entry-45388fdc.cjs} +1 -1
  10. package/dist/{calendar-cancel-icon.entry-247b530c.js → calendar-cancel-icon.entry-6bbc119f.js} +5 -5
  11. package/dist/{calendar-check-icon_2.entry-d7bb76c7.cjs → calendar-check-icon_2.entry-6628456c.cjs} +1 -1
  12. package/dist/{calendar-check-icon_2.entry-dbb2df49.js → calendar-check-icon_2.entry-f633f7a6.js} +10 -10
  13. package/dist/{calendar-icon.entry-911773c4.cjs → calendar-icon.entry-379b1fa1.cjs} +1 -1
  14. package/dist/{calendar-icon.entry-d64cb3d3.js → calendar-icon.entry-62b82c27.js} +5 -5
  15. package/dist/{chevron-icon_3.entry-db9f8217.js → chevron-icon_3.entry-74425e1f.js} +11 -11
  16. package/dist/{chevron-icon_3.entry-b72f4cdb.cjs → chevron-icon_3.entry-7ff803ad.cjs} +1 -1
  17. package/dist/close-icon.entry-18e140ed.cjs +1 -0
  18. package/dist/close-icon.entry-6a8ea4a7.js +15 -0
  19. package/dist/{constants-6ee60d6d-d5928e79.js → constants-f34b9c6e-95a17764.js} +10 -1
  20. package/dist/{constants-6ee60d6d-09ee73d9.cjs → constants-f34b9c6e-e7137e51.cjs} +2 -2
  21. package/dist/{document-refresh-icon.entry-ee9632d7.js → document-refresh-icon.entry-32c75418.js} +2 -2
  22. package/dist/{document-refresh-icon.entry-5e8cc2f0.cjs → document-refresh-icon.entry-f15f795a.cjs} +1 -1
  23. package/dist/{elements-dc5b338e-29ef67ec.cjs → elements-dc5b338e-1f23530f.cjs} +1 -1
  24. package/dist/{elements-dc5b338e-e87f79b6.js → elements-dc5b338e-62fe1cf3.js} +1 -1
  25. package/dist/{focus-visible-e8093c16-e7357f74.js → focus-visible-e8093c16-1f664070.js} +1 -1
  26. package/dist/{focus-visible-e8093c16-61d506d2.cjs → focus-visible-e8093c16-f0f05815.cjs} +1 -1
  27. package/dist/{forward-icon_6.entry-f054ad9d.js → forward-icon_6.entry-7fab04d7.js} +9 -9
  28. package/dist/{forward-icon_6.entry-cac8473a.cjs → forward-icon_6.entry-ef5e2e0f.cjs} +2 -2
  29. package/dist/{globe-icon.entry-bc484551.cjs → globe-icon.entry-398a9826.cjs} +1 -1
  30. package/dist/{globe-icon.entry-2fde6ac4.js → globe-icon.entry-b8e1efae.js} +4 -4
  31. package/dist/google-logo-icon_4.entry-38d5c2f2.cjs +1 -0
  32. package/dist/google-logo-icon_4.entry-5eca9538.js +381 -0
  33. package/dist/{index-22f7e49c.cjs → index-93c50de4.cjs} +11 -11
  34. package/dist/{index-f9ba9aa8.js → index-f93f6948.js} +890 -855
  35. package/dist/{index.es-f57e612a-1d17c676.js → index.es-df564f87-b773d34f.js} +1 -1
  36. package/dist/{index.es-f57e612a-95ca3e17.cjs → index.es-df564f87-e4a4092a.cjs} +1 -1
  37. package/dist/{info-icon_2.entry-e67844eb.cjs → info-icon_2.entry-2eb70f49.cjs} +1 -1
  38. package/dist/{info-icon_2.entry-dbf3931a.js → info-icon_2.entry-6bbfa6dc.js} +5 -5
  39. package/dist/loading-icon.entry-b563b2e6.js +15 -0
  40. package/dist/loading-icon.entry-fb04b893.cjs +1 -0
  41. package/dist/{mailbox-store-47fc8a1a-cd3516a7.cjs → mailbox-store-69c5c5f6-631eddb5.cjs} +1 -1
  42. package/dist/{mailbox-store-47fc8a1a-2365f20f.js → mailbox-store-69c5c5f6-8ab4670b.js} +2 -2
  43. package/dist/{nylas-additional-participants.entry-7c568149.cjs → nylas-additional-participants.entry-33a45477.cjs} +1 -1
  44. package/dist/{nylas-additional-participants.entry-e8426256.js → nylas-additional-participants.entry-4b214308.js} +9 -9
  45. package/dist/{nylas-booked-event-card_10.entry-6a664889.cjs → nylas-booked-event-card_10.entry-3e225025.cjs} +1 -1
  46. package/dist/{nylas-booked-event-card_10.entry-ef767733.js → nylas-booked-event-card_10.entry-e93bc290.js} +7 -7
  47. package/dist/{nylas-form-card.entry-d8506b1f.js → nylas-form-card.entry-0748fdd5.js} +16 -16
  48. package/dist/{nylas-form-card.entry-e44169b6.cjs → nylas-form-card.entry-eb3607bc.cjs} +1 -1
  49. package/dist/{nylas-if-state.entry-044c49d2.cjs → nylas-if-state.entry-276d61ad.cjs} +1 -1
  50. package/dist/{nylas-if-state.entry-98a336df.js → nylas-if-state.entry-f8abd025.js} +2 -2
  51. package/dist/{nylas-list-folders.entry-55ce3403.js → nylas-list-folders.entry-78cc680e.js} +3 -3
  52. package/dist/{nylas-list-folders.entry-509f9be4.cjs → nylas-list-folders.entry-afe02f0e.cjs} +1 -1
  53. package/dist/{nylas-list-threads.entry-1f57382a.js → nylas-list-threads.entry-217088de.js} +4 -4
  54. package/dist/{nylas-list-threads.entry-c36e2cf3.cjs → nylas-list-threads.entry-6395c12f.cjs} +1 -1
  55. package/dist/{nylas-login.entry-76358c2f.js → nylas-login.entry-e4d57589.js} +7 -7
  56. package/dist/{nylas-login.entry-66f542b8.cjs → nylas-login.entry-ec81e21b.cjs} +1 -1
  57. package/dist/{nylas-mailbox-pagination.entry-5562257a.js → nylas-mailbox-pagination.entry-069673aa.js} +2 -2
  58. package/dist/{nylas-mailbox-pagination.entry-89b0dd99.cjs → nylas-mailbox-pagination.entry-d4d929f1.cjs} +1 -1
  59. package/dist/{nylas-mailbox-toolbar-button.entry-6b1b5b15.js → nylas-mailbox-toolbar-button.entry-03c5f5c8.js} +8 -8
  60. package/dist/{nylas-mailbox-toolbar-button.entry-573e0429.cjs → nylas-mailbox-toolbar-button.entry-2b9e4431.cjs} +1 -1
  61. package/dist/{nylas-mailbox.entry-e21a2f50.cjs → nylas-mailbox.entry-1342178d.cjs} +1 -1
  62. package/dist/{nylas-mailbox.entry-97c503f2.js → nylas-mailbox.entry-7e6b4791.js} +4 -4
  63. package/dist/{nylas-provider.entry-61899957.cjs → nylas-provider.entry-0ae8e70a.cjs} +1 -1
  64. package/dist/{nylas-provider.entry-07e1e26a.js → nylas-provider.entry-498a7be9.js} +16 -16
  65. package/dist/{nylas-scheduler-editor.entry-e326c9de.js → nylas-scheduler-editor.entry-4de2bb97.js} +66 -66
  66. package/dist/{nylas-scheduler-editor.entry-60fe38ce.cjs → nylas-scheduler-editor.entry-72c91b7d.cjs} +3 -3
  67. package/dist/{nylas-scheduling.entry-d88289db.cjs → nylas-scheduling.entry-1a004916.cjs} +1 -1
  68. package/dist/{nylas-scheduling.entry-be0cc090.js → nylas-scheduling.entry-4e18ab43.js} +3 -3
  69. package/dist/{nylas-threads-refresh.entry-c71ee775.cjs → nylas-threads-refresh.entry-d020c89e.cjs} +1 -1
  70. package/dist/{nylas-threads-refresh.entry-8201f8dd.js → nylas-threads-refresh.entry-fc2d8028.js} +11 -11
  71. package/dist/{nylas-threads-search.entry-912a90a4.cjs → nylas-threads-search.entry-0abcbc10.cjs} +1 -1
  72. package/dist/{nylas-threads-search.entry-fc477e01.js → nylas-threads-search.entry-f92f7e30.js} +12 -12
  73. package/dist/{nylas-view-thread.entry-d2953ea8.js → nylas-view-thread.entry-2f1474cf.js} +6 -6
  74. package/dist/{nylas-view-thread.entry-af418ddb.cjs → nylas-view-thread.entry-56080c89.cjs} +1 -1
  75. package/dist/{people-icon.entry-73cfa6f5.cjs → people-icon.entry-431e5044.cjs} +1 -1
  76. package/dist/{people-icon.entry-4b598fde.js → people-icon.entry-b4778e15.js} +7 -7
  77. package/dist/{play-icon_2.entry-d1c2f823.js → play-icon_2.entry-24ffa01f.js} +8 -8
  78. package/dist/play-icon_2.entry-f97db395.cjs +1 -0
  79. package/dist/react.cjs +1 -1
  80. package/dist/react.js +11 -11
  81. package/dist/{refresh-icon.entry-6aedfce6.js → refresh-icon.entry-8395104b.js} +4 -4
  82. package/dist/{refresh-icon.entry-42d543d0.cjs → refresh-icon.entry-cf4416b8.cjs} +1 -1
  83. package/dist/{register-component-cf5c8420-dc1bc0a4.js → register-component-b9cfcbaf-c0147194.js} +1 -1
  84. package/dist/{register-component-cf5c8420-d3fb6bf9.cjs → register-component-b9cfcbaf-d40e1f3c.cjs} +1 -1
  85. package/dist/scheduler-config-store-07d98279-0610e42f.cjs +1 -0
  86. package/dist/scheduler-config-store-07d98279-3b70606c.js +24 -0
  87. package/dist/scheduler-store-24fd0e91-2dba20c2.cjs +1 -0
  88. package/dist/{scheduler-store-39d37291-4e8e9ff9.js → scheduler-store-24fd0e91-47098841.js} +89 -80
  89. package/dist/{time-period-selector.entry-f1e27a00.js → time-period-selector.entry-1e849c2e.js} +2 -2
  90. package/dist/{time-period-selector.entry-fb3d0178.cjs → time-period-selector.entry-d8f3462f.cjs} +1 -1
  91. package/dist/{translate-icon.entry-0d44b6cb.cjs → translate-icon.entry-66533238.cjs} +1 -1
  92. package/dist/{translate-icon.entry-3db947f5.js → translate-icon.entry-d847f706.js} +5 -5
  93. package/dist/{warning-icon.entry-a20657e4.cjs → warning-icon.entry-1f0f00ed.cjs} +1 -1
  94. package/dist/warning-icon.entry-b5db0151.js +15 -0
  95. package/package.json +3 -3
  96. package/dist/add-circle-icon_22.entry-e7ec6c34.cjs +0 -1
  97. package/dist/arrow-icon.entry-82e59ce4.js +0 -15
  98. package/dist/close-icon.entry-9d141bb4.js +0 -15
  99. package/dist/close-icon.entry-da590fa2.cjs +0 -1
  100. package/dist/google-logo-icon_4.entry-a9848399.cjs +0 -1
  101. package/dist/google-logo-icon_4.entry-dca87e45.js +0 -349
  102. package/dist/loading-icon.entry-4566cba8.cjs +0 -1
  103. package/dist/loading-icon.entry-ae4c2d7e.js +0 -15
  104. package/dist/play-icon_2.entry-1a487abb.cjs +0 -1
  105. package/dist/scheduler-config-store-6222c0ed-000f1a4f.js +0 -18
  106. package/dist/scheduler-config-store-6222c0ed-758621fb.cjs +0 -1
  107. package/dist/scheduler-store-39d37291-b66c052c.cjs +0 -1
  108. package/dist/warning-icon.entry-a8ea0fe0.js +0 -15
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-22f7e49c.cjs"),f=require("./register-component-cf5c8420-d3fb6bf9.cjs");require("react");require("react-dom");const h=":host{display:block}.folders{display:flex;flex-direction:column;align-items:self-start}.folders .folder{border:1px solid var(--nylas-color-primary-100);padding:0.5rem 0.75rem;margin-bottom:0.5rem;justify-content:left;width:100%;min-width:200px;border-radius:var(--nylas-border-radius);background-color:var(--nylas-color-primary-50)}.folders .folder:last-child{margin-bottom:0}.folders .folder.selected{background-color:var(--nylas-color-primary-100)}.folders .folder .icon{margin-right:0.5rem;stroke:var(--nylas-color-primary-900);fill:none}hr{width:100%;margin:1rem 0;border:0;border-top:1px solid var(--nylas-color-primary-100)}",m=h;var u=function(o,t,e,l){var s=arguments.length,n=s<3?t:l===null?l=Object.getOwnPropertyDescriptor(t,e):l,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,t,e,l);else for(var d=o.length-1;d>=0;d--)(a=o[d])&&(n=(s<3?a(n):s>3?a(t,e,n):a(t,e))||n);return s>3&&n&&Object.defineProperty(t,e,n),n},i=function(o,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(o,t)};const c=class{constructor(o){r.registerInstance(this,o),this.folderSelected=r.createEvent(this,"folderSelected",7),this.folderSelectedHandler=t=>{var e;(e=this.folderSelected)==null||e.emit(t)},this.folders=void 0,this.selectedFolder=void 0,this.defaultFolders=void 0,this.otherFolders=void 0}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){r.debug("[nylas-list-folders] Component will load")}async componentDidLoad(){r.debug("[nylas-list-folders] Component did load")}watchFolders(o){r.debug("[nylas-list-folders] watchFolders",{newFolders:o});const t=["inbox","drafts","sent","starred","spam","archive","trash"];this.defaultFolders=t.filter(e=>o.find(l=>{var s;return((s=l.name)==null?void 0:s.toLowerCase())===e.toLowerCase()})).map(e=>o.find(l=>{var s;return((s=l.name)==null?void 0:s.toLowerCase())===e.toLowerCase()})).filter(e=>typeof e<"u").sort((e,l)=>t.indexOf((e==null?void 0:e.name)??"")-t.indexOf((l==null?void 0:l.name)??"")),this.otherFolders=o.filter(e=>!t.find(l=>{var s;return((s=e.name)==null?void 0:s.toLowerCase())===l.toLowerCase()})).sort((e,l)=>(e.name??"").localeCompare(l.name??""))}formatFolderName(o){var t;return r.toTitleCase(((t=o.name)==null?void 0:t.replace("CATEGORY_",""))??"Unknown")}getFolderIcon(o){var t;switch((t=o.name)==null?void 0:t.toLowerCase()){case"inbox":return r.h("inbox-icon",null);case"drafts":return r.h("drafts-icon",null);case"sent":return r.h("sent-icon",null);case"starred":return r.h("star-icon",null);case"spam":return r.h("spam-icon",null);case"archive":return r.h("archive-icon",null);case"trash":return r.h("trash-icon",null);default:return r.h("folder-icon",null)}}render(){var o,t;return r.h(r.Host,{key:"f7658523537781559e3fa8dcef8930beb8ae786f"},r.h("div",{key:"e08916ae6b756aded1ab5efa01f3e897ee3d97e3",class:"folders"},(o=this.defaultFolders)==null?void 0:o.map(e=>{var l;return r.h("sp-button",{onClick:()=>this.folderSelectedHandler(e),class:{folder:!0,selected:r.formatFolderName(e.name??"inbox").toLowerCase()===((l=this.selectedFolder)==null?void 0:l.toLowerCase())}},r.h("div",{slot:"icon",class:"icon"},this.getFolderIcon(e)),this.formatFolderName(e))})),this.otherFolders&&r.h(r.Fragment,null,r.h("hr",null),r.h("div",{class:"folders"},(t=this.otherFolders)==null?void 0:t.map(e=>{var l;return r.h("sp-button",{onClick:()=>this.folderSelectedHandler(e),class:{folder:!0,selected:r.formatFolderName(e.name??"inbox").toLowerCase()===((l=this.selectedFolder)==null?void 0:l.toLowerCase())}},r.h("div",{slot:"icon",class:"icon"},this.getFolderIcon(e)),this.formatFolderName(e))}))))}static get watchers(){return{folders:["watchFolders"]}}};u([f.RegisterComponent({name:"nylas-pagination",stateToProps:new Map([["mailbox.folders","folders"],["mailbox.selectedFolder","selectedFolder"]]),eventToProps:{folderSelected:async(o,t)=>{r.debug("[nylas-list-folders] folderSelected event",{_event:o}),await t.threads.getThreads({page_token:void 0,in:r.formatFolderName(o.detail.id??"inbox")})}},fireRegisterEvent:!0}),i("design:type",Function),i("design:paramtypes",[]),i("design:returntype",void 0)],c.prototype,"render",null);c.style=m;exports.nylas_list_folders=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-93c50de4.cjs"),f=require("./register-component-b9cfcbaf-d40e1f3c.cjs");require("react");require("react-dom");const h=":host{display:block}.folders{display:flex;flex-direction:column;align-items:self-start}.folders .folder{border:1px solid var(--nylas-color-primary-100);padding:0.5rem 0.75rem;margin-bottom:0.5rem;justify-content:left;width:100%;min-width:200px;border-radius:var(--nylas-border-radius);background-color:var(--nylas-color-primary-50)}.folders .folder:last-child{margin-bottom:0}.folders .folder.selected{background-color:var(--nylas-color-primary-100)}.folders .folder .icon{margin-right:0.5rem;stroke:var(--nylas-color-primary-900);fill:none}hr{width:100%;margin:1rem 0;border:0;border-top:1px solid var(--nylas-color-primary-100)}",m=h;var u=function(o,t,e,l){var s=arguments.length,n=s<3?t:l===null?l=Object.getOwnPropertyDescriptor(t,e):l,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,t,e,l);else for(var d=o.length-1;d>=0;d--)(a=o[d])&&(n=(s<3?a(n):s>3?a(t,e,n):a(t,e))||n);return s>3&&n&&Object.defineProperty(t,e,n),n},i=function(o,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(o,t)};const c=class{constructor(o){r.registerInstance(this,o),this.folderSelected=r.createEvent(this,"folderSelected",7),this.folderSelectedHandler=t=>{var e;(e=this.folderSelected)==null||e.emit(t)},this.folders=void 0,this.selectedFolder=void 0,this.defaultFolders=void 0,this.otherFolders=void 0}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){r.debug("[nylas-list-folders] Component will load")}async componentDidLoad(){r.debug("[nylas-list-folders] Component did load")}watchFolders(o){r.debug("[nylas-list-folders] watchFolders",{newFolders:o});const t=["inbox","drafts","sent","starred","spam","archive","trash"];this.defaultFolders=t.filter(e=>o.find(l=>{var s;return((s=l.name)==null?void 0:s.toLowerCase())===e.toLowerCase()})).map(e=>o.find(l=>{var s;return((s=l.name)==null?void 0:s.toLowerCase())===e.toLowerCase()})).filter(e=>typeof e<"u").sort((e,l)=>t.indexOf((e==null?void 0:e.name)??"")-t.indexOf((l==null?void 0:l.name)??"")),this.otherFolders=o.filter(e=>!t.find(l=>{var s;return((s=e.name)==null?void 0:s.toLowerCase())===l.toLowerCase()})).sort((e,l)=>(e.name??"").localeCompare(l.name??""))}formatFolderName(o){var t;return r.toTitleCase(((t=o.name)==null?void 0:t.replace("CATEGORY_",""))??"Unknown")}getFolderIcon(o){var t;switch((t=o.name)==null?void 0:t.toLowerCase()){case"inbox":return r.h("inbox-icon",null);case"drafts":return r.h("drafts-icon",null);case"sent":return r.h("sent-icon",null);case"starred":return r.h("star-icon",null);case"spam":return r.h("spam-icon",null);case"archive":return r.h("archive-icon",null);case"trash":return r.h("trash-icon",null);default:return r.h("folder-icon",null)}}render(){var o,t;return r.h(r.Host,{key:"222ae81308d17cbdc7c3a44f0902fc683c88da1d"},r.h("div",{key:"5ac1653c3b9ea1e3712e7597becc4d38435f3fa1",class:"folders"},(o=this.defaultFolders)==null?void 0:o.map(e=>{var l;return r.h("sp-button",{onClick:()=>this.folderSelectedHandler(e),class:{folder:!0,selected:r.formatFolderName(e.name??"inbox").toLowerCase()===((l=this.selectedFolder)==null?void 0:l.toLowerCase())}},r.h("div",{slot:"icon",class:"icon"},this.getFolderIcon(e)),this.formatFolderName(e))})),this.otherFolders&&r.h(r.Fragment,null,r.h("hr",null),r.h("div",{class:"folders"},(t=this.otherFolders)==null?void 0:t.map(e=>{var l;return r.h("sp-button",{onClick:()=>this.folderSelectedHandler(e),class:{folder:!0,selected:r.formatFolderName(e.name??"inbox").toLowerCase()===((l=this.selectedFolder)==null?void 0:l.toLowerCase())}},r.h("div",{slot:"icon",class:"icon"},this.getFolderIcon(e)),this.formatFolderName(e))}))))}static get watchers(){return{folders:["watchFolders"]}}};u([f.RegisterComponent({name:"nylas-pagination",stateToProps:new Map([["mailbox.folders","folders"],["mailbox.selectedFolder","selectedFolder"]]),eventToProps:{folderSelected:async(o,t)=>{r.debug("[nylas-list-folders] folderSelected event",{_event:o}),await t.threads.getThreads({page_token:void 0,in:r.formatFolderName(o.detail.id??"inbox")})}},fireRegisterEvent:!0}),i("design:type",Function),i("design:paramtypes",[]),i("design:returntype",void 0)],c.prototype,"render",null);c.style=m;exports.nylas_list_folders=c;
@@ -1,5 +1,5 @@
1
- import { r as m, c as u, d as n, h as a, a as h, b as y, H as f } from "./index-f9ba9aa8.js";
2
- import { R as b } from "./register-component-cf5c8420-dc1bc0a4.js";
1
+ import { r as m, c as u, d as n, h as a, a as h, b as f, H as y } from "./index-f93f6948.js";
2
+ import { R as b } from "./register-component-b9cfcbaf-c0147194.js";
3
3
  import "react";
4
4
  import "react-dom";
5
5
  const v = ':host{display:block;font-size:var(--nylas-font-size, inherit);font-family:var(--nylas-font-family, inherit)}.list-thread{display:grid;grid-auto-flow:row;color:var(--nylas-color-primary-800);width:100%}.thread{position:relative;width:100%;display:grid;padding:0.5rem 1rem;column-gap:0.25rem;grid-template-areas:"........ from count ....... date actions" "checkbox subject subject subject subject actions" "........ snippet snippet snippet snippet actions";grid-template-columns:auto auto auto auto auto auto;margin-bottom:0.75rem;border-radius:var(--nylas-border-radius-2x);color:var(--nylas-color-primary-00);background-color:var(--nylas-color-primary-50);border:0;box-sizing:border-box;text-align:left;cursor:pointer;box-shadow:1px 1px 3px 0px rgba(0, 0, 0, 0.3);font-size:inherit;font-family:inherit}.thread.loading{animation:pulsate 1.5s infinite ease-in-out;width:100%;height:90px}.thread:last-of-type{margin-bottom:0}.thread.selected{box-shadow:0 2px 0 0 var(--nylas-color-primary-200);background-color:var(--nylas-color-primary-100)}.thread:hover{box-shadow:0 2px 0 0 var(--nylas-color-primary-200);background-color:var(--nylas-color-primary-100)}.thread>div{align-self:center;pointer-events:all !important}.thread .actions{grid-area:actions}.thread .actions sp-action-menu{pointer-events:initial !important}.thread .actions sp-action-button{pointer-events:initial !important}.thread .actions sp-menu-item{pointer-events:initial !important}.thread .checkbox{grid-area:checkbox;margin-right:0.5rem;pointer-events:initial !important}.thread .checkbox sp-checkbox{pointer-events:initial !important}.thread .star{grid-area:star;justify-self:end}.thread .from{grid-area:from;color:var(--nylas-color-primary-600)}.thread .count{grid-area:count;color:var(--nylas-color-primary-600)}.thread .subject{grid-area:subject;color:var(--nylas-color-primary-600)}.thread .snippet{grid-area:snippet;color:var(--nylas-color-primary-500)}.thread .date{grid-area:date;align-self:center;color:var(--nylas-color-primary-500)}.thread.unread .from,.thread.unread .count,.thread.unread .subject,.thread.unread .date{font-weight:600;color:var(--nylas-color-primary-800)}.thread.unread .snippet{color:var(--nylas-color-primary-700)}.thread .from{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread .snippet{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread .subject{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width: 768px){.thread{column-gap:1rem;grid-template-areas:"checkbox from count subject snippet date actions";grid-template-columns:auto minmax(auto, 200px) auto auto 1fr auto auto;margin-bottom:0.5rem;border:1px solid var(--nylas-color-primary-100)}.thread.no-checkbox{grid-template-areas:"from count subject snippet date actions";grid-template-columns:minmax(auto, 200px) auto auto 1fr auto auto}.thread .checkbox{margin-right:0}}@keyframes pulsate{0%{background-color:var(--nylas-color-primary-50)}50%{background-color:var(--nylas-color-primary-100)}100%{background-color:var(--nylas-color-primary-50)}}', g = v;
@@ -34,13 +34,13 @@ const p = class {
34
34
  n("[nylas-list-threads] Component did load", { isAuthenticated: this.isAuthenticated });
35
35
  }
36
36
  render() {
37
- return a(f, { key: "12a8ceca4ed6b48b6b2a792543e36c682c0ec6ec" }, a("div", { key: "351f7efcff7c52cba0b8074a8c67562cf083baa8", class: "list-thread", part: "list-thread" }, this.state === "loading" && new Array(10).fill(0).map((e, t) => a("div", { class: "thread loading", style: { animationDelay: `${t * 20}ms` } })), this.state === "ready" && this.threads.map((e) => {
37
+ return a(y, { key: "f943d924f47f9e1133bf87fcd32ee78e5b9bbf01" }, a("div", { key: "2159737dbb20305da9f966959d9da7a1830b9b2b", class: "list-thread", part: "list-thread" }, this.state === "loading" && new Array(10).fill(0).map((e, t) => a("div", { class: "thread loading", style: { animationDelay: `${t * 20}ms` } })), this.state === "ready" && this.threads.map((e) => {
38
38
  var t, r, i, s;
39
39
  return a("button", { key: e == null ? void 0 : e.id, class: {
40
40
  thread: !0,
41
41
  unread: (e == null ? void 0 : e.unread) === !0,
42
42
  "no-checkbox": this.showCheckbox === !1
43
- }, part: "thread", "aria-label": `Thread with subject ${e == null ? void 0 : e.subject}`, onClick: () => this.handleThreadSelected(e) }, this.showCheckbox && a("div", { class: "checkbox", part: "checkbox" }, a("sp-checkbox", { size: "s", value: e == null ? void 0 : e.id, onClick: this.handleCheckboxClick })), a("div", { class: "from", part: "from" }, h(e.participants ?? [], (t = this.tokenInfo) == null ? void 0 : t.email, ((r = e == null ? void 0 : e.message_ids) == null ? void 0 : r.length) || 1, 1)), a("div", { class: "subject", part: "subject" }, e == null ? void 0 : e.subject), a("div", { class: "count", part: "count" }, ((i = e == null ? void 0 : e.message_ids) == null ? void 0 : i.length) || 1), a("div", { class: "snippet", part: "snippet" }, (s = e == null ? void 0 : e.snippet) == null ? void 0 : s.trim()), e.latest_message_received_date && a("div", { class: "date", "aria-label": `${Intl.DateTimeFormat(void 0, { dateStyle: "full" }).format(new Date(e.latest_message_received_date * 1e3))}`, part: "date" }, y(e.latest_message_received_date)));
43
+ }, part: "thread", "aria-label": `Thread with subject ${e == null ? void 0 : e.subject}`, onClick: () => this.handleThreadSelected(e) }, this.showCheckbox && a("div", { class: "checkbox", part: "checkbox" }, a("sp-checkbox", { size: "s", value: e == null ? void 0 : e.id, onClick: this.handleCheckboxClick })), a("div", { class: "from", part: "from" }, h(e.participants ?? [], (t = this.tokenInfo) == null ? void 0 : t.email, ((r = e == null ? void 0 : e.message_ids) == null ? void 0 : r.length) || 1, 1)), a("div", { class: "subject", part: "subject" }, e == null ? void 0 : e.subject), a("div", { class: "count", part: "count" }, ((i = e == null ? void 0 : e.message_ids) == null ? void 0 : i.length) || 1), a("div", { class: "snippet", part: "snippet" }, (s = e == null ? void 0 : e.snippet) == null ? void 0 : s.trim()), e.latest_message_received_date && a("div", { class: "date", "aria-label": `${Intl.DateTimeFormat(void 0, { dateStyle: "full" }).format(new Date(e.latest_message_received_date * 1e3))}`, part: "date" }, f(e.latest_message_received_date)));
44
44
  })));
45
45
  }
46
46
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-22f7e49c.cjs"),p=require("./register-component-cf5c8420-d3fb6bf9.cjs");require("react");require("react-dom");const u=':host{display:block;font-size:var(--nylas-font-size, inherit);font-family:var(--nylas-font-family, inherit)}.list-thread{display:grid;grid-auto-flow:row;color:var(--nylas-color-primary-800);width:100%}.thread{position:relative;width:100%;display:grid;padding:0.5rem 1rem;column-gap:0.25rem;grid-template-areas:"........ from count ....... date actions" "checkbox subject subject subject subject actions" "........ snippet snippet snippet snippet actions";grid-template-columns:auto auto auto auto auto auto;margin-bottom:0.75rem;border-radius:var(--nylas-border-radius-2x);color:var(--nylas-color-primary-00);background-color:var(--nylas-color-primary-50);border:0;box-sizing:border-box;text-align:left;cursor:pointer;box-shadow:1px 1px 3px 0px rgba(0, 0, 0, 0.3);font-size:inherit;font-family:inherit}.thread.loading{animation:pulsate 1.5s infinite ease-in-out;width:100%;height:90px}.thread:last-of-type{margin-bottom:0}.thread.selected{box-shadow:0 2px 0 0 var(--nylas-color-primary-200);background-color:var(--nylas-color-primary-100)}.thread:hover{box-shadow:0 2px 0 0 var(--nylas-color-primary-200);background-color:var(--nylas-color-primary-100)}.thread>div{align-self:center;pointer-events:all !important}.thread .actions{grid-area:actions}.thread .actions sp-action-menu{pointer-events:initial !important}.thread .actions sp-action-button{pointer-events:initial !important}.thread .actions sp-menu-item{pointer-events:initial !important}.thread .checkbox{grid-area:checkbox;margin-right:0.5rem;pointer-events:initial !important}.thread .checkbox sp-checkbox{pointer-events:initial !important}.thread .star{grid-area:star;justify-self:end}.thread .from{grid-area:from;color:var(--nylas-color-primary-600)}.thread .count{grid-area:count;color:var(--nylas-color-primary-600)}.thread .subject{grid-area:subject;color:var(--nylas-color-primary-600)}.thread .snippet{grid-area:snippet;color:var(--nylas-color-primary-500)}.thread .date{grid-area:date;align-self:center;color:var(--nylas-color-primary-500)}.thread.unread .from,.thread.unread .count,.thread.unread .subject,.thread.unread .date{font-weight:600;color:var(--nylas-color-primary-800)}.thread.unread .snippet{color:var(--nylas-color-primary-700)}.thread .from{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread .snippet{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread .subject{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width: 768px){.thread{column-gap:1rem;grid-template-areas:"checkbox from count subject snippet date actions";grid-template-columns:auto minmax(auto, 200px) auto auto 1fr auto auto;margin-bottom:0.5rem;border:1px solid var(--nylas-color-primary-100)}.thread.no-checkbox{grid-template-areas:"from count subject snippet date actions";grid-template-columns:minmax(auto, 200px) auto auto 1fr auto auto}.thread .checkbox{margin-right:0}}@keyframes pulsate{0%{background-color:var(--nylas-color-primary-50)}50%{background-color:var(--nylas-color-primary-100)}100%{background-color:var(--nylas-color-primary-50)}}',h=u;var m=function(e,a,r,i){var s=arguments.length,o=s<3?a:i===null?i=Object.getOwnPropertyDescriptor(a,r):i,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,a,r,i);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(o=(s<3?n(o):s>3?n(a,r,o):n(a,r))||o);return s>3&&o&&Object.defineProperty(a,r,o),o},c=function(e,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,a)};const d=class{constructor(e){t.registerInstance(this,e),this.threadSelected=t.createEvent(this,"threadSelected",7),this.handleThreadSelected=async a=>{t.debug("[nylas-list-threads] Thread selected",{thread:a}),this.threadSelected.emit(a).defaultPrevented||t.debug("[nylas-list-threads] Default event not prevented, selecting thread")},this.handleCheckboxClick=async a=>{t.debug("[nylas-list-threads] Checkbox clicked",{event:a}),a.stopPropagation()},this.threads=[],this.isAuthenticated=!1,this.tokenInfo=void 0,this.state="ready",this.showCheckbox=!1}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){t.debug("[nylas-list-threads] Component will load")}async componentDidLoad(){t.debug("[nylas-list-threads] Component did load",{isAuthenticated:this.isAuthenticated})}render(){return t.h(t.Host,{key:"12a8ceca4ed6b48b6b2a792543e36c682c0ec6ec"},t.h("div",{key:"351f7efcff7c52cba0b8074a8c67562cf083baa8",class:"list-thread",part:"list-thread"},this.state==="loading"&&new Array(10).fill(0).map((e,a)=>t.h("div",{class:"thread loading",style:{animationDelay:`${a*20}ms`}})),this.state==="ready"&&this.threads.map(e=>{var a,r,i,s;return t.h("button",{key:e==null?void 0:e.id,class:{thread:!0,unread:(e==null?void 0:e.unread)===!0,"no-checkbox":this.showCheckbox===!1},part:"thread","aria-label":`Thread with subject ${e==null?void 0:e.subject}`,onClick:()=>this.handleThreadSelected(e)},this.showCheckbox&&t.h("div",{class:"checkbox",part:"checkbox"},t.h("sp-checkbox",{size:"s",value:e==null?void 0:e.id,onClick:this.handleCheckboxClick})),t.h("div",{class:"from",part:"from"},t.formatParticipants(e.participants??[],(a=this.tokenInfo)==null?void 0:a.email,((r=e==null?void 0:e.message_ids)==null?void 0:r.length)||1,1)),t.h("div",{class:"subject",part:"subject"},e==null?void 0:e.subject),t.h("div",{class:"count",part:"count"},((i=e==null?void 0:e.message_ids)==null?void 0:i.length)||1),t.h("div",{class:"snippet",part:"snippet"},(s=e==null?void 0:e.snippet)==null?void 0:s.trim()),e.latest_message_received_date&&t.h("div",{class:"date","aria-label":`${Intl.DateTimeFormat(void 0,{dateStyle:"full"}).format(new Date(e.latest_message_received_date*1e3))}`,part:"date"},t.formatDateTime(e.latest_message_received_date)))})))}};m([p.RegisterComponent({name:"nylas-list-threads",stateToProps:new Map([["auth.isAuthenticated","isAuthenticated"],["auth.tokenInfo","tokenInfo"],["mailbox.threads","threads"],["mailbox.state","state"]]),eventToProps:{threadSelected:async(e,a)=>{t.debug("[nylas-list-threads] Thread selected",{event:e}),await a.threads.selectThread(e.detail)}},fireRegisterEvent:!0}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],d.prototype,"render",null);d.style=h;exports.nylas_list_threads=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-93c50de4.cjs"),p=require("./register-component-b9cfcbaf-d40e1f3c.cjs");require("react");require("react-dom");const u=':host{display:block;font-size:var(--nylas-font-size, inherit);font-family:var(--nylas-font-family, inherit)}.list-thread{display:grid;grid-auto-flow:row;color:var(--nylas-color-primary-800);width:100%}.thread{position:relative;width:100%;display:grid;padding:0.5rem 1rem;column-gap:0.25rem;grid-template-areas:"........ from count ....... date actions" "checkbox subject subject subject subject actions" "........ snippet snippet snippet snippet actions";grid-template-columns:auto auto auto auto auto auto;margin-bottom:0.75rem;border-radius:var(--nylas-border-radius-2x);color:var(--nylas-color-primary-00);background-color:var(--nylas-color-primary-50);border:0;box-sizing:border-box;text-align:left;cursor:pointer;box-shadow:1px 1px 3px 0px rgba(0, 0, 0, 0.3);font-size:inherit;font-family:inherit}.thread.loading{animation:pulsate 1.5s infinite ease-in-out;width:100%;height:90px}.thread:last-of-type{margin-bottom:0}.thread.selected{box-shadow:0 2px 0 0 var(--nylas-color-primary-200);background-color:var(--nylas-color-primary-100)}.thread:hover{box-shadow:0 2px 0 0 var(--nylas-color-primary-200);background-color:var(--nylas-color-primary-100)}.thread>div{align-self:center;pointer-events:all !important}.thread .actions{grid-area:actions}.thread .actions sp-action-menu{pointer-events:initial !important}.thread .actions sp-action-button{pointer-events:initial !important}.thread .actions sp-menu-item{pointer-events:initial !important}.thread .checkbox{grid-area:checkbox;margin-right:0.5rem;pointer-events:initial !important}.thread .checkbox sp-checkbox{pointer-events:initial !important}.thread .star{grid-area:star;justify-self:end}.thread .from{grid-area:from;color:var(--nylas-color-primary-600)}.thread .count{grid-area:count;color:var(--nylas-color-primary-600)}.thread .subject{grid-area:subject;color:var(--nylas-color-primary-600)}.thread .snippet{grid-area:snippet;color:var(--nylas-color-primary-500)}.thread .date{grid-area:date;align-self:center;color:var(--nylas-color-primary-500)}.thread.unread .from,.thread.unread .count,.thread.unread .subject,.thread.unread .date{font-weight:600;color:var(--nylas-color-primary-800)}.thread.unread .snippet{color:var(--nylas-color-primary-700)}.thread .from{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread .snippet{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread .subject{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width: 768px){.thread{column-gap:1rem;grid-template-areas:"checkbox from count subject snippet date actions";grid-template-columns:auto minmax(auto, 200px) auto auto 1fr auto auto;margin-bottom:0.5rem;border:1px solid var(--nylas-color-primary-100)}.thread.no-checkbox{grid-template-areas:"from count subject snippet date actions";grid-template-columns:minmax(auto, 200px) auto auto 1fr auto auto}.thread .checkbox{margin-right:0}}@keyframes pulsate{0%{background-color:var(--nylas-color-primary-50)}50%{background-color:var(--nylas-color-primary-100)}100%{background-color:var(--nylas-color-primary-50)}}',h=u;var m=function(e,a,r,i){var s=arguments.length,o=s<3?a:i===null?i=Object.getOwnPropertyDescriptor(a,r):i,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,a,r,i);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(o=(s<3?n(o):s>3?n(a,r,o):n(a,r))||o);return s>3&&o&&Object.defineProperty(a,r,o),o},c=function(e,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,a)};const d=class{constructor(e){t.registerInstance(this,e),this.threadSelected=t.createEvent(this,"threadSelected",7),this.handleThreadSelected=async a=>{t.debug("[nylas-list-threads] Thread selected",{thread:a}),this.threadSelected.emit(a).defaultPrevented||t.debug("[nylas-list-threads] Default event not prevented, selecting thread")},this.handleCheckboxClick=async a=>{t.debug("[nylas-list-threads] Checkbox clicked",{event:a}),a.stopPropagation()},this.threads=[],this.isAuthenticated=!1,this.tokenInfo=void 0,this.state="ready",this.showCheckbox=!1}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){t.debug("[nylas-list-threads] Component will load")}async componentDidLoad(){t.debug("[nylas-list-threads] Component did load",{isAuthenticated:this.isAuthenticated})}render(){return t.h(t.Host,{key:"f943d924f47f9e1133bf87fcd32ee78e5b9bbf01"},t.h("div",{key:"2159737dbb20305da9f966959d9da7a1830b9b2b",class:"list-thread",part:"list-thread"},this.state==="loading"&&new Array(10).fill(0).map((e,a)=>t.h("div",{class:"thread loading",style:{animationDelay:`${a*20}ms`}})),this.state==="ready"&&this.threads.map(e=>{var a,r,i,s;return t.h("button",{key:e==null?void 0:e.id,class:{thread:!0,unread:(e==null?void 0:e.unread)===!0,"no-checkbox":this.showCheckbox===!1},part:"thread","aria-label":`Thread with subject ${e==null?void 0:e.subject}`,onClick:()=>this.handleThreadSelected(e)},this.showCheckbox&&t.h("div",{class:"checkbox",part:"checkbox"},t.h("sp-checkbox",{size:"s",value:e==null?void 0:e.id,onClick:this.handleCheckboxClick})),t.h("div",{class:"from",part:"from"},t.formatParticipants(e.participants??[],(a=this.tokenInfo)==null?void 0:a.email,((r=e==null?void 0:e.message_ids)==null?void 0:r.length)||1,1)),t.h("div",{class:"subject",part:"subject"},e==null?void 0:e.subject),t.h("div",{class:"count",part:"count"},((i=e==null?void 0:e.message_ids)==null?void 0:i.length)||1),t.h("div",{class:"snippet",part:"snippet"},(s=e==null?void 0:e.snippet)==null?void 0:s.trim()),e.latest_message_received_date&&t.h("div",{class:"date","aria-label":`${Intl.DateTimeFormat(void 0,{dateStyle:"full"}).format(new Date(e.latest_message_received_date*1e3))}`,part:"date"},t.formatDateTime(e.latest_message_received_date)))})))}};m([p.RegisterComponent({name:"nylas-list-threads",stateToProps:new Map([["auth.isAuthenticated","isAuthenticated"],["auth.tokenInfo","tokenInfo"],["mailbox.threads","threads"],["mailbox.state","state"]]),eventToProps:{threadSelected:async(e,a)=>{t.debug("[nylas-list-threads] Thread selected",{event:e}),await a.threads.selectThread(e.detail)}},fireRegisterEvent:!0}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],d.prototype,"render",null);d.style=h;exports.nylas_list_threads=d;
@@ -1,9 +1,9 @@
1
- import { r as h, c as p, h as o, H as u } from "./index-f9ba9aa8.js";
2
- import { R as m } from "./register-component-cf5c8420-dc1bc0a4.js";
1
+ import { r as h, c as p, h as o, H as u } from "./index-f93f6948.js";
2
+ import { R as m } from "./register-component-b9cfcbaf-c0147194.js";
3
3
  import "react";
4
4
  import "react-dom";
5
- const g = ":host{font-family:'Arial', sans-serif;background:var(--nylas-color-primary-50);color:var(--nylas-color-primary-800);margin:0;display:contents}input{box-sizing:border-box}.login-container{display:flex;justify-content:center;align-items:center;height:100%}.login-box{width:300px;padding:20px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);border-radius:var(--nylas-border-radius-2x);background:var(--nylas-color-primary-50);text-align:center}.login-box h1{margin-top:0;margin-bottom:0.5em}.login-box p{margin-bottom:1em}.login-methods button{display:block;width:100%;padding:10px 10px 10px 50px;margin-bottom:10px;border:none;border-radius:var(--nylas-border-radius);border:1px solid var(--nylas-color-primary-300);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-600);cursor:pointer;transition:background 0.3s ease;position:relative;text-align:left}.login-methods button svg{position:absolute;left:16px;top:50%;transform:translateY(-50%)}.login-methods button:hover{background:var(--nylas-color-primary-200);}.login-form label{display:block;margin-bottom:5px;text-align:left}.login-form input{width:100%;padding:10px;margin-bottom:10px;border:1px solid var(--nylas-color-primary-200);border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-800);}.login-form button{width:100%;padding:10px;border:none;border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-500);color:var(--nylas-color-primary-50);cursor:pointer;transition:background 0.3s ease}.login-form button:hover{background:var(--nylas-color-primary-600);}", f = g;
6
- var y = function(n, t, i, e) {
5
+ const g = ":host{font-family:'Arial', sans-serif;background:var(--nylas-color-primary-50);color:var(--nylas-color-primary-800);margin:0;display:contents}input{box-sizing:border-box}.login-container{display:flex;justify-content:center;align-items:center;height:100%}.login-box{width:300px;padding:20px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);border-radius:var(--nylas-border-radius-2x);background:var(--nylas-color-primary-50);text-align:center}.login-box h1{margin-top:0;margin-bottom:0.5em}.login-box p{margin-bottom:1em}.login-methods button{display:block;width:100%;padding:10px 10px 10px 50px;margin-bottom:10px;border:none;border-radius:var(--nylas-border-radius);border:1px solid var(--nylas-color-primary-300);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-600);cursor:pointer;transition:background 0.3s ease;position:relative;text-align:left}.login-methods button svg{position:absolute;left:16px;top:50%;transform:translateY(-50%)}.login-methods button:hover{background:var(--nylas-color-primary-200);}.login-form label{display:block;margin-bottom:5px;text-align:left}.login-form input{width:100%;padding:10px;margin-bottom:10px;border:1px solid var(--nylas-color-primary-200);border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-800);}.login-form button{width:100%;padding:10px;border:none;border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-500);color:var(--nylas-color-primary-50);cursor:pointer;transition:background 0.3s ease}.login-form button:hover{background:var(--nylas-color-primary-600);}", y = g;
6
+ var b = function(n, t, i, e) {
7
7
  var a = arguments.length, r = a < 3 ? t : e === null ? e = Object.getOwnPropertyDescriptor(t, i) : e, s;
8
8
  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
9
9
  r = Reflect.decorate(n, t, i, e);
@@ -51,12 +51,12 @@ const d = class {
51
51
  render() {
52
52
  var t;
53
53
  const n = ((t = this.providers) == null ? void 0 : t.split(",")) || [];
54
- return o(u, { key: "00ff0a2496564f9e340f778b5310ca3d0359e726" }, this.loginMethod === "redirect" && o("div", { class: "redirect-container" }, !this.isAuthenticated && o("sp-button", { part: "button", onClick: this._handleLoginRedirect }, this.buttonText)), this.loginMethod === "emebded" && o("main", { class: "login-container" }, o("section", { class: "login-box" }, o("header", null, o("img", { src: this.logoUrl, alt: `${this.companyName} logo`, width: "100%", style: {
54
+ return o(u, { key: "124b2f41ebcd01e13b0c031a1240120835610fbb" }, this.loginMethod === "redirect" && o("div", { class: "redirect-container" }, !this.isAuthenticated && o("sp-button", { part: "button", onClick: this._handleLoginRedirect }, this.buttonText)), this.loginMethod === "emebded" && o("main", { class: "login-container" }, o("section", { class: "login-box" }, o("header", null, o("img", { src: this.logoUrl, alt: `${this.companyName} logo`, width: "100%", style: {
55
55
  minWidth: this.logoWidth
56
56
  } }), o("h1", null, "Welcome")), o("p", null, "Log in to your account to continue to ", this.companyName), o("div", { class: "login-methods" }, n.includes("google") && o("button", { class: "login-google", onClick: this._onGoogleButtonClick }, o("svg", { xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "img", width: "18", height: "18", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 256 262" }, o("path", { fill: "#4285F4", d: "M255.6 131.6c0-8.2-.8-16.2-2.2-23.9H130v45.3h70.3c-3 16.1-12.4 29.7-26.3 38.9v32.4h42.6c25-23 39.4-56.7 39.4-97.7z" }), o("path", { fill: "#34A853", d: "M130 262c35.3 0 64.9-11.7 86.5-31.7l-42.6-32.4c-11.7 7.9-26.7 12.6-43.9 12.6-33.7 0-62.3-22.7-72.5-53.4H14.5v33.3A130.3 130.3 0 00130 262z" }), o("path", { fill: "#FBBC05", d: "M57.5 158.1a72.7 72.7 0 010-54.2V70.6H14.5a130.4 130.4 0 000 120.8l43-33.3z" }), o("path", { fill: "#EA4335", d: "M130 51.6c19 0 36 6.5 49.4 19.2l37-36C195 13.1 165.2 0 130 0A130.3 130.3 0 0014.5 70.6l43 33.3c10.2-30.7 38.8-53.3 72.5-53.3z" })), "Continue with Google"), n.includes("microsoft") && o("button", { class: "login-microsoft", onClick: this._onMicrosoftButtonClick }, o("svg", { xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "img", width: "18", height: "18", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 448 512" }, o("path", { fill: "#F3F3F3", d: "M0 32v192h192V32H0zm256 0v192h192V32H256zm192 256v192h-192V288h192zM0 224v192h192V224H0z" })), "Continue with Microsoft")), o("form", { class: "login-form", method: "POST", onSubmit: this._onFormSubmit }, o("label", { htmlFor: "email" }, "Email"), o("input", { type: "email", id: "email", name: "email", required: !0, value: this.email }), o("button", { type: "submit" }, "Next")))));
57
57
  }
58
58
  };
59
- y([
59
+ b([
60
60
  m({
61
61
  name: "nylas-login",
62
62
  connectorToProp: "nylasConnector",
@@ -67,7 +67,7 @@ y([
67
67
  c("design:paramtypes", []),
68
68
  c("design:returntype", void 0)
69
69
  ], d.prototype, "render", null);
70
- d.style = f;
70
+ d.style = y;
71
71
  export {
72
72
  d as nylas_login
73
73
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-22f7e49c.cjs"),h=require("./register-component-cf5c8420-d3fb6bf9.cjs");require("react");require("react-dom");const u=":host{font-family:'Arial', sans-serif;background:var(--nylas-color-primary-50);color:var(--nylas-color-primary-800);margin:0;display:contents}input{box-sizing:border-box}.login-container{display:flex;justify-content:center;align-items:center;height:100%}.login-box{width:300px;padding:20px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);border-radius:var(--nylas-border-radius-2x);background:var(--nylas-color-primary-50);text-align:center}.login-box h1{margin-top:0;margin-bottom:0.5em}.login-box p{margin-bottom:1em}.login-methods button{display:block;width:100%;padding:10px 10px 10px 50px;margin-bottom:10px;border:none;border-radius:var(--nylas-border-radius);border:1px solid var(--nylas-color-primary-300);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-600);cursor:pointer;transition:background 0.3s ease;position:relative;text-align:left}.login-methods button svg{position:absolute;left:16px;top:50%;transform:translateY(-50%)}.login-methods button:hover{background:var(--nylas-color-primary-200);}.login-form label{display:block;margin-bottom:5px;text-align:left}.login-form input{width:100%;padding:10px;margin-bottom:10px;border:1px solid var(--nylas-color-primary-200);border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-800);}.login-form button{width:100%;padding:10px;border:none;border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-500);color:var(--nylas-color-primary-50);cursor:pointer;transition:background 0.3s ease}.login-form button:hover{background:var(--nylas-color-primary-600);}",p=u;var g=function(n,o,i,e){var a=arguments.length,r=a<3?o:e===null?e=Object.getOwnPropertyDescriptor(o,i):e,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(n,o,i,e);else for(var l=n.length-1;l>=0;l--)(s=n[l])&&(r=(a<3?s(r):a>3?s(o,i,r):s(o,i))||r);return a>3&&r&&Object.defineProperty(o,i,r),r},c=function(n,o){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(n,o)};const d=class{constructor(n){t.registerInstance(this,n),this.buttonClick=t.createEvent(this,"buttonClick",7),this._handleLoginRedirect=async()=>{var e;const o=await((e=this.nylasConnector)==null?void 0:e.auth.getHostedAuthRedirectURL(this.scopes));this.buttonClick.emit({url:o}).defaultPrevented||o&&(window.location.href=o)},this._onGoogleButtonClick=async o=>{var e;o.preventDefault();const i=await((e=this.nylasConnector)==null?void 0:e.auth.getHostedAuthRedirectURL(this.scopes,void 0,"google"));i&&(window.location.href=i)},this._onMicrosoftButtonClick=async o=>{var e;o.preventDefault();const i=await((e=this.nylasConnector)==null?void 0:e.auth.getHostedAuthRedirectURL(this.scopes,void 0,"microsoft"));i&&(window.location.href=i)},this._onFormSubmit=async o=>{var e;o.preventDefault();const i=await((e=this.nylasConnector)==null?void 0:e.auth.getHostedAuthRedirectURL(this.scopes,this.email));i&&(window.location.href=i)},this.isAuthenticated=!1,this.nylasConnector=void 0,this.scopes=void 0,this.loginMethod="redirect",this.companyName="Nylas",this.logoUrl="https://www.nylas.com/wp-content/uploads/main-logo.svg",this.logoWidth="min-content",this.providers="google,microsoft",this.buttonText="Login",this.email=""}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}async componentDidLoad(){var o;await((o=this.nylasConnector)==null?void 0:o.auth.manageHostedAuthCodeExchange(window.location.href))&&window.history.replaceState({},document.title,window.location.pathname)}render(){var o;const n=((o=this.providers)==null?void 0:o.split(","))||[];return t.h(t.Host,{key:"00ff0a2496564f9e340f778b5310ca3d0359e726"},this.loginMethod==="redirect"&&t.h("div",{class:"redirect-container"},!this.isAuthenticated&&t.h("sp-button",{part:"button",onClick:this._handleLoginRedirect},this.buttonText)),this.loginMethod==="emebded"&&t.h("main",{class:"login-container"},t.h("section",{class:"login-box"},t.h("header",null,t.h("img",{src:this.logoUrl,alt:`${this.companyName} logo`,width:"100%",style:{minWidth:this.logoWidth}}),t.h("h1",null,"Welcome")),t.h("p",null,"Log in to your account to continue to ",this.companyName),t.h("div",{class:"login-methods"},n.includes("google")&&t.h("button",{class:"login-google",onClick:this._onGoogleButtonClick},t.h("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"18",height:"18",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 256 262"},t.h("path",{fill:"#4285F4",d:"M255.6 131.6c0-8.2-.8-16.2-2.2-23.9H130v45.3h70.3c-3 16.1-12.4 29.7-26.3 38.9v32.4h42.6c25-23 39.4-56.7 39.4-97.7z"}),t.h("path",{fill:"#34A853",d:"M130 262c35.3 0 64.9-11.7 86.5-31.7l-42.6-32.4c-11.7 7.9-26.7 12.6-43.9 12.6-33.7 0-62.3-22.7-72.5-53.4H14.5v33.3A130.3 130.3 0 00130 262z"}),t.h("path",{fill:"#FBBC05",d:"M57.5 158.1a72.7 72.7 0 010-54.2V70.6H14.5a130.4 130.4 0 000 120.8l43-33.3z"}),t.h("path",{fill:"#EA4335",d:"M130 51.6c19 0 36 6.5 49.4 19.2l37-36C195 13.1 165.2 0 130 0A130.3 130.3 0 0014.5 70.6l43 33.3c10.2-30.7 38.8-53.3 72.5-53.3z"})),"Continue with Google"),n.includes("microsoft")&&t.h("button",{class:"login-microsoft",onClick:this._onMicrosoftButtonClick},t.h("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"18",height:"18",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 448 512"},t.h("path",{fill:"#F3F3F3",d:"M0 32v192h192V32H0zm256 0v192h192V32H256zm192 256v192h-192V288h192zM0 224v192h192V224H0z"})),"Continue with Microsoft")),t.h("form",{class:"login-form",method:"POST",onSubmit:this._onFormSubmit},t.h("label",{htmlFor:"email"},"Email"),t.h("input",{type:"email",id:"email",name:"email",required:!0,value:this.email}),t.h("button",{type:"submit"},"Next")))))}};g([h.RegisterComponent({name:"nylas-login",connectorToProp:"nylasConnector",stateToProps:new Map([["auth.isAuthenticated","isAuthenticated"]]),fireRegisterEvent:!0}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],d.prototype,"render",null);d.style=p;exports.nylas_login=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-93c50de4.cjs"),h=require("./register-component-b9cfcbaf-d40e1f3c.cjs");require("react");require("react-dom");const u=":host{font-family:'Arial', sans-serif;background:var(--nylas-color-primary-50);color:var(--nylas-color-primary-800);margin:0;display:contents}input{box-sizing:border-box}.login-container{display:flex;justify-content:center;align-items:center;height:100%}.login-box{width:300px;padding:20px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);border-radius:var(--nylas-border-radius-2x);background:var(--nylas-color-primary-50);text-align:center}.login-box h1{margin-top:0;margin-bottom:0.5em}.login-box p{margin-bottom:1em}.login-methods button{display:block;width:100%;padding:10px 10px 10px 50px;margin-bottom:10px;border:none;border-radius:var(--nylas-border-radius);border:1px solid var(--nylas-color-primary-300);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-600);cursor:pointer;transition:background 0.3s ease;position:relative;text-align:left}.login-methods button svg{position:absolute;left:16px;top:50%;transform:translateY(-50%)}.login-methods button:hover{background:var(--nylas-color-primary-200);}.login-form label{display:block;margin-bottom:5px;text-align:left}.login-form input{width:100%;padding:10px;margin-bottom:10px;border:1px solid var(--nylas-color-primary-200);border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-800);}.login-form button{width:100%;padding:10px;border:none;border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-500);color:var(--nylas-color-primary-50);cursor:pointer;transition:background 0.3s ease}.login-form button:hover{background:var(--nylas-color-primary-600);}",p=u;var g=function(n,o,i,e){var a=arguments.length,r=a<3?o:e===null?e=Object.getOwnPropertyDescriptor(o,i):e,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(n,o,i,e);else for(var l=n.length-1;l>=0;l--)(s=n[l])&&(r=(a<3?s(r):a>3?s(o,i,r):s(o,i))||r);return a>3&&r&&Object.defineProperty(o,i,r),r},c=function(n,o){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(n,o)};const d=class{constructor(n){t.registerInstance(this,n),this.buttonClick=t.createEvent(this,"buttonClick",7),this._handleLoginRedirect=async()=>{var e;const o=await((e=this.nylasConnector)==null?void 0:e.auth.getHostedAuthRedirectURL(this.scopes));this.buttonClick.emit({url:o}).defaultPrevented||o&&(window.location.href=o)},this._onGoogleButtonClick=async o=>{var e;o.preventDefault();const i=await((e=this.nylasConnector)==null?void 0:e.auth.getHostedAuthRedirectURL(this.scopes,void 0,"google"));i&&(window.location.href=i)},this._onMicrosoftButtonClick=async o=>{var e;o.preventDefault();const i=await((e=this.nylasConnector)==null?void 0:e.auth.getHostedAuthRedirectURL(this.scopes,void 0,"microsoft"));i&&(window.location.href=i)},this._onFormSubmit=async o=>{var e;o.preventDefault();const i=await((e=this.nylasConnector)==null?void 0:e.auth.getHostedAuthRedirectURL(this.scopes,this.email));i&&(window.location.href=i)},this.isAuthenticated=!1,this.nylasConnector=void 0,this.scopes=void 0,this.loginMethod="redirect",this.companyName="Nylas",this.logoUrl="https://www.nylas.com/wp-content/uploads/main-logo.svg",this.logoWidth="min-content",this.providers="google,microsoft",this.buttonText="Login",this.email=""}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}async componentDidLoad(){var o;await((o=this.nylasConnector)==null?void 0:o.auth.manageHostedAuthCodeExchange(window.location.href))&&window.history.replaceState({},document.title,window.location.pathname)}render(){var o;const n=((o=this.providers)==null?void 0:o.split(","))||[];return t.h(t.Host,{key:"124b2f41ebcd01e13b0c031a1240120835610fbb"},this.loginMethod==="redirect"&&t.h("div",{class:"redirect-container"},!this.isAuthenticated&&t.h("sp-button",{part:"button",onClick:this._handleLoginRedirect},this.buttonText)),this.loginMethod==="emebded"&&t.h("main",{class:"login-container"},t.h("section",{class:"login-box"},t.h("header",null,t.h("img",{src:this.logoUrl,alt:`${this.companyName} logo`,width:"100%",style:{minWidth:this.logoWidth}}),t.h("h1",null,"Welcome")),t.h("p",null,"Log in to your account to continue to ",this.companyName),t.h("div",{class:"login-methods"},n.includes("google")&&t.h("button",{class:"login-google",onClick:this._onGoogleButtonClick},t.h("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"18",height:"18",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 256 262"},t.h("path",{fill:"#4285F4",d:"M255.6 131.6c0-8.2-.8-16.2-2.2-23.9H130v45.3h70.3c-3 16.1-12.4 29.7-26.3 38.9v32.4h42.6c25-23 39.4-56.7 39.4-97.7z"}),t.h("path",{fill:"#34A853",d:"M130 262c35.3 0 64.9-11.7 86.5-31.7l-42.6-32.4c-11.7 7.9-26.7 12.6-43.9 12.6-33.7 0-62.3-22.7-72.5-53.4H14.5v33.3A130.3 130.3 0 00130 262z"}),t.h("path",{fill:"#FBBC05",d:"M57.5 158.1a72.7 72.7 0 010-54.2V70.6H14.5a130.4 130.4 0 000 120.8l43-33.3z"}),t.h("path",{fill:"#EA4335",d:"M130 51.6c19 0 36 6.5 49.4 19.2l37-36C195 13.1 165.2 0 130 0A130.3 130.3 0 0014.5 70.6l43 33.3c10.2-30.7 38.8-53.3 72.5-53.3z"})),"Continue with Google"),n.includes("microsoft")&&t.h("button",{class:"login-microsoft",onClick:this._onMicrosoftButtonClick},t.h("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"18",height:"18",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 448 512"},t.h("path",{fill:"#F3F3F3",d:"M0 32v192h192V32H0zm256 0v192h192V32H256zm192 256v192h-192V288h192zM0 224v192h192V224H0z"})),"Continue with Microsoft")),t.h("form",{class:"login-form",method:"POST",onSubmit:this._onFormSubmit},t.h("label",{htmlFor:"email"},"Email"),t.h("input",{type:"email",id:"email",name:"email",required:!0,value:this.email}),t.h("button",{type:"submit"},"Next")))))}};g([h.RegisterComponent({name:"nylas-login",connectorToProp:"nylasConnector",stateToProps:new Map([["auth.isAuthenticated","isAuthenticated"]]),fireRegisterEvent:!0}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],d.prototype,"render",null);d.style=p;exports.nylas_login=d;
@@ -1,5 +1,5 @@
1
- import { r as m, c as d, d as a, h as e, H as p, g as u } from "./index-f9ba9aa8.js";
2
- import { R as v } from "./register-component-cf5c8420-dc1bc0a4.js";
1
+ import { r as m, c as d, d as a, h as e, H as p, g as u } from "./index-f93f6948.js";
2
+ import { R as v } from "./register-component-b9cfcbaf-c0147194.js";
3
3
  import "react";
4
4
  import "react-dom";
5
5
  const y = ":host{display:contents}.container{height:var(--container-height, 100dvh);overflow-y:var(--container-overflow-y, auto)}.pagination{display:flex;justify-content:center;align-items:center;margin:0 auto;padding:0;list-style:none;font-size:0.875rem;font-weight:600;color:var(--nylas-color-primary-600)}.pagination sp-button svg{animation:rotate 1s linear infinite}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)}sp-button:hover{background-color:var(--nylas-color-primary-500)}sp-button:disabled{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);cursor:not-allowed}sp-button chevron-icon svg{width:15px;height:15px}.next chevron-icon{transform:rotate(180deg)}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}", f = y;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-22f7e49c.cjs"),d=require("./register-component-cf5c8420-d3fb6bf9.cjs");require("react");require("react-dom");const g=":host{display:contents}.container{height:var(--container-height, 100dvh);overflow-y:var(--container-overflow-y, auto)}.pagination{display:flex;justify-content:center;align-items:center;margin:0 auto;padding:0;list-style:none;font-size:0.875rem;font-weight:600;color:var(--nylas-color-primary-600)}.pagination sp-button svg{animation:rotate 1s linear infinite}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)}sp-button:hover{background-color:var(--nylas-color-primary-500)}sp-button:disabled{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);cursor:not-allowed}sp-button chevron-icon svg{width:15px;height:15px}.next chevron-icon{transform:rotate(180deg)}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}",p=g;var u=function(t,n,i,a){var r=arguments.length,o=r<3?n:a===null?a=Object.getOwnPropertyDescriptor(n,i):a,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(t,n,i,a);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(o=(r<3?s(o):r>3?s(n,i,o):s(n,i))||o);return r>3&&o&&Object.defineProperty(n,i,o),o},h=function(t,n){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(t,n)};const c=class{constructor(t){e.registerInstance(this,t),this.next=e.createEvent(this,"next",7),this.previous=e.createEvent(this,"previous",7),this.state="ready",this.hasNextPage=!1,this.hasPreviousPage=!1,this.scrollTarget="container",this.mobileOnlyInfiniteScroll=!0,this.mobileViewPortWidth=768,e.debug("[nylas-pagination] Constructed"),this.isScrollAtContainerBottom=this.isScrollAtContainerBottom.bind(this),this.isScrollAtPageBottom=this.isScrollAtPageBottom.bind(this),this.nextPage=this.nextPage.bind(this),this.previousPage=this.previousPage.bind(this),this.handlePageScroll=this.handlePageScroll.bind(this),this.handleContainerScroll=this.handleContainerScroll.bind(this)}connectedCallback(){e.debug("[nylas-pagination] Component connected")}async componentWillLoad(){e.debug("[nylas-pagination] Component will load")}async componentDidLoad(){e.debug("[nylas-pagination] Component did load"),this.containerElement&&this.containerElement.addEventListener("scroll",this.handleContainerScroll)}async componentWillRender(){e.debug("[nylas-pagination] Component will render")}disconnectedCallback(){e.debug("[nylas-pagination] Component disconnected"),this.containerElement&&this.containerElement.removeEventListener("scroll",this.handleContainerScroll)}handlePageScroll(t){this.isScrollAtPageBottom()&&this.canScroll&&this.scrollTarget==="page"&&this.nextPage()}async nextPage(){const t=this.host.children.length>0;this.next.emit({hasChildren:t})}async previousPage(){const t=this.host.children.length>0;this.previous.emit({hasChildren:t})}handleContainerScroll(t){this.isScrollAtContainerBottom()&&this.canScroll&&this.scrollTarget==="container"&&this.nextPage()}isScrollAtContainerBottom(){return this.containerElement?this.containerElement&&this.containerElement.scrollTop+this.containerElement.clientHeight>=this.containerElement.scrollHeight:!1}isScrollAtPageBottom(){return window.innerHeight+window.scrollY>=document.body.offsetHeight}get canScroll(){const t=this.host.children.length>0;return this.state==="ready"&&t&&(!this.mobileOnlyInfiniteScroll||window.innerWidth<this.mobileViewPortWidth)}render(){return this.host.children.length>0?e.h(e.Host,null,e.h("div",{class:"container",ref:n=>this.containerElement=n},e.h("slot",null),this.canScroll&&e.h("div",{class:"pagination"},e.h("sp-theme",{scale:"medium",color:"dark"},this.state==="ready"&&this.hasNextPage&&e.h("sp-button",{onClick:this.nextPage},e.h("div",{slot:"icon"},e.h("refresh-icon",{class:"refres-icon"}))," ","Load more..."))))):e.h(e.Host,null,e.h("sp-theme",{scale:"medium",color:"dark"},this.hasPreviousPage&&e.h("sp-button",{class:"previous",parr:"previous",onClick:this.previousPage},e.h("div",{slot:"icon"},e.h("chevron-icon",{class:"previous-icon"}))," ","Previous"),this.hasPreviousPage&&this.hasNextPage&&" ",this.hasNextPage&&e.h("sp-button",{class:"next",parr:"next",onClick:this.nextPage},e.h("div",{slot:"icon"},e.h("chevron-icon",{class:"next-icon"}))," ","Next")))}get host(){return e.getElement(this)}};u([d.RegisterComponent({name:"nylas-pagination",stateToProps:new Map([["mailbox.hasNextThreadPage","hasNextPage"],["mailbox.hasPreviousThreadPage","hasPreviousPage"],["mailbox.state","state"]]),eventToProps:{next:async(t,n)=>{e.debug("[nylas-pagination] Next page event fired");const{hasChildren:i}=t.detail;await n.threads.nextThreadPage(i?"append":"overwrite",!i)},previous:async(t,n)=>{e.debug("[nylas-pagination] Previous page event fired");const{hasChildren:i}=t.detail;await n.threads.previousThreadPage(i?"append":"overwrite",!i)}},fireRegisterEvent:!0}),h("design:type",Function),h("design:paramtypes",[]),h("design:returntype",void 0)],c.prototype,"render",null);c.style=p;exports.nylas_mailbox_pagination=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-93c50de4.cjs"),d=require("./register-component-b9cfcbaf-d40e1f3c.cjs");require("react");require("react-dom");const g=":host{display:contents}.container{height:var(--container-height, 100dvh);overflow-y:var(--container-overflow-y, auto)}.pagination{display:flex;justify-content:center;align-items:center;margin:0 auto;padding:0;list-style:none;font-size:0.875rem;font-weight:600;color:var(--nylas-color-primary-600)}.pagination sp-button svg{animation:rotate 1s linear infinite}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)}sp-button:hover{background-color:var(--nylas-color-primary-500)}sp-button:disabled{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);cursor:not-allowed}sp-button chevron-icon svg{width:15px;height:15px}.next chevron-icon{transform:rotate(180deg)}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}",p=g;var u=function(t,n,i,a){var r=arguments.length,o=r<3?n:a===null?a=Object.getOwnPropertyDescriptor(n,i):a,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(t,n,i,a);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(o=(r<3?s(o):r>3?s(n,i,o):s(n,i))||o);return r>3&&o&&Object.defineProperty(n,i,o),o},h=function(t,n){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(t,n)};const c=class{constructor(t){e.registerInstance(this,t),this.next=e.createEvent(this,"next",7),this.previous=e.createEvent(this,"previous",7),this.state="ready",this.hasNextPage=!1,this.hasPreviousPage=!1,this.scrollTarget="container",this.mobileOnlyInfiniteScroll=!0,this.mobileViewPortWidth=768,e.debug("[nylas-pagination] Constructed"),this.isScrollAtContainerBottom=this.isScrollAtContainerBottom.bind(this),this.isScrollAtPageBottom=this.isScrollAtPageBottom.bind(this),this.nextPage=this.nextPage.bind(this),this.previousPage=this.previousPage.bind(this),this.handlePageScroll=this.handlePageScroll.bind(this),this.handleContainerScroll=this.handleContainerScroll.bind(this)}connectedCallback(){e.debug("[nylas-pagination] Component connected")}async componentWillLoad(){e.debug("[nylas-pagination] Component will load")}async componentDidLoad(){e.debug("[nylas-pagination] Component did load"),this.containerElement&&this.containerElement.addEventListener("scroll",this.handleContainerScroll)}async componentWillRender(){e.debug("[nylas-pagination] Component will render")}disconnectedCallback(){e.debug("[nylas-pagination] Component disconnected"),this.containerElement&&this.containerElement.removeEventListener("scroll",this.handleContainerScroll)}handlePageScroll(t){this.isScrollAtPageBottom()&&this.canScroll&&this.scrollTarget==="page"&&this.nextPage()}async nextPage(){const t=this.host.children.length>0;this.next.emit({hasChildren:t})}async previousPage(){const t=this.host.children.length>0;this.previous.emit({hasChildren:t})}handleContainerScroll(t){this.isScrollAtContainerBottom()&&this.canScroll&&this.scrollTarget==="container"&&this.nextPage()}isScrollAtContainerBottom(){return this.containerElement?this.containerElement&&this.containerElement.scrollTop+this.containerElement.clientHeight>=this.containerElement.scrollHeight:!1}isScrollAtPageBottom(){return window.innerHeight+window.scrollY>=document.body.offsetHeight}get canScroll(){const t=this.host.children.length>0;return this.state==="ready"&&t&&(!this.mobileOnlyInfiniteScroll||window.innerWidth<this.mobileViewPortWidth)}render(){return this.host.children.length>0?e.h(e.Host,null,e.h("div",{class:"container",ref:n=>this.containerElement=n},e.h("slot",null),this.canScroll&&e.h("div",{class:"pagination"},e.h("sp-theme",{scale:"medium",color:"dark"},this.state==="ready"&&this.hasNextPage&&e.h("sp-button",{onClick:this.nextPage},e.h("div",{slot:"icon"},e.h("refresh-icon",{class:"refres-icon"}))," ","Load more..."))))):e.h(e.Host,null,e.h("sp-theme",{scale:"medium",color:"dark"},this.hasPreviousPage&&e.h("sp-button",{class:"previous",parr:"previous",onClick:this.previousPage},e.h("div",{slot:"icon"},e.h("chevron-icon",{class:"previous-icon"}))," ","Previous"),this.hasPreviousPage&&this.hasNextPage&&" ",this.hasNextPage&&e.h("sp-button",{class:"next",parr:"next",onClick:this.nextPage},e.h("div",{slot:"icon"},e.h("chevron-icon",{class:"next-icon"}))," ","Next")))}get host(){return e.getElement(this)}};u([d.RegisterComponent({name:"nylas-pagination",stateToProps:new Map([["mailbox.hasNextThreadPage","hasNextPage"],["mailbox.hasPreviousThreadPage","hasPreviousPage"],["mailbox.state","state"]]),eventToProps:{next:async(t,n)=>{e.debug("[nylas-pagination] Next page event fired");const{hasChildren:i}=t.detail;await n.threads.nextThreadPage(i?"append":"overwrite",!i)},previous:async(t,n)=>{e.debug("[nylas-pagination] Previous page event fired");const{hasChildren:i}=t.detail;await n.threads.previousThreadPage(i?"append":"overwrite",!i)}},fireRegisterEvent:!0}),h("design:type",Function),h("design:paramtypes",[]),h("design:returntype",void 0)],c.prototype,"render",null);c.style=p;exports.nylas_mailbox_pagination=c;
@@ -1,5 +1,5 @@
1
- import { r as b, d as c, h as l, H as f, g as u } from "./index-f9ba9aa8.js";
2
- import { R as m } from "./register-component-cf5c8420-dc1bc0a4.js";
1
+ import { r as f, d as c, h as l, H as y, g as u } from "./index-f93f6948.js";
2
+ import { R as m } from "./register-component-b9cfcbaf-c0147194.js";
3
3
  import "react";
4
4
  import "react-dom";
5
5
  const h = ":host{display:block}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)}sp-button:hover{background-color:var(--nylas-color-primary-500)}sp-button:disabled{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);cursor:not-allowed}", p = h;
@@ -15,9 +15,9 @@ var g = function(t, o, e, n) {
15
15
  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
16
16
  return Reflect.metadata(t, o);
17
17
  };
18
- const y = class {
18
+ const b = class {
19
19
  constructor(t) {
20
- b(this, t), this.onClick = async () => {
20
+ f(this, t), this.onClick = async () => {
21
21
  const o = this.method;
22
22
  if (c("[nylas-mailbox-toolbar-button] onClick", { method: o, mailboxConnector: this.mailboxConnector }), this.mailboxConnector && o) {
23
23
  const e = this.callMethod(this.mailboxConnector, o);
@@ -60,7 +60,7 @@ const y = class {
60
60
  t = this.dataState ? o.get(r) === "loading" : !1;
61
61
  }
62
62
  const e = t ? "state-loading" : "state-ready";
63
- return l(f, { key: "7e08197532b33b5df9e1b0332a697dd54938e3ef" }, l("sp-theme", { key: "c24c51549d68f06b206fbc1413a026215096c6ad", scale: "medium", color: "dark" }, l("sp-button", { onClick: this.onClick, disabled: t, key: e, "icon-only": this.iconOnly, label: this.renderByState(t) }, this.hasSlot("icon") && l("div", { slot: "icon", class: "slot" }, l("slot", { name: "icon" })), !this.iconOnly && this.renderByState(t))));
63
+ return l(y, { key: "2454ef2e4270d1642cabe57dacf53908fcdb34e6" }, l("sp-theme", { key: "97d71094fabc3466b87142dfdd1d0bb22659fd32", scale: "medium", color: "dark" }, l("sp-button", { onClick: this.onClick, disabled: t, key: e, "icon-only": this.iconOnly, label: this.renderByState(t) }, this.hasSlot("icon") && l("div", { slot: "icon", class: "slot" }, l("slot", { name: "icon" })), !this.iconOnly && this.renderByState(t))));
64
64
  }
65
65
  get host() {
66
66
  return u(this);
@@ -75,8 +75,8 @@ g([
75
75
  d("design:type", Function),
76
76
  d("design:paramtypes", []),
77
77
  d("design:returntype", void 0)
78
- ], y.prototype, "render", null);
79
- y.style = p;
78
+ ], b.prototype, "render", null);
79
+ b.style = p;
80
80
  export {
81
- y as nylas_mailbox_toolbar_button
81
+ b as nylas_mailbox_toolbar_button
82
82
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-22f7e49c.cjs"),u=require("./register-component-cf5c8420-d3fb6bf9.cjs");require("react");require("react-dom");const b=":host{display:block}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)}sp-button:hover{background-color:var(--nylas-color-primary-500)}sp-button:disabled{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);cursor:not-allowed}",y=b;var f=function(t,o,e,n){var l=arguments.length,a=l<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,e):n,i;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,o,e,n);else for(var s=t.length-1;s>=0;s--)(i=t[s])&&(a=(l<3?i(a):l>3?i(o,e,a):i(o,e))||a);return l>3&&a&&Object.defineProperty(o,e,a),a},c=function(t,o){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(t,o)};const d=class{constructor(t){r.registerInstance(this,t),this.onClick=async()=>{const o=this.method;if(r.debug("[nylas-mailbox-toolbar-button] onClick",{method:o,mailboxConnector:this.mailboxConnector}),this.mailboxConnector&&o){const e=this.callMethod(this.mailboxConnector,o);e&&await e()}},this.method=void 0,this.dataState=void 0,this.iconOnly=!1,this.mailboxConnector=void 0}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){r.debug("[nylas-if-state] Component will load")}async componentDidLoad(){r.debug("[nylas-if-state] Component did load")}callMethod(t,o){const e=o.split(".");let n=t;for(const i of e.slice(0,-1))if(n=n[i],!n)return;const l=e[e.length-1],a=n[l];if(typeof a=="function")return a.bind(n)}renderByState(t){return t?r.h("slot",{name:"loading"},"Loading..."):r.h("slot",null,"Click")}hasSlot(t){return!!this.host.querySelector(`[slot="${t}"]`)}render(){var n;let t=!1;const o=(n=this.mailboxConnector)==null?void 0:n.nylasMailboxStore;if(typeof o<"u"){const l=String(this.dataState);t=this.dataState?o.get(l)==="loading":!1}const e=t?"state-loading":"state-ready";return r.h(r.Host,{key:"7e08197532b33b5df9e1b0332a697dd54938e3ef"},r.h("sp-theme",{key:"c24c51549d68f06b206fbc1413a026215096c6ad",scale:"medium",color:"dark"},r.h("sp-button",{onClick:this.onClick,disabled:t,key:e,"icon-only":this.iconOnly,label:this.renderByState(t)},this.hasSlot("icon")&&r.h("div",{slot:"icon",class:"slot"},r.h("slot",{name:"icon"})),!this.iconOnly&&this.renderByState(t))))}get host(){return r.getElement(this)}};f([u.RegisterComponent({name:"nylas-mailbox-toolbar-button",connectorToProp:"mailboxConnector",fireRegisterEvent:!0}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],d.prototype,"render",null);d.style=y;exports.nylas_mailbox_toolbar_button=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-93c50de4.cjs"),u=require("./register-component-b9cfcbaf-d40e1f3c.cjs");require("react");require("react-dom");const b=":host{display:block}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)}sp-button:hover{background-color:var(--nylas-color-primary-500)}sp-button:disabled{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);cursor:not-allowed}",y=b;var f=function(t,o,e,n){var l=arguments.length,a=l<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,e):n,i;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,o,e,n);else for(var s=t.length-1;s>=0;s--)(i=t[s])&&(a=(l<3?i(a):l>3?i(o,e,a):i(o,e))||a);return l>3&&a&&Object.defineProperty(o,e,a),a},c=function(t,o){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(t,o)};const d=class{constructor(t){r.registerInstance(this,t),this.onClick=async()=>{const o=this.method;if(r.debug("[nylas-mailbox-toolbar-button] onClick",{method:o,mailboxConnector:this.mailboxConnector}),this.mailboxConnector&&o){const e=this.callMethod(this.mailboxConnector,o);e&&await e()}},this.method=void 0,this.dataState=void 0,this.iconOnly=!1,this.mailboxConnector=void 0}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){r.debug("[nylas-if-state] Component will load")}async componentDidLoad(){r.debug("[nylas-if-state] Component did load")}callMethod(t,o){const e=o.split(".");let n=t;for(const i of e.slice(0,-1))if(n=n[i],!n)return;const l=e[e.length-1],a=n[l];if(typeof a=="function")return a.bind(n)}renderByState(t){return t?r.h("slot",{name:"loading"},"Loading..."):r.h("slot",null,"Click")}hasSlot(t){return!!this.host.querySelector(`[slot="${t}"]`)}render(){var n;let t=!1;const o=(n=this.mailboxConnector)==null?void 0:n.nylasMailboxStore;if(typeof o<"u"){const l=String(this.dataState);t=this.dataState?o.get(l)==="loading":!1}const e=t?"state-loading":"state-ready";return r.h(r.Host,{key:"2454ef2e4270d1642cabe57dacf53908fcdb34e6"},r.h("sp-theme",{key:"97d71094fabc3466b87142dfdd1d0bb22659fd32",scale:"medium",color:"dark"},r.h("sp-button",{onClick:this.onClick,disabled:t,key:e,"icon-only":this.iconOnly,label:this.renderByState(t)},this.hasSlot("icon")&&r.h("div",{slot:"icon",class:"slot"},r.h("slot",{name:"icon"})),!this.iconOnly&&this.renderByState(t))))}get host(){return r.getElement(this)}};f([u.RegisterComponent({name:"nylas-mailbox-toolbar-button",connectorToProp:"mailboxConnector",fireRegisterEvent:!0}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],d.prototype,"render",null);d.style=y;exports.nylas_mailbox_toolbar_button=d;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-22f7e49c.cjs"),m=require("./index.es-f57e612a-95ca3e17.cjs"),n=require("./mailbox-store-47fc8a1a-cd3516a7.cjs");require("react");require("react-dom");class v{constructor(e,o,r,l){this.router=e,this.nylasAuth=o,this.nylasAuthStore=r,this.nylasMailboxStore=l}init(){s.debug("NylasMailboxConnector init")}get mailboxStore(){return this.nylasMailboxStore}get authStore(){return this.nylasAuthStore}get auth(){return this._authConnector?this._authConnector:(this._authConnector=new n.NylasAuthConnector(this.nylasAuth,this.nylasAuthStore),this._authConnector)}get threads(){return this._threadConnector?this._threadConnector:(this._threadConnector=new n.NylasThreadsConnector(this.nylasAuth,this.nylasAuthStore,this.nylasMailboxStore,this.router),this._threadConnector)}get messages(){return this._messageConnector?this._messageConnector:(this._messageConnector=new n.NylasMessagesConnector(this.nylasAuth,this.nylasAuthStore,this.nylasMailboxStore),this._messageConnector)}get folders(){return this._foldersConnector?this._foldersConnector:(this._foldersConnector=new n.NylasFoldersConnector(this.nylasAuth,this.nylasAuthStore,this.nylasMailboxStore),this._foldersConnector)}getAuth(){return this.nylasAuth}resetStores(){this.nylasMailboxStore.reset(),this.nylasAuthStore.reset()}async logout(){await this.nylasAuth.logout(),this.resetStores()}}const _=":host{display:contents}",p=_,x=class{constructor(t){s.registerInstance(this,t),this.init=s.createEvent(this,"init",7),this.loggedIn=s.createEvent(this,"loggedIn",7),this.loggedOut=s.createEvent(this,"loggedOut",7),this.handleAuthChange=async e=>{var o;e?this.loggedIn.emit(this.host):this.loggedOut.emit(this.host).defaultPrevented||await((o=this.nylasMailboxConnector)==null?void 0:o.logout())},this.automaticComponentRegistration=!0,this.eventOverrides={},this.authConfig=void 0,this.defaultAuthStoreState=void 0,this.defaultMailboxStoreState=void 0}connectedCallback(){s.debug("[nylas-mailbox] connectedCallback")}async componentWillLoad(){var r,l,u,c,y,g,b;this.stores={auth:n.CreateNylasAuthStore(this.defaultAuthStoreState),mailbox:n.CreateNylasMailboxStore(this.defaultMailboxStoreState)},this.baseProvider=new m.NylasBaseProvider(this.host,this.stores,this.automaticComponentRegistration,this.eventOverrides),this.router=new n.HashRouter,this.nylasAuth=m.es({apiUri:"https://api.us.nylas.com",elementsApiUri:"https://elements.us.nylas.com",storageType:"indexeddb",clientId:"YOUR_CLIENT_ID",defaultScopes:[],redirectURI:"/",...this.authConfig});const t=(r=this.baseProvider)==null?void 0:r.getStore("auth");if(!t)throw new Error("Auth store is not defined");const e=(l=this.baseProvider)==null?void 0:l.getStore("mailbox");if(!e)throw new Error("Mailbox store is not defined");this.nylasMailboxConnector=new v(this.router,this.nylasAuth,t,e),this.init.emit(this.host).defaultPrevented||await((u=this.nylasMailboxConnector)==null?void 0:u.auth.validateSession()),(c=this.router)==null||c.addRouteChangeListener("/thread/:threadId",async(A,M,C)=>{var i,h;const d=C.threadId,a=await((i=this.nylasMailboxConnector)==null?void 0:i.threads.getThread(d));a&&((h=this.nylasMailboxConnector)==null||h.mailboxStore.set("selectedThread",a))}),(y=this.router)==null||y.addRouteChangeListener("/",async(A,M,C)=>{var a,i,h,S;if(!t.state.isAuthenticated)return;(a=this.nylasMailboxConnector)==null||a.threads.unSelectThread(),(i=this.nylasMailboxConnector)==null||i.folders.getFolders();const d=window.location.hash.split("?")[1];if(d){const f=new URLSearchParams(d).get("query");f&&await((h=this.nylasMailboxConnector)==null?void 0:h.threads.getThreads({search_query_native:f,page_token:void 0}))}else(S=this.nylasMailboxConnector)==null||S.threads.getThreads()}),(g=this.router)==null||g.init(),this.handleAuthChange(t.state.isAuthenticated),(b=this.baseProvider)==null||b.componentWillLoad(this.nylasMailboxConnector)}async componentDidLoad(){var e,o;const t=(e=this.baseProvider)==null?void 0:e.getStore("auth");if(!t)throw new Error("Auth store is not defined");t.onChange("isAuthenticated",this.handleAuthChange),(o=this.baseProvider)==null||o.componentDidLoad()}componentDisconnected(){var t;(t=this.baseProvider)==null||t.componentDisconnected()}async registerComponentHandler(t){var e;(e=this.baseProvider)==null||e.registerComponent(t.detail)}async unregisterComponentHandler(t){var e;(e=this.baseProvider)==null||e.unregisterComponent(t.detail)}async getMailboxStore(){var t;return(t=this.baseProvider)==null?void 0:t.getStore("mailbox")}async getAuthStore(){var t;return(t=this.baseProvider)==null?void 0:t.getStore("auth")}async getNylasAuth(){return this.nylasAuth}async getNylasMailboxConnector(){return this.nylasMailboxConnector}render(){return s.h(s.Host,{key:"67b9dd9ccdb6e16408e1a4d548fbe4447335feec"},s.h("slot",{key:"6ab88f90f1c13cc2e6999c1ae17cfd0d76a18506"}))}get host(){return s.getElement(this)}};x.style=p;exports.nylas_mailbox=x;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-93c50de4.cjs"),m=require("./index.es-df564f87-e4a4092a.cjs"),n=require("./mailbox-store-69c5c5f6-631eddb5.cjs");require("react");require("react-dom");class v{constructor(e,o,r,l){this.router=e,this.nylasAuth=o,this.nylasAuthStore=r,this.nylasMailboxStore=l}init(){s.debug("NylasMailboxConnector init")}get mailboxStore(){return this.nylasMailboxStore}get authStore(){return this.nylasAuthStore}get auth(){return this._authConnector?this._authConnector:(this._authConnector=new n.NylasAuthConnector(this.nylasAuth,this.nylasAuthStore),this._authConnector)}get threads(){return this._threadConnector?this._threadConnector:(this._threadConnector=new n.NylasThreadsConnector(this.nylasAuth,this.nylasAuthStore,this.nylasMailboxStore,this.router),this._threadConnector)}get messages(){return this._messageConnector?this._messageConnector:(this._messageConnector=new n.NylasMessagesConnector(this.nylasAuth,this.nylasAuthStore,this.nylasMailboxStore),this._messageConnector)}get folders(){return this._foldersConnector?this._foldersConnector:(this._foldersConnector=new n.NylasFoldersConnector(this.nylasAuth,this.nylasAuthStore,this.nylasMailboxStore),this._foldersConnector)}getAuth(){return this.nylasAuth}resetStores(){this.nylasMailboxStore.reset(),this.nylasAuthStore.reset()}async logout(){await this.nylasAuth.logout(),this.resetStores()}}const _=":host{display:contents}",p=_,x=class{constructor(t){s.registerInstance(this,t),this.init=s.createEvent(this,"init",7),this.loggedIn=s.createEvent(this,"loggedIn",7),this.loggedOut=s.createEvent(this,"loggedOut",7),this.handleAuthChange=async e=>{var o;e?this.loggedIn.emit(this.host):this.loggedOut.emit(this.host).defaultPrevented||await((o=this.nylasMailboxConnector)==null?void 0:o.logout())},this.automaticComponentRegistration=!0,this.eventOverrides={},this.authConfig=void 0,this.defaultAuthStoreState=void 0,this.defaultMailboxStoreState=void 0}connectedCallback(){s.debug("[nylas-mailbox] connectedCallback")}async componentWillLoad(){var r,l,u,c,y,g,b;this.stores={auth:n.CreateNylasAuthStore(this.defaultAuthStoreState),mailbox:n.CreateNylasMailboxStore(this.defaultMailboxStoreState)},this.baseProvider=new m.NylasBaseProvider(this.host,this.stores,this.automaticComponentRegistration,this.eventOverrides),this.router=new n.HashRouter,this.nylasAuth=m.es({apiUri:"https://api.us.nylas.com",elementsApiUri:"https://elements.us.nylas.com",storageType:"indexeddb",clientId:"YOUR_CLIENT_ID",defaultScopes:[],redirectURI:"/",...this.authConfig});const t=(r=this.baseProvider)==null?void 0:r.getStore("auth");if(!t)throw new Error("Auth store is not defined");const e=(l=this.baseProvider)==null?void 0:l.getStore("mailbox");if(!e)throw new Error("Mailbox store is not defined");this.nylasMailboxConnector=new v(this.router,this.nylasAuth,t,e),this.init.emit(this.host).defaultPrevented||await((u=this.nylasMailboxConnector)==null?void 0:u.auth.validateSession()),(c=this.router)==null||c.addRouteChangeListener("/thread/:threadId",async(A,M,C)=>{var a,h;const d=C.threadId,i=await((a=this.nylasMailboxConnector)==null?void 0:a.threads.getThread(d));i&&((h=this.nylasMailboxConnector)==null||h.mailboxStore.set("selectedThread",i))}),(y=this.router)==null||y.addRouteChangeListener("/",async(A,M,C)=>{var i,a,h,S;if(!t.state.isAuthenticated)return;(i=this.nylasMailboxConnector)==null||i.threads.unSelectThread(),(a=this.nylasMailboxConnector)==null||a.folders.getFolders();const d=window.location.hash.split("?")[1];if(d){const f=new URLSearchParams(d).get("query");f&&await((h=this.nylasMailboxConnector)==null?void 0:h.threads.getThreads({search_query_native:f,page_token:void 0}))}else(S=this.nylasMailboxConnector)==null||S.threads.getThreads()}),(g=this.router)==null||g.init(),this.handleAuthChange(t.state.isAuthenticated),(b=this.baseProvider)==null||b.componentWillLoad(this.nylasMailboxConnector)}async componentDidLoad(){var e,o;const t=(e=this.baseProvider)==null?void 0:e.getStore("auth");if(!t)throw new Error("Auth store is not defined");t.onChange("isAuthenticated",this.handleAuthChange),(o=this.baseProvider)==null||o.componentDidLoad()}componentDisconnected(){var t;(t=this.baseProvider)==null||t.componentDisconnected()}async registerComponentHandler(t){var e;(e=this.baseProvider)==null||e.registerComponent(t.detail)}async unregisterComponentHandler(t){var e;(e=this.baseProvider)==null||e.unregisterComponent(t.detail)}async getMailboxStore(){var t;return(t=this.baseProvider)==null?void 0:t.getStore("mailbox")}async getAuthStore(){var t;return(t=this.baseProvider)==null?void 0:t.getStore("auth")}async getNylasAuth(){return this.nylasAuth}async getNylasMailboxConnector(){return this.nylasMailboxConnector}render(){return s.h(s.Host,{key:"662c4d3f763c5cf9db31c4d2ba26bcdf47ead164"},s.h("slot",{key:"5c2b75a569779dd2af6388648a4304721e82ba76"}))}get host(){return s.getElement(this)}};x.style=p;exports.nylas_mailbox=x;
@@ -1,6 +1,6 @@
1
- import { r as p, c as l, d as S, h as f, H as M, g as _ } from "./index-f9ba9aa8.js";
2
- import { N as v, e as w } from "./index.es-f57e612a-1d17c676.js";
3
- import { C as P, a as N, H as I, N as E, b as L, c as O, d as R } from "./mailbox-store-47fc8a1a-2365f20f.js";
1
+ import { r as p, c as l, d as S, h as f, H as M, g as _ } from "./index-f93f6948.js";
2
+ import { N as v, e as w } from "./index.es-df564f87-b773d34f.js";
3
+ import { C as P, a as N, H as I, N as E, b as L, c as O, d as R } from "./mailbox-store-69c5c5f6-8ab4670b.js";
4
4
  import "react";
5
5
  import "react-dom";
6
6
  class T {
@@ -122,7 +122,7 @@ const H = ":host{display:contents}", k = H, D = class {
122
122
  return this.nylasMailboxConnector;
123
123
  }
124
124
  render() {
125
- return f(M, { key: "67b9dd9ccdb6e16408e1a4d548fbe4447335feec" }, f("slot", { key: "6ab88f90f1c13cc2e6999c1ae17cfd0d76a18506" }));
125
+ return f(M, { key: "662c4d3f763c5cf9db31c4d2ba26bcdf47ead164" }, f("slot", { key: "5c2b75a569779dd2af6388648a4304721e82ba76" }));
126
126
  }
127
127
  get host() {
128
128
  return _(this);
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-22f7e49c.cjs"),g=require("./index.es-f57e612a-95ca3e17.cjs"),o=require("./mailbox-store-47fc8a1a-cd3516a7.cjs"),S=require("./scheduler-store-39d37291-b66c052c.cjs"),b=require("./scheduler-config-store-6222c0ed-758621fb.cjs");require("react");require("react-dom");class f{constructor(t,r,n,i,l,h,a="https://api.us.nylas.com"){this.router=t,this.schedulerAPIURL=a,this.nylasAuth=r,this.nylasAuthStore=n,this.nylasMailboxStore=i,this.nylasSchedulerStore=l,this.nylasSchedulerConfigStore=h}init(){s.debug("NylasConnector init")}get authStore(){return this.nylasAuthStore}get mailboxStore(){return this.nylasMailboxStore}get schedulerStore(){return this.nylasSchedulerStore}get schedulerConfigStore(){return this.nylasSchedulerConfigStore}get auth(){return this._authConnector?this._authConnector:(this._authConnector=new o.NylasAuthConnector(this.nylasAuth,this.nylasAuthStore),this._authConnector)}get threads(){return this._threadConnector?this._threadConnector:(this._threadConnector=new o.NylasThreadsConnector(this.nylasAuth,this.nylasAuthStore,this.nylasMailboxStore,this.router),this._threadConnector)}get messages(){return this._messageConnector?this._messageConnector:(this._messageConnector=new o.NylasMessagesConnector(this.nylasAuth,this.nylasAuthStore,this.nylasMailboxStore),this._messageConnector)}get folders(){return this._foldersConnector?this._foldersConnector:(this._foldersConnector=new o.NylasFoldersConnector(this.nylasAuth,this.nylasAuthStore,this.nylasMailboxStore),this._foldersConnector)}get scheduler(){return this._schedulerAPIConnector?this._schedulerAPIConnector:(this._schedulerAPIConnector=new S.NylaSchedulerAPIConnector({schedulerAPIURL:this.schedulerAPIURL,schedulerStore:this.schedulerStore}),this._schedulerAPIConnector)}getAuth(){return this.nylasAuth}resetStores(){this.nylasAuthStore.reset(),this.nylasMailboxStore.reset()}async logout(){await this.nylasAuth.logout(),this.resetStores()}}const m=":host{display:contents}",A=m,C=class{constructor(e){s.registerInstance(this,e),this.init=s.createEvent(this,"init",7),this.loggedIn=s.createEvent(this,"loggedIn",7),this.loggedOut=s.createEvent(this,"loggedOut",7),this.handleAuthChange=async t=>{t?this.loggedIn.emit(this.host):this.loggedOut.emit(this.host)},this.authConfig=void 0,this.eventOverrides={},this.automaticComponentRegistration=!0}connectedCallback(){s.debug("[nylas-provider] connectedCallback")}async componentWillLoad(){var h,a,c,u,d,y;s.debug("[nylas-provider] componentWillLoad"),this.stores={auth:o.CreateNylasAuthStore(),mailbox:o.CreateNylasMailboxStore(),scheduler:S.CreateNylasSchedulerStore(),schedulerConfig:b.CreateNylasSchedulerConfigStore()},this.baseProvider=new g.NylasBaseProvider(this.host,this.stores,this.automaticComponentRegistration,this.eventOverrides);const e=new o.HashRouter;this.nylasAuth=g.es({apiUri:"https://api.us.nylas.com",elementsApiUri:"https://elements.us.nylas.com",storageType:"indexeddb",clientId:"YOUR_CLIENT_ID",defaultScopes:[],redirectURI:"/",...this.authConfig});const t=(h=this.baseProvider)==null?void 0:h.getStore("mailbox");if(!t)throw new Error("The mailbox store is not set");const r=(a=this.baseProvider)==null?void 0:a.getStore("auth");if(!r)throw new Error("The auth store is not set");const n=(c=this.baseProvider)==null?void 0:c.getStore("scheduler");if(!n)throw new Error("The scheduler store is not set");const i=(u=this.baseProvider)==null?void 0:u.getStore("schedulerConfig");if(!i)throw new Error("The scheduler config store is not set");this.nylasConnector=new f(e,this.nylasAuth,r,t,n,i),this.init.emit(this.host).defaultPrevented||await((d=this.nylasConnector)==null?void 0:d.auth.validateSession()),this.handleAuthChange(r.state.isAuthenticated),(y=this.baseProvider)==null||y.componentWillLoad(this.nylasConnector)}componentDidLoad(){var t,r;const e=(t=this.baseProvider)==null?void 0:t.getStore("auth");e==null||e.onChange("isAuthenticated",this.handleAuthChange),(r=this.baseProvider)==null||r.componentDidLoad()}componentDisconnected(){var e;(e=this.baseProvider)==null||e.componentDisconnected()}async registerComponentHandler(e){var t;(t=this.baseProvider)==null||t.registerComponent(e.detail)}async unregisterComponentHandler(e){var t;(t=this.baseProvider)==null||t.unregisterComponent(e.detail)}async getNylasAuth(){return this.nylasAuth}async getNylasConnector(){return this.nylasConnector}async getMailboxStore(){var e;return(e=this.baseProvider)==null?void 0:e.getStore("mailbox")}async getAuthStore(){var e;return(e=this.baseProvider)==null?void 0:e.getStore("auth")}async getNylasSchedulerStore(){var e;return(e=this.baseProvider)==null?void 0:e.getStore("scheduler")}async getNylasSchedulerConfigStore(){var e;return(e=this.baseProvider)==null?void 0:e.getStore("schedulerConfig")}render(){return s.h(s.Host,{key:"1eb5d566a5f7c425be7b30939b06a2dfbd34c7cc"},s.h("slot",{key:"f3a6afab3af5893af6602f971dfe67a795f9bd4f"}))}get host(){return s.getElement(this)}};C.style=A;exports.nylas_provider=C;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-93c50de4.cjs"),g=require("./index.es-df564f87-e4a4092a.cjs"),o=require("./mailbox-store-69c5c5f6-631eddb5.cjs"),S=require("./scheduler-store-24fd0e91-2dba20c2.cjs"),b=require("./scheduler-config-store-07d98279-0610e42f.cjs");require("react");require("react-dom");class f{constructor(t,r,n,i,l,h,a="https://api.us.nylas.com"){this.router=t,this.schedulerAPIURL=a,this.nylasAuth=r,this.nylasAuthStore=n,this.nylasMailboxStore=i,this.nylasSchedulerStore=l,this.nylasSchedulerConfigStore=h}init(){s.debug("NylasConnector init")}get authStore(){return this.nylasAuthStore}get mailboxStore(){return this.nylasMailboxStore}get schedulerStore(){return this.nylasSchedulerStore}get schedulerConfigStore(){return this.nylasSchedulerConfigStore}get auth(){return this._authConnector?this._authConnector:(this._authConnector=new o.NylasAuthConnector(this.nylasAuth,this.nylasAuthStore),this._authConnector)}get threads(){return this._threadConnector?this._threadConnector:(this._threadConnector=new o.NylasThreadsConnector(this.nylasAuth,this.nylasAuthStore,this.nylasMailboxStore,this.router),this._threadConnector)}get messages(){return this._messageConnector?this._messageConnector:(this._messageConnector=new o.NylasMessagesConnector(this.nylasAuth,this.nylasAuthStore,this.nylasMailboxStore),this._messageConnector)}get folders(){return this._foldersConnector?this._foldersConnector:(this._foldersConnector=new o.NylasFoldersConnector(this.nylasAuth,this.nylasAuthStore,this.nylasMailboxStore),this._foldersConnector)}get scheduler(){return this._schedulerAPIConnector?this._schedulerAPIConnector:(this._schedulerAPIConnector=new S.NylaSchedulerAPIConnector({schedulerAPIURL:this.schedulerAPIURL,schedulerStore:this.schedulerStore}),this._schedulerAPIConnector)}getAuth(){return this.nylasAuth}resetStores(){this.nylasAuthStore.reset(),this.nylasMailboxStore.reset()}async logout(){await this.nylasAuth.logout(),this.resetStores()}}const m=":host{display:contents}",A=m,C=class{constructor(e){s.registerInstance(this,e),this.init=s.createEvent(this,"init",7),this.loggedIn=s.createEvent(this,"loggedIn",7),this.loggedOut=s.createEvent(this,"loggedOut",7),this.handleAuthChange=async t=>{t?this.loggedIn.emit(this.host):this.loggedOut.emit(this.host)},this.authConfig=void 0,this.eventOverrides={},this.automaticComponentRegistration=!0}connectedCallback(){s.debug("[nylas-provider] connectedCallback")}async componentWillLoad(){var h,a,c,u,d,y;s.debug("[nylas-provider] componentWillLoad"),this.stores={auth:o.CreateNylasAuthStore(),mailbox:o.CreateNylasMailboxStore(),scheduler:S.CreateNylasSchedulerStore(),schedulerConfig:b.CreateNylasSchedulerConfigStore()},this.baseProvider=new g.NylasBaseProvider(this.host,this.stores,this.automaticComponentRegistration,this.eventOverrides);const e=new o.HashRouter;this.nylasAuth=g.es({apiUri:"https://api.us.nylas.com",elementsApiUri:"https://elements.us.nylas.com",storageType:"indexeddb",clientId:"YOUR_CLIENT_ID",defaultScopes:[],redirectURI:"/",...this.authConfig});const t=(h=this.baseProvider)==null?void 0:h.getStore("mailbox");if(!t)throw new Error("The mailbox store is not set");const r=(a=this.baseProvider)==null?void 0:a.getStore("auth");if(!r)throw new Error("The auth store is not set");const n=(c=this.baseProvider)==null?void 0:c.getStore("scheduler");if(!n)throw new Error("The scheduler store is not set");const i=(u=this.baseProvider)==null?void 0:u.getStore("schedulerConfig");if(!i)throw new Error("The scheduler config store is not set");this.nylasConnector=new f(e,this.nylasAuth,r,t,n,i),this.init.emit(this.host).defaultPrevented||await((d=this.nylasConnector)==null?void 0:d.auth.validateSession()),this.handleAuthChange(r.state.isAuthenticated),(y=this.baseProvider)==null||y.componentWillLoad(this.nylasConnector)}componentDidLoad(){var t,r;const e=(t=this.baseProvider)==null?void 0:t.getStore("auth");e==null||e.onChange("isAuthenticated",this.handleAuthChange),(r=this.baseProvider)==null||r.componentDidLoad()}componentDisconnected(){var e;(e=this.baseProvider)==null||e.componentDisconnected()}async registerComponentHandler(e){var t;(t=this.baseProvider)==null||t.registerComponent(e.detail)}async unregisterComponentHandler(e){var t;(t=this.baseProvider)==null||t.unregisterComponent(e.detail)}async getNylasAuth(){return this.nylasAuth}async getNylasConnector(){return this.nylasConnector}async getMailboxStore(){var e;return(e=this.baseProvider)==null?void 0:e.getStore("mailbox")}async getAuthStore(){var e;return(e=this.baseProvider)==null?void 0:e.getStore("auth")}async getNylasSchedulerStore(){var e;return(e=this.baseProvider)==null?void 0:e.getStore("scheduler")}async getNylasSchedulerConfigStore(){var e;return(e=this.baseProvider)==null?void 0:e.getStore("schedulerConfig")}render(){return s.h(s.Host,{key:"782d47608825fb870d87153c8d43d778dc6c2b87"},s.h("slot",{key:"2b01537d9d4a0cf4c81ad0b77ce3e6d761f3e1db"}))}get host(){return s.getElement(this)}};C.style=A;exports.nylas_provider=C;
@@ -1,8 +1,8 @@
1
- import { r as C, c as a, d as h, h as g, H as S, g as f } from "./index-f9ba9aa8.js";
2
- import { N as m, e as b } from "./index.es-f57e612a-1d17c676.js";
3
- import { C as A, a as p, H as v, N as P, b as _, c as N, d as w } from "./mailbox-store-47fc8a1a-2365f20f.js";
4
- import { C as x, N as I } from "./scheduler-store-39d37291-4e8e9ff9.js";
5
- import { C as M } from "./scheduler-config-store-6222c0ed-000f1a4f.js";
1
+ import { r as C, c as h, d as a, h as g, H as S, g as m } from "./index-f93f6948.js";
2
+ import { N as b, e as f } from "./index.es-df564f87-b773d34f.js";
3
+ import { C as A, a as p, H as v, N as P, b as _, c as N, d as w } from "./mailbox-store-69c5c5f6-8ab4670b.js";
4
+ import { C as x, N as I } from "./scheduler-store-24fd0e91-47098841.js";
5
+ import { C as M } from "./scheduler-config-store-07d98279-3b70606c.js";
6
6
  import "react";
7
7
  import "react-dom";
8
8
  class E {
@@ -10,7 +10,7 @@ class E {
10
10
  this.router = e, this.schedulerAPIURL = i, this.nylasAuth = s, this.nylasAuthStore = r, this.nylasMailboxStore = o, this.nylasSchedulerStore = l, this.nylasSchedulerConfigStore = n;
11
11
  }
12
12
  init() {
13
- h("NylasConnector init");
13
+ a("NylasConnector init");
14
14
  }
15
15
  get authStore() {
16
16
  return this.nylasAuthStore;
@@ -54,23 +54,23 @@ class E {
54
54
  }
55
55
  const L = ":host{display:contents}", R = L, T = class {
56
56
  constructor(t) {
57
- C(this, t), this.init = a(this, "init", 7), this.loggedIn = a(this, "loggedIn", 7), this.loggedOut = a(this, "loggedOut", 7), this.handleAuthChange = async (e) => {
57
+ C(this, t), this.init = h(this, "init", 7), this.loggedIn = h(this, "loggedIn", 7), this.loggedOut = h(this, "loggedOut", 7), this.handleAuthChange = async (e) => {
58
58
  e ? this.loggedIn.emit(this.host) : this.loggedOut.emit(this.host);
59
59
  }, this.authConfig = void 0, this.eventOverrides = {}, this.automaticComponentRegistration = !0;
60
60
  }
61
61
  connectedCallback() {
62
- h("[nylas-provider] connectedCallback");
62
+ a("[nylas-provider] connectedCallback");
63
63
  }
64
64
  async componentWillLoad() {
65
- var n, i, c, u, d, y;
66
- h("[nylas-provider] componentWillLoad"), this.stores = {
65
+ var n, i, c, d, u, y;
66
+ a("[nylas-provider] componentWillLoad"), this.stores = {
67
67
  auth: A(),
68
68
  mailbox: p(),
69
69
  scheduler: x(),
70
70
  schedulerConfig: M()
71
- }, this.baseProvider = new m(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides);
71
+ }, this.baseProvider = new b(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides);
72
72
  const t = new v();
73
- this.nylasAuth = b({
73
+ this.nylasAuth = f({
74
74
  apiUri: "https://api.us.nylas.com",
75
75
  elementsApiUri: "https://elements.us.nylas.com",
76
76
  storageType: "indexeddb",
@@ -88,10 +88,10 @@ const L = ":host{display:contents}", R = L, T = class {
88
88
  const r = (c = this.baseProvider) == null ? void 0 : c.getStore("scheduler");
89
89
  if (!r)
90
90
  throw new Error("The scheduler store is not set");
91
- const o = (u = this.baseProvider) == null ? void 0 : u.getStore("schedulerConfig");
91
+ const o = (d = this.baseProvider) == null ? void 0 : d.getStore("schedulerConfig");
92
92
  if (!o)
93
93
  throw new Error("The scheduler config store is not set");
94
- this.nylasConnector = new E(t, this.nylasAuth, s, e, r, o), this.init.emit(this.host).defaultPrevented || await ((d = this.nylasConnector) == null ? void 0 : d.auth.validateSession()), this.handleAuthChange(s.state.isAuthenticated), (y = this.baseProvider) == null || y.componentWillLoad(this.nylasConnector);
94
+ this.nylasConnector = new E(t, this.nylasAuth, s, e, r, o), this.init.emit(this.host).defaultPrevented || await ((u = this.nylasConnector) == null ? void 0 : u.auth.validateSession()), this.handleAuthChange(s.state.isAuthenticated), (y = this.baseProvider) == null || y.componentWillLoad(this.nylasConnector);
95
95
  }
96
96
  componentDidLoad() {
97
97
  var e, s;
@@ -133,10 +133,10 @@ const L = ":host{display:contents}", R = L, T = class {
133
133
  return (t = this.baseProvider) == null ? void 0 : t.getStore("schedulerConfig");
134
134
  }
135
135
  render() {
136
- return g(S, { key: "1eb5d566a5f7c425be7b30939b06a2dfbd34c7cc" }, g("slot", { key: "f3a6afab3af5893af6602f971dfe67a795f9bd4f" }));
136
+ return g(S, { key: "782d47608825fb870d87153c8d43d778dc6c2b87" }, g("slot", { key: "2b01537d9d4a0cf4c81ad0b77ce3e6d761f3e1db" }));
137
137
  }
138
138
  get host() {
139
- return f(this);
139
+ return m(this);
140
140
  }
141
141
  };
142
142
  T.style = R;