npm - @nylas/web-elements - Versions diffs - 1.1.0-canary.4 → 1.1.0-canary.5 - Mend

@nylas/web-elements 1.1.0-canary.4 → 1.1.0-canary.5

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 (823) hide show

package/dist/components/nylas-view-thread.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { h, Fragment, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
 import { R as RegisterComponent } from './register-component.js';
-import { d as debug, A as formatTimeAgo, p as formatParticipants, B as formatRecipient, n as toTitleCase } from './utils.js';
+import { d as debug, g as formatTimeAgo, a as formatParticipants, h as formatRecipient, t as toTitleCase } from './utils.js';
 import { d as defineCustomElement$e } from './bold.js';
 import { d as defineCustomElement$d } from './chevron.js';
 import { d as defineCustomElement$c } from './forward.js';
@@ -200,7 +200,7 @@ const NylasViewThread$1 = proxyCustomElement(class NylasViewThread extends HTMLE
         const lastTwoMessages = this.internalMessages.slice(this.internalMessages.length - 2, this.internalMessages.length);
         const remainingMessages = this.internalMessages.slice(1, this.internalMessages.length - 2);
         const lastMessage = this.internalMessages[this.internalMessages.length - 1];
-        return (h(Host, { key: '836293c4ebe84588af8bc245f79ef45548d99d64' }, h("sp-theme", { key: '7d66ec6cb6d487a0f454ee27d81c20e41e5f7649', scale: "medium", color: "dark" }, h("div", { key: 'd70c54528874a783aa31c8c16aa2023d08a14da1', class: "view-thread" }, h("div", { key: 'd1de0e04665f48d83fa2e913f9c48beea42e2149', class: "header" }, h("div", { key: 'a08529d41372857db86f3abfaed8a2d5f7898392', class: 'subject' }, this.thread?.subject), h("div", { key: 'e26cddf45f1ff869837184f136ce44225911aca9', class: 'folders' }, this.thread?.folders?.map(folder => h("sp-tag", { size: "s" }, toTitleCase(folder.replace('CATEGORY_', '').replace('_', ' ')))))), h("div", { key: '03d81b5879b0003b991f1b34f78961358008324c', class: "messages" }, fistMessage && (h(ViewThreadMessage, { message: fistMessage, attachments: this.attachments.filter(attachment => attachment.messageId === fistMessage.id), onMessageClick: this.onMessageClick, onShowContactDataClick: this.onShowContactDataClick, parent: this.host, viewEmailElement: this.nylasViewEmailElement, composerElement: this.nylasComposerElement })), remainingMessages.length > 0 && this.messages.length > 1 && !this.showAllEmails && lastTwoMessages.length > 0 && (h(Fragment, null, h("div", { class: 'show-more' }, h("button", { type: "button", onClick: this.onShowAllEmailsClick }, h("span", { class: 'avatar' }, remainingMessages.length), " ", h("span", { class: 'sr-only' }, "Show ", remainingMessages.length, " more emails"))), h("hr", null))), remainingMessages.length > 0 &&
+        return (h(Host, { key: 'b9bcde80e7ee15061bfc217d99bb9422dfbe1d04' }, h("sp-theme", { key: '965e53796323e3e13983447abb4ac1b3a8651daa', scale: "medium", color: "dark" }, h("div", { key: '9efc644121efd09a2e837c23f9f8da80589f870b', class: "view-thread" }, h("div", { key: 'c1479929b6679a1b47f03dfe6d5cc1128484b703', class: "header" }, h("div", { key: '00c6788a461f9f6ca4532fb2acb2bf08e0f0c118', class: 'subject' }, this.thread?.subject), h("div", { key: '2e114754a9dd830e4a124cd9079ad4cf725908bd', class: 'folders' }, this.thread?.folders?.map(folder => h("sp-tag", { size: "s" }, toTitleCase(folder.replace('CATEGORY_', '').replace('_', ' ')))))), h("div", { key: '136d6a314c647991218dfe4090fa97c8d98b210d', class: "messages" }, fistMessage && (h(ViewThreadMessage, { message: fistMessage, attachments: this.attachments.filter(attachment => attachment.messageId === fistMessage.id), onMessageClick: this.onMessageClick, onShowContactDataClick: this.onShowContactDataClick, parent: this.host, viewEmailElement: this.nylasViewEmailElement, composerElement: this.nylasComposerElement })), remainingMessages.length > 0 && this.messages.length > 1 && !this.showAllEmails && lastTwoMessages.length > 0 && (h(Fragment, null, h("div", { class: 'show-more' }, h("button", { type: "button", onClick: this.onShowAllEmailsClick }, h("span", { class: 'avatar' }, remainingMessages.length), " ", h("span", { class: 'sr-only' }, "Show ", remainingMessages.length, " more emails"))), h("hr", null))), remainingMessages.length > 0 &&
             this.showAllEmails &&
             this.messages.length > 2 &&
             remainingMessages.map(email => (h(ViewThreadMessage, { message: email, attachments: this.attachments.filter(attachment => attachment.messageId === fistMessage?.id), onMessageClick: this.onMessageClick, onShowContactDataClick: this.onShowContactDataClick, parent: this.host, viewEmailElement: this.nylasViewEmailElement, composerElement: this.nylasComposerElement }))), lastTwoMessages.length > 0 &&
@@ -328,7 +328,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1(NylasViewThread$1);
 const NylasViewThread = NylasViewThread$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/nylas-view-thread.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"nylas-view-thread.js","mappings":"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","names":["NylasViewThread"],"sources":["src/components/mailbox/nylas-view-thread/view-thread-message.tsx","src/components/mailbox/nylas-view-thread/nylas-view-thread.scss?tag=nylas-view-thread&encapsulation=shadow","src/components/mailbox/nylas-view-thread/nylas-view-thread.tsx"],"sourcesContent":["import { InternalAttachment, InternalMessage } from '@/common/types';\nimport { debug, formatParticipants, formatRecipient, formatTimeAgo } from '@/utils/utils';\nimport { Fragment, FunctionalComponent, h } from '@stencil/core';\n\nexport type ViewThreadMessageProps = {\n message: InternalMessage;\n attachments: InternalAttachment[];\n viewEmailElement?: HTMLNylasViewEmailElement \| null;\n composerElement?: HTMLNylasComposerElement \| null;\n onShowContactDataClick: (event: MouseEvent) => void;\n onMessageClick: (event: MouseEvent) => void;\n parent?: HTMLElement;\n};\n\n/*\n Render view email element\n * @param container Container element to render view email element\n * @param message Message to render\n * @param viewEmailElement View email element to render\n * @param parent Parent element used for mobile view resizing\n /\nfunction renderViewEmail(message: InternalMessage, attachments: InternalAttachment[], container?: HTMLElement, viewEmailElement?: HTMLNylasViewEmailElement, parent?: HTMLElement) {\n // Skip if message is not defined\n if (!viewEmailElement) {\n return;\n }\n\n // Skip if container is not defined\n if (!container) {\n return;\n }\n\n // Skip if container already has a child\n if (container.children.length > 0) {\n return;\n }\n\n debug(`[nylas-view-thread] Rendering email`, { message, attachments, viewEmailElement });\n\n // Clone viewEmailElement so that we are not reusing the same element from another\n // message in the thread\n const viewEmailElementClone = viewEmailElement.cloneNode(true) as HTMLNylasViewEmailElement;\n viewEmailElementClone.message = message.data;\n viewEmailElementClone.parent = parent;\n\n // Append viewEmailElement to container\n container.appendChild(viewEmailElementClone);\n}\n\nexport const ViewThreadMessage: FunctionalComponent<ViewThreadMessageProps> = ({ viewEmailElement, message, attachments, onMessageClick, onShowContactDataClick, parent }) => (\n <Fragment>\n <div key={message.id} class={'message'}>\n <div class={'sub-header'} data-id={message.data.id} onClick={onMessageClick}>\n <div class={'avatar'}>{message.data.from && message.data.from[0]?.name && message.data.from[0]?.name[0]?.toUpperCase()}</div>\n <div class={'from'}>\n <span class={'name'}>{message.data.from && message.data.from[0]?.name}</span> <span class=\"email\">{message.data.from && message.data.from[0]?.email}</span>\n </div>\n <div class={'date'}>\n {new Date(message.data.date 1000).toLocaleTimeString(undefined, {\n timeStyle: 'short',\n })}{' '}\n ({formatTimeAgo(new Date(message.data.date * 1000))})\n </div>\n <sp-button-group class=\"buttons\">\n <nylas-summarize-message-button message={message.data} />\n </sp-button-group>\n {message.collapse && <div class={'snippet'}>{message.data.snippet}</div>}\n\n {!message.collapse && message.data.to && (\n <div class={'to'}>\n <span>to</span> {formatParticipants(message.data.to)}{' '}\n <button\n type=\"button\"\n value={message.data.id}\n onClick={onShowContactDataClick}\n class={{\n 'expand': true,\n 'expand--showContactData': message.showContactData,\n }}\n >\n <chevron-icon />\n </button>\n </div>\n )}\n </div>\n {message.showContactData && (\n <div class={'address-info'}>\n <div class={'label'}>From</div>\n <div class={'value'}>{formatRecipient(message.data?.from ? message?.data?.from[0] : { name: '', email: '' })}</div>\n\n {message.data.to && (\n <Fragment>\n <div class={'label'}>To</div>\n <div class={'value'}>\n {message.data.to.map(to => (\n <div>{formatRecipient(to)}</div>\n ))}\n </div>\n </Fragment>\n )}\n\n {typeof message.data.cc !== 'undefined' && message.data.cc.length > 0 && (\n <Fragment>\n <div class={'label'}>CC</div>\n <div class={'value'}>\n {message.data.cc.map(cc => (\n <div>{formatRecipient(cc)}</div>\n ))}\n </div>\n </Fragment>\n )}\n </div>\n )}\n {!message.collapse && viewEmailElement && <div key={message.id} ref={el => renderViewEmail(message, attachments, el, viewEmailElement, parent)} />}\n {/* If no view element was provided, default to our own instance /}\n {!message.collapse && !viewEmailElement && <nylas-view-email key={message.id} message={message.data} parent={parent} />}\n </div>\n <hr />\n </Fragment>\n);\n",":host {\n display: block;\n font-size: inherit;\n}\n\n.avatar {\n z-index: 1;\n border-radius: 100%;\n background-color: var(--nylas-color-primary-200);\n height: 40px;\n width: 40px;\n align-items: center;\n display: flex;\n justify-content: center;\n border: 1px solid var(--nylas-color-primary-200);\n}\n\n.view-thread {\n display: grid;\n grid-auto-flow: row;\n width: 100%;\n\n .header {\n display: grid;\n grid-gap: 1rem;\n / grid-auto-flow: row;\n grid-auto-columns: fit-content(50%); /\n align-items: center;\n margin-bottom: 1rem;\n\n .subject {\n font-size: 1.25rem;\n font-weight: 600;\n line-height: 1.5rem;\n }\n\n .folders {\n display: grid;\n grid-auto-flow: column;\n grid-auto-columns: min-content;\n overflow-x: auto;\n gap: 1rem;\n\n .folder {\n padding: 0 0.5rem;\n font-size: 0.9rem;\n color: var(--nylas-color-primary-900);\n background-color: var(--nylas-color-primary-300);\n }\n }\n }\n\n .messages {\n display: grid;\n gap: 1rem;\n\n hr {\n margin: 0;\n width: 100%;\n border: 1px solid var(--nylas-color-primary-200);\n\n &:last-of-type {\n display: none;\n }\n }\n\n .message {\n display: grid;\n grid-auto-flow: row;\n gap: 1rem;\n\n &:last-of-type .sub-header {\n cursor: default;\n }\n\n .sub-header {\n display: grid;\n grid-template:\n 'avatar from date buttons'\n 'avatar to to buttons';\n grid-column-gap: 1rem;\n grid-template-columns: auto 1fr auto auto;\n cursor: pointer;\n\n > {\n pointer-events: none;\n }\n\n .avatar {\n grid-area: avatar;\n }\n\n .from {\n grid-area: from;\n span.email {\n display: none;\n color: var(--nylas-color-primary-400);\n font-weight: 600;\n }\n }\n\n .buttons {\n grid-area: buttons;\n align-self: center;\n\n * {\n pointer-events: all;\n }\n }\n\n .date {\n grid-area: date;\n align-self: center;\n color: var(--nylas-color-primary-400);\n }\n\n .snippet {\n width: 90%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--nylas-color-primary-600);\n }\n\n .to {\n grid-area: to;\n color: var(--nylas-color-primary-400);\n\n > span {\n color: var(--nylas-color-primary-400);\n }\n\n button {\n border: 0;\n background-color: transparent;\n cursor: pointer;\n pointer-events: all;\n padding: 0;\n margin: 0;\n\n > * {\n pointer-events: none;\n }\n\n chevron-icon {\n display: inline-table;\n fill: var(--nylas-color-primary-400);\n width: 15px;\n height: 15px;\n vertical-align: middle;\n svg {\n width: 15px;\n height: 15px;\n transform: rotate(90deg);\n }\n }\n\n &.expand--showContactData chevron-icon {\n svg {\n transform: rotate(270deg);\n }\n }\n }\n }\n }\n\n .address-info {\n display: grid;\n column-gap: 1rem;\n row-gap: 0.5rem;\n grid-template-columns: auto 1fr;\n grid-template-rows: 1fr;\n padding: 1rem 2rem;\n border-radius: var(--nylas-border-radius-2x);\n border: 1px solid var(--nylas-color-primary-200);\n align-items: flex-start;\n color: var(--nylas-color-primary-600);\n\n .label {\n color: var(--nylas-color-primary-400);\n font-weight: 600;\n }\n }\n }\n }\n}\n\n.show-more {\n position: relative;\n display: flex;\n width: 100%;\n\n .sr-only {\n display: none;\n }\n\n button {\n position: relative;\n display: inline-flex;\n width: 100%;\n padding: 0;\n border: 0;\n background-color: transparent;\n cursor: pointer;\n text-align: left;\n overflow: hidden;\n\n span {\n border: 1px solid var(--nylas-color-primary-400);\n }\n\n &:hover span {\n background-color: var(--nylas-color-primary-700);\n }\n\n &::after {\n border-top: 1px solid rgba(100, 121, 143, 0.122);\n border-bottom: 1px solid rgba(100, 121, 143, 0.122);\n content: '';\n height: 4px;\n width: 100%;\n position: absolute;\n top: 50%;\n }\n }\n}\n\n.loading {\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: var(--loading__background-color);\n top: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n display: grid;\n justify-content: center;\n align-items: center;\n font-weight: 600;\n overflow: hidden;\n}\n\n.reply-buttons {\n display: grid;\n grid-auto-flow: column;\n grid-auto-columns: min-content;\n gap: 1rem;\n margin-top: 1rem;\n\n sp-button {\n border-radius: var(--nylas-border-radius);\n background-color: var(--nylas-color-primary-400);\n color: var(--nylas-color-primary-900);\n fill: var(--nylas-color-primary-900);\n\n &:hover {\n background-color: var(--nylas-color-primary-500);\n }\n\n &:disabled {\n background-color: var(--nylas-color-primary-200);\n color: var(--nylas-color-primary-600);\n cursor: not-allowed;\n }\n\n & chevron-icon {\n display: inline-block;\n }\n }\n}\n\n/* Extra small devices (phones, 600px and down) /\n@media only screen and (max-width: 600px) {\n}\n\n/ Small devices (portrait tablets and large phones, 600px and up) /\n@media only screen and (min-width: 600px) {\n}\n\n/ Medium devices (landscape tablets, 768px and up) /\n@media only screen and (min-width: 768px) {\n .view-thread {\n .messages {\n .message {\n .sub-header {\n .from {\n span.email {\n display: inline;\n }\n }\n }\n }\n }\n }\n}\n\n/ Large devices (laptops/desktops, 992px and up) /\n@media only screen and (min-width: 992px) {\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { DataState, InternalAttachment, InternalMessage } from '@/common/types';\nimport { debug, toTitleCase } from '@/utils/utils';\nimport { Message, Thread } from '@nylas/core';\nimport { Component, Element, Event, EventEmitter, Fragment, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasMailboxConnector } from '../../../components';\nimport { NylasMailbox } from '../nylas-mailbox/nylas-mailbox';\nimport { ViewThreadMessage } from './view-thread-message';\n\n@Component({\n tag: 'nylas-view-thread',\n styleUrl: 'nylas-view-thread.scss',\n shadow: true,\n})\nexport class NylasViewThread {\n /\n The host element\n /\n @Element() readonly host!: HTMLDivElement;\n\n /\n The draft message to display\n /\n @Prop() readonly draft?: Message;\n\n /\n Thread to display\n /\n @Prop() readonly thread?: Thread;\n\n /\n Messages within the thread to display\n /\n @Prop() readonly messages: Message[] = [];\n\n /\n Attachments for each message within the thread\n /\n @Prop() readonly attachments: InternalAttachment[] = [];\n\n /\n Event emitted when a thread is selected\n /\n @Event({ cancelable: true }) readonly threadSelected!: EventEmitter<Thread>;\n\n /\n Event emitted when a message contact data is clicked\n /\n @Event() showContactDataClicked!: EventEmitter<Message>;\n\n /\n Event emitted when a message is clicked\n /\n @Event() messageClicked!: EventEmitter<Message>;\n\n /\n THe data state of the mailbox (loading, ready, error)\n /\n @State() readonly state: DataState = 'loading';\n\n /\n Internal messages contains additional data for each message\n * required for rendering\n /\n @State() internalMessages: InternalMessage[] = [];\n\n /\n A toggle state to all emails\n /\n @State() showAllEmails: boolean = false;\n\n /\n A toggle state to show the composer\n /\n @State() showComposer: boolean = false;\n\n /\n The view email element to render.\n * This is the HTML element that is passed to this component\n * and which is used to render the email body for each message.\n /\n private nylasViewEmailElement: HTMLNylasViewEmailElement \| null = null;\n\n /\n The composer element to render.\n * This is the HTML element that is passed to this component\n * and which is used to render the composer for each message.\n */\n private nylasComposerElement: HTMLNylasComposerElement \| null = null;\n\n connectedCallback() {}\n\n disconnectedCallback() {}\n\n async componentWillLoad() {\n debug(`[nylas-view-thread] Component will load`);\n this.updateInternalMessages(this.messages);\n\n // Get the template with the class \"nylas-view-email\" and clone it\n const template = this.host.querySelector<HTMLTemplateElement>('template.nylas-view-email');\n if (!template) {\n debug(`[nylas-view-thread] Could not find template`);\n return;\n }\n\n const viewEmailTemplateClone = document.importNode(template.content, true);\n this.nylasViewEmailElement = viewEmailTemplateClone.querySelector<HTMLNylasViewEmailElement>('nylas-view-email');\n\n // Get the template with the class \"nylas-composer\" and clone it\n const composerTemplate = this.host.querySelector<HTMLTemplateElement>('template.nylas-composer');\n if (!composerTemplate) {\n debug(`[nylas-view-thread] Could not find composer template`);\n return;\n }\n\n const composerTemplateClone = document.importNode(composerTemplate.content, true);\n this.nylasComposerElement = composerTemplateClone.querySelector<HTMLNylasComposerElement>('nylas-composer');\n }\n\n async componentDidLoad() {\n debug(`[nylas-view-thread] Component did load`);\n }\n\n @Watch('thread')\n async threadChanged(thread: Thread \| undefined) {\n debug(`[nylas-view-thread] Thread changed`, { thread: thread });\n\n // Reset internal messages\n this.internalMessages = [];\n\n const event = this.threadSelected.emit(thread);\n if (!event.defaultPrevented) {\n debug(`[nylas-view-thread] Default event not prevented, initializing`);\n }\n }\n\n @Watch('messages')\n public updateInternalMessages(messages: Message[]) {\n debug(`[nylas-view-thread] Updating internal messages`, { messages });\n\n const internalMessages = messages\n .sort((a, b) => {\n return a.date > b.date ? 1 : -1;\n })\n .map((message, index) => ({\n id: message.id,\n data: message,\n collapse: index === messages.length - 1 ? false : true,\n showContactData: false,\n }));\n\n this.internalMessages = internalMessages;\n }\n\n private onShowContactDataClick = (originalEvent: MouseEvent) => {\n originalEvent.stopPropagation();\n const target = originalEvent.target as HTMLButtonElement;\n const messageId = target.value;\n\n const message = this.internalMessages.find(message => message.data.id === messageId);\n if (!message) {\n debug(`[nylas-view-thread] Could not find message ${messageId}`);\n return;\n }\n const event = this.showContactDataClicked.emit(message.data);\n if (!event.defaultPrevented) {\n message.showContactData = !message.showContactData;\n this.internalMessages = [...this.internalMessages];\n }\n\n debug(`[nylas-view-thread] show contact data clicked ${messageId} ${message.showContactData ? 'collapsed' : 'expanded'}`);\n };\n\n private onMessageClick = (originalEvent: MouseEvent) => {\n const target = originalEvent.target as HTMLDivElement;\n const messageId = target.dataset.id;\n const message = this.internalMessages.find(message => message.data.id === messageId);\n if (!message) {\n debug(`[nylas-view-thread] Could not find message ${messageId}`);\n return;\n }\n const event = this.messageClicked.emit(message.data);\n if (!event.defaultPrevented) {\n if (message.id !== this.internalMessages[this.internalMessages.length - 1]?.id) {\n message.collapse = !message.collapse;\n if (message.collapse) {\n message.showContactData = false;\n }\n }\n\n this.internalMessages = [...this.internalMessages];\n }\n debug(`[nylas-view-thread] message clicked ${messageId} ${message.collapse ? 'collapsed' : 'expanded'}`);\n };\n\n private onShowAllEmailsClick = () => {\n this.showAllEmails = !this.showAllEmails;\n };\n\n private showComposerClick = () => {\n this.showComposer = !this.showComposer;\n };\n\n @RegisterComponent<NylasViewThread, NylasMailboxConnector, Exclude<NylasMailbox['stores'], undefined>>({\n name: 'nylas-view-thread',\n stateToProps: new Map([\n ['mailbox.selectedThread', 'thread'],\n ['mailbox.messages', 'messages'],\n ['mailbox.state', 'state'],\n ]),\n eventToProps: {\n threadSelected: async (event: CustomEvent<Thread>, nylasConnector: NylasMailboxConnector) => {\n debug(`[nylas-view-thread] Nylas init event. Fetching thread messages.`, { event });\n const thread = event.detail;\n if (thread && thread.id) {\n await nylasConnector.messages.getThreadMessages(thread.id);\n }\n },\n },\n fireRegisterEvent: true,\n })\n render() {\n const fistMessage = this.internalMessages.length > 2 ? this.internalMessages[0] : null;\n const lastTwoMessages = this.internalMessages.slice(this.internalMessages.length - 2, this.internalMessages.length);\n const remainingMessages = this.internalMessages.slice(1, this.internalMessages.length - 2);\n const lastMessage = this.internalMessages[this.internalMessages.length - 1];\n return (\n <Host>\n <sp-theme scale=\"medium\" color=\"dark\">\n <div class=\"view-thread\">\n <div class=\"header\">\n <div class={'subject'}>{this.thread?.subject}</div>\n <div class={'folders'}>{this.thread?.folders?.map(folder => <sp-tag size=\"s\">{toTitleCase(folder.replace('CATEGORY_', '').replace('_', ' '))}</sp-tag>)}</div>\n </div>\n <div class=\"messages\">\n {fistMessage && (\n <ViewThreadMessage\n message={fistMessage}\n attachments={this.attachments.filter(attachment => attachment.messageId === fistMessage.id)}\n onMessageClick={this.onMessageClick}\n onShowContactDataClick={this.onShowContactDataClick}\n parent={this.host}\n viewEmailElement={this.nylasViewEmailElement}\n composerElement={this.nylasComposerElement}\n />\n )}\n {remainingMessages.length > 0 && this.messages.length > 1 && !this.showAllEmails && lastTwoMessages.length > 0 && (\n <Fragment>\n <div class={'show-more'}>\n <button type=\"button\" onClick={this.onShowAllEmailsClick}>\n <span class={'avatar'}>{remainingMessages.length}</span> <span class={'sr-only'}>Show {remainingMessages.length} more emails</span>\n </button>\n </div>\n <hr />\n </Fragment>\n )}\n {remainingMessages.length > 0 &&\n this.showAllEmails &&\n this.messages.length > 2 &&\n remainingMessages.map(email => (\n <ViewThreadMessage\n message={email}\n attachments={this.attachments.filter(attachment => attachment.messageId === fistMessage?.id)}\n onMessageClick={this.onMessageClick}\n onShowContactDataClick={this.onShowContactDataClick}\n parent={this.host}\n viewEmailElement={this.nylasViewEmailElement}\n composerElement={this.nylasComposerElement}\n />\n ))}\n {lastTwoMessages.length > 0 &&\n lastTwoMessages.map(email => (\n <ViewThreadMessage\n message={email}\n attachments={this.attachments.filter(attachment => attachment.messageId === fistMessage?.id)}\n onMessageClick={this.onMessageClick}\n onShowContactDataClick={this.onShowContactDataClick}\n parent={this.host}\n viewEmailElement={this.nylasViewEmailElement}\n composerElement={this.nylasComposerElement}\n />\n ))}\n </div>\n {!(this.showComposer && lastMessage) && (\n <div class=\"reply-buttons\">\n <sp-button variant=\"cta\" type=\"button\" onClick={this.showComposerClick}>\n <span slot=\"icon\">\n <reply-icon></reply-icon>\n </span>\n <span>Reply</span>\n </sp-button>\n <sp-button variant=\"cta\" type=\"button\">\n <span slot=\"icon\">\n <reply-all-icon></reply-all-icon>\n </span>\n <span>Reply All</span>\n </sp-button>\n <sp-button variant=\"cta\" type=\"button\">\n <span slot=\"icon\">\n <forward-icon></forward-icon>\n </span>\n <span>Forward</span>\n </sp-button>\n </div>\n )}\n {this.showComposer && lastMessage && (\n <div class=\"composer\">\n <nylas-composer\n message={lastMessage.data}\n onClose={this.showComposerClick}\n onSend={e => {\n debug(`[nylas-view-thread] Send event`, { message: e.detail.message, replyBody: e.detail.replyBody });\n }}\n ></nylas-composer>\n </div>\n )}\n </div>\n </sp-theme>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"nylas-view-thread.js","mappings":"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","names":["NylasViewThread"],"sources":["src/components/mailbox/nylas-view-thread/view-thread-message.tsx","src/components/mailbox/nylas-view-thread/nylas-view-thread.scss?tag=nylas-view-thread&encapsulation=shadow","src/components/mailbox/nylas-view-thread/nylas-view-thread.tsx"],"sourcesContent":["import { InternalAttachment, InternalMessage } from '@/common/types';\nimport { debug, formatParticipants, formatRecipient, formatTimeAgo } from '@/utils/utils';\nimport { Fragment, FunctionalComponent, h } from '@stencil/core';\n\nexport type ViewThreadMessageProps = {\n message: InternalMessage;\n attachments: InternalAttachment[];\n viewEmailElement?: HTMLNylasViewEmailElement \| null;\n composerElement?: HTMLNylasComposerElement \| null;\n onShowContactDataClick: (event: MouseEvent) => void;\n onMessageClick: (event: MouseEvent) => void;\n parent?: HTMLElement;\n};\n\n/*\n Render view email element\n * @param container Container element to render view email element\n * @param message Message to render\n * @param viewEmailElement View email element to render\n * @param parent Parent element used for mobile view resizing\n /\nfunction renderViewEmail(message: InternalMessage, attachments: InternalAttachment[], container?: HTMLElement, viewEmailElement?: HTMLNylasViewEmailElement, parent?: HTMLElement) {\n // Skip if message is not defined\n if (!viewEmailElement) {\n return;\n }\n\n // Skip if container is not defined\n if (!container) {\n return;\n }\n\n // Skip if container already has a child\n if (container.children.length > 0) {\n return;\n }\n\n debug(`[nylas-view-thread] Rendering email`, { message, attachments, viewEmailElement });\n\n // Clone viewEmailElement so that we are not reusing the same element from another\n // message in the thread\n const viewEmailElementClone = viewEmailElement.cloneNode(true) as HTMLNylasViewEmailElement;\n viewEmailElementClone.message = message.data;\n viewEmailElementClone.parent = parent;\n\n // Append viewEmailElement to container\n container.appendChild(viewEmailElementClone);\n}\n\nexport const ViewThreadMessage: FunctionalComponent<ViewThreadMessageProps> = ({ viewEmailElement, message, attachments, onMessageClick, onShowContactDataClick, parent }) => (\n <Fragment>\n <div key={message.id} class={'message'}>\n <div class={'sub-header'} data-id={message.data.id} onClick={onMessageClick}>\n <div class={'avatar'}>{message.data.from && message.data.from[0]?.name && message.data.from[0]?.name[0]?.toUpperCase()}</div>\n <div class={'from'}>\n <span class={'name'}>{message.data.from && message.data.from[0]?.name}</span> <span class=\"email\">{message.data.from && message.data.from[0]?.email}</span>\n </div>\n <div class={'date'}>\n {new Date(message.data.date 1000).toLocaleTimeString(undefined, {\n timeStyle: 'short',\n })}{' '}\n ({formatTimeAgo(new Date(message.data.date * 1000))})\n </div>\n <sp-button-group class=\"buttons\">\n <nylas-summarize-message-button message={message.data} />\n </sp-button-group>\n {message.collapse && <div class={'snippet'}>{message.data.snippet}</div>}\n\n {!message.collapse && message.data.to && (\n <div class={'to'}>\n <span>to</span> {formatParticipants(message.data.to)}{' '}\n <button\n type=\"button\"\n value={message.data.id}\n onClick={onShowContactDataClick}\n class={{\n 'expand': true,\n 'expand--showContactData': message.showContactData,\n }}\n >\n <chevron-icon />\n </button>\n </div>\n )}\n </div>\n {message.showContactData && (\n <div class={'address-info'}>\n <div class={'label'}>From</div>\n <div class={'value'}>{formatRecipient(message.data?.from ? message?.data?.from[0] : { name: '', email: '' })}</div>\n\n {message.data.to && (\n <Fragment>\n <div class={'label'}>To</div>\n <div class={'value'}>\n {message.data.to.map(to => (\n <div>{formatRecipient(to)}</div>\n ))}\n </div>\n </Fragment>\n )}\n\n {typeof message.data.cc !== 'undefined' && message.data.cc.length > 0 && (\n <Fragment>\n <div class={'label'}>CC</div>\n <div class={'value'}>\n {message.data.cc.map(cc => (\n <div>{formatRecipient(cc)}</div>\n ))}\n </div>\n </Fragment>\n )}\n </div>\n )}\n {!message.collapse && viewEmailElement && <div key={message.id} ref={el => renderViewEmail(message, attachments, el, viewEmailElement, parent)} />}\n {/* If no view element was provided, default to our own instance /}\n {!message.collapse && !viewEmailElement && <nylas-view-email key={message.id} message={message.data} parent={parent} />}\n </div>\n <hr />\n </Fragment>\n);\n",":host {\n display: block;\n font-size: inherit;\n}\n\n.avatar {\n z-index: 1;\n border-radius: 100%;\n background-color: var(--nylas-color-primary-200);\n height: 40px;\n width: 40px;\n align-items: center;\n display: flex;\n justify-content: center;\n border: 1px solid var(--nylas-color-primary-200);\n}\n\n.view-thread {\n display: grid;\n grid-auto-flow: row;\n width: 100%;\n\n .header {\n display: grid;\n grid-gap: 1rem;\n / grid-auto-flow: row;\n grid-auto-columns: fit-content(50%); /\n align-items: center;\n margin-bottom: 1rem;\n\n .subject {\n font-size: 1.25rem;\n font-weight: 600;\n line-height: 1.5rem;\n }\n\n .folders {\n display: grid;\n grid-auto-flow: column;\n grid-auto-columns: min-content;\n overflow-x: auto;\n gap: 1rem;\n\n .folder {\n padding: 0 0.5rem;\n font-size: 0.9rem;\n color: var(--nylas-color-primary-900);\n background-color: var(--nylas-color-primary-300);\n }\n }\n }\n\n .messages {\n display: grid;\n gap: 1rem;\n\n hr {\n margin: 0;\n width: 100%;\n border: 1px solid var(--nylas-color-primary-200);\n\n &:last-of-type {\n display: none;\n }\n }\n\n .message {\n display: grid;\n grid-auto-flow: row;\n gap: 1rem;\n\n &:last-of-type .sub-header {\n cursor: default;\n }\n\n .sub-header {\n display: grid;\n grid-template:\n 'avatar from date buttons'\n 'avatar to to buttons';\n grid-column-gap: 1rem;\n grid-template-columns: auto 1fr auto auto;\n cursor: pointer;\n\n > {\n pointer-events: none;\n }\n\n .avatar {\n grid-area: avatar;\n }\n\n .from {\n grid-area: from;\n span.email {\n display: none;\n color: var(--nylas-color-primary-400);\n font-weight: 600;\n }\n }\n\n .buttons {\n grid-area: buttons;\n align-self: center;\n\n * {\n pointer-events: all;\n }\n }\n\n .date {\n grid-area: date;\n align-self: center;\n color: var(--nylas-color-primary-400);\n }\n\n .snippet {\n width: 90%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--nylas-color-primary-600);\n }\n\n .to {\n grid-area: to;\n color: var(--nylas-color-primary-400);\n\n > span {\n color: var(--nylas-color-primary-400);\n }\n\n button {\n border: 0;\n background-color: transparent;\n cursor: pointer;\n pointer-events: all;\n padding: 0;\n margin: 0;\n\n > * {\n pointer-events: none;\n }\n\n chevron-icon {\n display: inline-table;\n fill: var(--nylas-color-primary-400);\n width: 15px;\n height: 15px;\n vertical-align: middle;\n svg {\n width: 15px;\n height: 15px;\n transform: rotate(90deg);\n }\n }\n\n &.expand--showContactData chevron-icon {\n svg {\n transform: rotate(270deg);\n }\n }\n }\n }\n }\n\n .address-info {\n display: grid;\n column-gap: 1rem;\n row-gap: 0.5rem;\n grid-template-columns: auto 1fr;\n grid-template-rows: 1fr;\n padding: 1rem 2rem;\n border-radius: var(--nylas-border-radius-2x);\n border: 1px solid var(--nylas-color-primary-200);\n align-items: flex-start;\n color: var(--nylas-color-primary-600);\n\n .label {\n color: var(--nylas-color-primary-400);\n font-weight: 600;\n }\n }\n }\n }\n}\n\n.show-more {\n position: relative;\n display: flex;\n width: 100%;\n\n .sr-only {\n display: none;\n }\n\n button {\n position: relative;\n display: inline-flex;\n width: 100%;\n padding: 0;\n border: 0;\n background-color: transparent;\n cursor: pointer;\n text-align: left;\n overflow: hidden;\n\n span {\n border: 1px solid var(--nylas-color-primary-400);\n }\n\n &:hover span {\n background-color: var(--nylas-color-primary-700);\n }\n\n &::after {\n border-top: 1px solid rgba(100, 121, 143, 0.122);\n border-bottom: 1px solid rgba(100, 121, 143, 0.122);\n content: '';\n height: 4px;\n width: 100%;\n position: absolute;\n top: 50%;\n }\n }\n}\n\n.loading {\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: var(--loading__background-color);\n top: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n display: grid;\n justify-content: center;\n align-items: center;\n font-weight: 600;\n overflow: hidden;\n}\n\n.reply-buttons {\n display: grid;\n grid-auto-flow: column;\n grid-auto-columns: min-content;\n gap: 1rem;\n margin-top: 1rem;\n\n sp-button {\n border-radius: var(--nylas-border-radius);\n background-color: var(--nylas-color-primary-400);\n color: var(--nylas-color-primary-900);\n fill: var(--nylas-color-primary-900);\n\n &:hover {\n background-color: var(--nylas-color-primary-500);\n }\n\n &:disabled {\n background-color: var(--nylas-color-primary-200);\n color: var(--nylas-color-primary-600);\n cursor: not-allowed;\n }\n\n & chevron-icon {\n display: inline-block;\n }\n }\n}\n\n/* Extra small devices (phones, 600px and down) /\n@media only screen and (max-width: 600px) {\n}\n\n/ Small devices (portrait tablets and large phones, 600px and up) /\n@media only screen and (min-width: 600px) {\n}\n\n/ Medium devices (landscape tablets, 768px and up) /\n@media only screen and (min-width: 768px) {\n .view-thread {\n .messages {\n .message {\n .sub-header {\n .from {\n span.email {\n display: inline;\n }\n }\n }\n }\n }\n }\n}\n\n/ Large devices (laptops/desktops, 992px and up) /\n@media only screen and (min-width: 992px) {\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { DataState, InternalAttachment, InternalMessage } from '@/common/types';\nimport { debug, toTitleCase } from '@/utils/utils';\nimport { Message, Thread } from '@nylas/core';\nimport { Component, Element, Event, EventEmitter, Fragment, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasMailboxConnector } from '../../../components';\nimport { NylasMailbox } from '../nylas-mailbox/nylas-mailbox';\nimport { ViewThreadMessage } from './view-thread-message';\n\n@Component({\n tag: 'nylas-view-thread',\n styleUrl: 'nylas-view-thread.scss',\n shadow: true,\n})\nexport class NylasViewThread {\n /\n The host element\n /\n @Element() readonly host!: HTMLDivElement;\n\n /\n The draft message to display\n /\n @Prop() readonly draft?: Message;\n\n /\n Thread to display\n /\n @Prop() readonly thread?: Thread;\n\n /\n Messages within the thread to display\n /\n @Prop() readonly messages: Message[] = [];\n\n /\n Attachments for each message within the thread\n /\n @Prop() readonly attachments: InternalAttachment[] = [];\n\n /\n Event emitted when a thread is selected\n /\n @Event({ cancelable: true }) readonly threadSelected!: EventEmitter<Thread>;\n\n /\n Event emitted when a message contact data is clicked\n /\n @Event() showContactDataClicked!: EventEmitter<Message>;\n\n /\n Event emitted when a message is clicked\n /\n @Event() messageClicked!: EventEmitter<Message>;\n\n /\n THe data state of the mailbox (loading, ready, error)\n /\n @State() readonly state: DataState = 'loading';\n\n /\n Internal messages contains additional data for each message\n * required for rendering\n /\n @State() internalMessages: InternalMessage[] = [];\n\n /\n A toggle state to all emails\n /\n @State() showAllEmails: boolean = false;\n\n /\n A toggle state to show the composer\n /\n @State() showComposer: boolean = false;\n\n /\n The view email element to render.\n * This is the HTML element that is passed to this component\n * and which is used to render the email body for each message.\n /\n private nylasViewEmailElement: HTMLNylasViewEmailElement \| null = null;\n\n /\n The composer element to render.\n * This is the HTML element that is passed to this component\n * and which is used to render the composer for each message.\n */\n private nylasComposerElement: HTMLNylasComposerElement \| null = null;\n\n connectedCallback() {}\n\n disconnectedCallback() {}\n\n async componentWillLoad() {\n debug(`[nylas-view-thread] Component will load`);\n this.updateInternalMessages(this.messages);\n\n // Get the template with the class \"nylas-view-email\" and clone it\n const template = this.host.querySelector<HTMLTemplateElement>('template.nylas-view-email');\n if (!template) {\n debug(`[nylas-view-thread] Could not find template`);\n return;\n }\n\n const viewEmailTemplateClone = document.importNode(template.content, true);\n this.nylasViewEmailElement = viewEmailTemplateClone.querySelector<HTMLNylasViewEmailElement>('nylas-view-email');\n\n // Get the template with the class \"nylas-composer\" and clone it\n const composerTemplate = this.host.querySelector<HTMLTemplateElement>('template.nylas-composer');\n if (!composerTemplate) {\n debug(`[nylas-view-thread] Could not find composer template`);\n return;\n }\n\n const composerTemplateClone = document.importNode(composerTemplate.content, true);\n this.nylasComposerElement = composerTemplateClone.querySelector<HTMLNylasComposerElement>('nylas-composer');\n }\n\n async componentDidLoad() {\n debug(`[nylas-view-thread] Component did load`);\n }\n\n @Watch('thread')\n async threadChanged(thread: Thread \| undefined) {\n debug(`[nylas-view-thread] Thread changed`, { thread: thread });\n\n // Reset internal messages\n this.internalMessages = [];\n\n const event = this.threadSelected.emit(thread);\n if (!event.defaultPrevented) {\n debug(`[nylas-view-thread] Default event not prevented, initializing`);\n }\n }\n\n @Watch('messages')\n public updateInternalMessages(messages: Message[]) {\n debug(`[nylas-view-thread] Updating internal messages`, { messages });\n\n const internalMessages = messages\n .sort((a, b) => {\n return a.date > b.date ? 1 : -1;\n })\n .map((message, index) => ({\n id: message.id,\n data: message,\n collapse: index === messages.length - 1 ? false : true,\n showContactData: false,\n }));\n\n this.internalMessages = internalMessages;\n }\n\n private onShowContactDataClick = (originalEvent: MouseEvent) => {\n originalEvent.stopPropagation();\n const target = originalEvent.target as HTMLButtonElement;\n const messageId = target.value;\n\n const message = this.internalMessages.find(message => message.data.id === messageId);\n if (!message) {\n debug(`[nylas-view-thread] Could not find message ${messageId}`);\n return;\n }\n const event = this.showContactDataClicked.emit(message.data);\n if (!event.defaultPrevented) {\n message.showContactData = !message.showContactData;\n this.internalMessages = [...this.internalMessages];\n }\n\n debug(`[nylas-view-thread] show contact data clicked ${messageId} ${message.showContactData ? 'collapsed' : 'expanded'}`);\n };\n\n private onMessageClick = (originalEvent: MouseEvent) => {\n const target = originalEvent.target as HTMLDivElement;\n const messageId = target.dataset.id;\n const message = this.internalMessages.find(message => message.data.id === messageId);\n if (!message) {\n debug(`[nylas-view-thread] Could not find message ${messageId}`);\n return;\n }\n const event = this.messageClicked.emit(message.data);\n if (!event.defaultPrevented) {\n if (message.id !== this.internalMessages[this.internalMessages.length - 1]?.id) {\n message.collapse = !message.collapse;\n if (message.collapse) {\n message.showContactData = false;\n }\n }\n\n this.internalMessages = [...this.internalMessages];\n }\n debug(`[nylas-view-thread] message clicked ${messageId} ${message.collapse ? 'collapsed' : 'expanded'}`);\n };\n\n private onShowAllEmailsClick = () => {\n this.showAllEmails = !this.showAllEmails;\n };\n\n private showComposerClick = () => {\n this.showComposer = !this.showComposer;\n };\n\n @RegisterComponent<NylasViewThread, NylasMailboxConnector, Exclude<NylasMailbox['stores'], undefined>>({\n name: 'nylas-view-thread',\n stateToProps: new Map([\n ['mailbox.selectedThread', 'thread'],\n ['mailbox.messages', 'messages'],\n ['mailbox.state', 'state'],\n ]),\n eventToProps: {\n threadSelected: async (event: CustomEvent<Thread>, nylasConnector: NylasMailboxConnector) => {\n debug(`[nylas-view-thread] Nylas init event. Fetching thread messages.`, { event });\n const thread = event.detail;\n if (thread && thread.id) {\n await nylasConnector.messages.getThreadMessages(thread.id);\n }\n },\n },\n fireRegisterEvent: true,\n })\n render() {\n const fistMessage = this.internalMessages.length > 2 ? this.internalMessages[0] : null;\n const lastTwoMessages = this.internalMessages.slice(this.internalMessages.length - 2, this.internalMessages.length);\n const remainingMessages = this.internalMessages.slice(1, this.internalMessages.length - 2);\n const lastMessage = this.internalMessages[this.internalMessages.length - 1];\n return (\n <Host>\n <sp-theme scale=\"medium\" color=\"dark\">\n <div class=\"view-thread\">\n <div class=\"header\">\n <div class={'subject'}>{this.thread?.subject}</div>\n <div class={'folders'}>{this.thread?.folders?.map(folder => <sp-tag size=\"s\">{toTitleCase(folder.replace('CATEGORY_', '').replace('_', ' '))}</sp-tag>)}</div>\n </div>\n <div class=\"messages\">\n {fistMessage && (\n <ViewThreadMessage\n message={fistMessage}\n attachments={this.attachments.filter(attachment => attachment.messageId === fistMessage.id)}\n onMessageClick={this.onMessageClick}\n onShowContactDataClick={this.onShowContactDataClick}\n parent={this.host}\n viewEmailElement={this.nylasViewEmailElement}\n composerElement={this.nylasComposerElement}\n />\n )}\n {remainingMessages.length > 0 && this.messages.length > 1 && !this.showAllEmails && lastTwoMessages.length > 0 && (\n <Fragment>\n <div class={'show-more'}>\n <button type=\"button\" onClick={this.onShowAllEmailsClick}>\n <span class={'avatar'}>{remainingMessages.length}</span> <span class={'sr-only'}>Show {remainingMessages.length} more emails</span>\n </button>\n </div>\n <hr />\n </Fragment>\n )}\n {remainingMessages.length > 0 &&\n this.showAllEmails &&\n this.messages.length > 2 &&\n remainingMessages.map(email => (\n <ViewThreadMessage\n message={email}\n attachments={this.attachments.filter(attachment => attachment.messageId === fistMessage?.id)}\n onMessageClick={this.onMessageClick}\n onShowContactDataClick={this.onShowContactDataClick}\n parent={this.host}\n viewEmailElement={this.nylasViewEmailElement}\n composerElement={this.nylasComposerElement}\n />\n ))}\n {lastTwoMessages.length > 0 &&\n lastTwoMessages.map(email => (\n <ViewThreadMessage\n message={email}\n attachments={this.attachments.filter(attachment => attachment.messageId === fistMessage?.id)}\n onMessageClick={this.onMessageClick}\n onShowContactDataClick={this.onShowContactDataClick}\n parent={this.host}\n viewEmailElement={this.nylasViewEmailElement}\n composerElement={this.nylasComposerElement}\n />\n ))}\n </div>\n {!(this.showComposer && lastMessage) && (\n <div class=\"reply-buttons\">\n <sp-button variant=\"cta\" type=\"button\" onClick={this.showComposerClick}>\n <span slot=\"icon\">\n <reply-icon></reply-icon>\n </span>\n <span>Reply</span>\n </sp-button>\n <sp-button variant=\"cta\" type=\"button\">\n <span slot=\"icon\">\n <reply-all-icon></reply-all-icon>\n </span>\n <span>Reply All</span>\n </sp-button>\n <sp-button variant=\"cta\" type=\"button\">\n <span slot=\"icon\">\n <forward-icon></forward-icon>\n </span>\n <span>Forward</span>\n </sp-button>\n </div>\n )}\n {this.showComposer && lastMessage && (\n <div class=\"composer\">\n <nylas-composer\n message={lastMessage.data}\n onClose={this.showComposerClick}\n onSend={e => {\n debug(`[nylas-view-thread] Send event`, { message: e.detail.message, replyBody: e.detail.replyBody });\n }}\n ></nylas-composer>\n </div>\n )}\n </div>\n </sp-theme>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/people-icon.js CHANGED Viewed

@@ -10,7 +10,7 @@ const PeopleIcon$1 = proxyCustomElement(class PeopleIcon extends HTMLElement {
         this.height = '20';
     }
     render() {
-        return (h("svg", { key: '00108ba21c80adfe31cfbce75757d8c6561d71b7', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, h("path", { key: '6115accba66032e9d36cfca8e718901baec57223', fill: "currentColor", d: "M11 10a2 2 0 0 1 2 2v1.5c0 2.054-2.088 3.5-5.5 3.5S2 15.554 2 13.5V12a2 2 0 0 1 2-2h7Zm0 1H4a1 1 0 0 0-1 1v1.5C3 14.907 4.579 16 7.5 16c2.921 0 4.5-1.093 4.5-2.5V12a1 1 0 0 0-1-1Zm5-1a2 2 0 0 1 2 2v.5c0 2.089-1.568 3.5-4.5 3.5-.141 0-.28-.003-.414-.01.208-.242.382-.502.522-.781l.097-.213h.039C15.976 14.931 17 13.96 17 12.5V12a1 1 0 0 0-1-1h-2.171a3 3 0 0 0-.594-1H16ZM7.5 2a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm7 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Zm-7-1a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Zm7 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z" })));
+        return (h("svg", { key: '71268d67f58cdb39336d681273a014d7f8f4515b', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, h("path", { key: '9053922b8ccf20104a29fc6640f6f2a6c7fffbf6', fill: "currentColor", d: "M11 10a2 2 0 0 1 2 2v1.5c0 2.054-2.088 3.5-5.5 3.5S2 15.554 2 13.5V12a2 2 0 0 1 2-2h7Zm0 1H4a1 1 0 0 0-1 1v1.5C3 14.907 4.579 16 7.5 16c2.921 0 4.5-1.093 4.5-2.5V12a1 1 0 0 0-1-1Zm5-1a2 2 0 0 1 2 2v.5c0 2.089-1.568 3.5-4.5 3.5-.141 0-.28-.003-.414-.01.208-.242.382-.502.522-.781l.097-.213h.039C15.976 14.931 17 13.96 17 12.5V12a1 1 0 0 0-1-1h-2.171a3 3 0 0 0-.594-1H16ZM7.5 2a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm7 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Zm-7-1a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Zm7 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z" })));
     }
     static get style() { return iconCss; }
 }, [2, "people-icon", {
@@ -30,7 +30,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1(PeopleIcon$1);
 const PeopleIcon = PeopleIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/people-icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"people-icon.js","mappings":";;AAAA,MAAM,OAAO,GAAG,iCAAiC;;MCOpCA,YAAU;;;;qBACG,IAAI;sBACH,IAAI;;IAE7B,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,IAC7G,6DACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,0hBAA0hB,GAC5hB,CACE,EACN;KACH~~;;;;;;;;;;;;;;;;;;;;;;;;;;~~","names":["PeopleIcon"],"sources":["src/common/icons/icon.css?tag=people-icon&encapsulation=scoped","src/common/icons/people.tsx"],"sourcesContent":[":host {\n display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'people-icon',\n styleUrl: 'icon.css',\n scoped: true,\n})\nexport class PeopleIcon {\n @Prop() width: string = '20';\n @Prop() height: string = '20';\n\n render() {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width={this.width} height={this.height} fill=\"none\" viewBox=\"0 0 20 20\">\n <path\n fill=\"currentColor\"\n d=\"M11 10a2 2 0 0 1 2 2v1.5c0 2.054-2.088 3.5-5.5 3.5S2 15.554 2 13.5V12a2 2 0 0 1 2-2h7Zm0 1H4a1 1 0 0 0-1 1v1.5C3 14.907 4.579 16 7.5 16c2.921 0 4.5-1.093 4.5-2.5V12a1 1 0 0 0-1-1Zm5-1a2 2 0 0 1 2 2v.5c0 2.089-1.568 3.5-4.5 3.5-.141 0-.28-.003-.414-.01.208-.242.382-.502.522-.781l.097-.213h.039C15.976 14.931 17 13.96 17 12.5V12a1 1 0 0 0-1-1h-2.171a3 3 0 0 0-.594-1H16ZM7.5 2a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm7 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Zm-7-1a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Zm7 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z\"\n />\n </svg>\n );\n }\n}\n"],"version":3}
1	+ {"file":"people-icon.js","mappings":";;AAAA,MAAM,OAAO,GAAG,iCAAiC;;MCOpCA,YAAU;;;;qBACG,IAAI;sBACH,IAAI;;IAE7B,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,IAC7G,6DACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,0hBAA0hB,GAC5hB,CACE,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PeopleIcon"],"sources":["src/common/icons/icon.css?tag=people-icon&encapsulation=scoped","src/common/icons/people.tsx"],"sourcesContent":[":host {\n display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'people-icon',\n styleUrl: 'icon.css',\n scoped: true,\n})\nexport class PeopleIcon {\n @Prop() width: string = '20';\n @Prop() height: string = '20';\n\n render() {\n return (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width={this.width} height={this.height} fill=\"none\" viewBox=\"0 0 20 20\">\n <path\n fill=\"currentColor\"\n d=\"M11 10a2 2 0 0 1 2 2v1.5c0 2.054-2.088 3.5-5.5 3.5S2 15.554 2 13.5V12a2 2 0 0 1 2-2h7Zm0 1H4a1 1 0 0 0-1 1v1.5C3 14.907 4.579 16 7.5 16c2.921 0 4.5-1.093 4.5-2.5V12a1 1 0 0 0-1-1Zm5-1a2 2 0 0 1 2 2v.5c0 2.089-1.568 3.5-4.5 3.5-.141 0-.28-.003-.414-.01.208-.242.382-.502.522-.781l.097-.213h.039C15.976 14.931 17 13.96 17 12.5V12a1 1 0 0 0-1-1h-2.171a3 3 0 0 0-.594-1H16ZM7.5 2a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm7 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Zm-7-1a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Zm7 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z\"\n />\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/components/play.js CHANGED Viewed

@@ -10,7 +10,7 @@ const PlayIcon = proxyCustomElement(class PlayIcon extends HTMLElement {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: 'c68beab7911b331b95fb99e6b0790f909dbc4420', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '41b155cbaa2b3a1a3d834940d023e9530ef28112', d: "M21 12L3 21V3L21 12Z", stroke: "auto", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+        return (h("svg", { key: '158d7ff5602edfbc5504f726ba391828ed3fcc0a', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2a4e305d65f7f71dc7bb8227a97fd990ebfd3095', d: "M21 12L3 21V3L21 12Z", stroke: "auto", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
     }
     static get style() { return iconCss; }
 }, [2, "play-icon", {
@@ -30,7 +30,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(PlayIcon);
 export { PlayIcon as P, defineCustomElement as d };

package/dist/components/play.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"play.js","mappings":";;AAAA,MAAM,OAAO,GAAG,+BAA+B;;MCOlC,QAAQ;;;;qBACK,IAAI;sBACH,IAAI;;IAE7B,MAAM;QACJ,QAEE,4DAAK,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC7G,6DAAM,CAAC,EAAC,sBAAsB,EAAC,MAAM,EAAC,MAAM,kBAAc,KAAK,oBAAgB,OAAO,qBAAiB,OAAO,GAAG,CAC7G,EACN;KACH~~;;;;;;;;;;;;;;;;;;;;;;;~~","names":[],"sources":["src/common/icons/icon.css?tag=play-icon&encapsulation=scoped","src/common/icons/play.tsx"],"sourcesContent":[":host {\n display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'play-icon',\n styleUrl: 'icon.css',\n scoped: true,\n})\nexport class PlayIcon {\n @Prop() width: string = '15';\n @Prop() height: string = '15';\n\n render() {\n return (\n // Play icon svg\n <svg width={this.width} height={this.height} viewBox=\"0 0 24 24\" fill=\"auto\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M21 12L3 21V3L21 12Z\" stroke=\"auto\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n );\n }\n}\n"],"version":3}
1	+ {"file":"play.js","mappings":";;AAAA,MAAM,OAAO,GAAG,+BAA+B;;MCOlC,QAAQ;;;;qBACK,IAAI;sBACH,IAAI;;IAE7B,MAAM;QACJ,QAEE,4DAAK,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC7G,6DAAM,CAAC,EAAC,sBAAsB,EAAC,MAAM,EAAC,MAAM,kBAAc,KAAK,oBAAgB,OAAO,qBAAiB,OAAO,GAAG,CAC7G,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/common/icons/icon.css?tag=play-icon&encapsulation=scoped","src/common/icons/play.tsx"],"sourcesContent":[":host {\n display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'play-icon',\n styleUrl: 'icon.css',\n scoped: true,\n})\nexport class PlayIcon {\n @Prop() width: string = '15';\n @Prop() height: string = '15';\n\n render() {\n return (\n // Play icon svg\n <svg width={this.width} height={this.height} viewBox=\"0 0 24 24\" fill=\"auto\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M21 12L3 21V3L21 12Z\" stroke=\"auto\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/components/refresh.js CHANGED Viewed

@@ -10,7 +10,7 @@ const RefreshIcon = proxyCustomElement(class RefreshIcon extends HTMLElement {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: '6f08ec538071d37d3ff537182375dd582350bb8e', fill: "auto", width: this.width, height: this.height, viewBox: "0 0 32 32", version: "1.1", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'dbaaf840fa4825f6df0b9fd8f5f9d81ef1b6c7ad', d: "M15.544 28.080c-0.002-0.006-0.008-0.010-0.012-0.015l-2.873-4.489c-0.204-0.335-0.646-0.454-0.992-0.266l-0.256 0.157c-0.344 0.188-0.337 0.673-0.133 1.008l1.841 2.857c-0.157-0.035-0.316-0.063-0.471-0.103-3.224-0.843-5.953-3.026-7.485-5.988-1.448-2.797-1.72-5.99-0.766-8.992s3.118-5.452 5.915-6.899c0.476-0.247 0.662-0.832 0.416-1.308-0.246-0.477-0.832-0.663-1.308-0.416-3.258 1.686-5.763 4.54-6.874 8.036s-0.794 7.215 0.892 10.473c1.786 3.448 4.963 5.989 8.72 6.973 0.043 0.011 0.087 0.017 0.13 0.028l-2.541 1.288c-0.344 0.189-0.458 0.613-0.254 0.948l0.098 0.256c0.205 0.335 0.557 0.454 0.9 0.266l4.651-2.381c0.006-0.004 0.012-0.003 0.018-0.007l0.312-0.171c0.172-0.095 0.287-0.249 0.332-0.422 0.047-0.172 0.025-0.364-0.076-0.531zM28.559 10.025c-1.783-3.447-4.862-5.988-8.618-6.972-0.267-0.070-0.541-0.124-0.814-0.179l2.494-1.265c0.344-0.189 0.549-0.614 0.345-0.949l-0.099-0.255c-0.205-0.336-0.648-0.454-0.991-0.267l-4.651 2.381c-0.006 0.003-0.012 0.002-0.018 0.006l-0.312 0.171c-0.173 0.095-0.287 0.249-0.332 0.422-0.047 0.172-0.025 0.364 0.077 0.53l0.185 0.304c0.003 0.006 0.008 0.010 0.012 0.016l2.873 4.489c0.203 0.335 0.646 0.454 0.991 0.266l0.226-0.157c0.344-0.188 0.366-0.673 0.163-1.008l-1.85-2.87c0.407 0.063 0.811 0.138 1.207 0.242 3.226 0.845 5.856 3.027 7.387 5.986 1.448 2.797 1.72 5.99 0.765 8.991s-3.020 5.451-5.818 6.901c-0.476 0.247-0.662 0.831-0.415 1.308 0.172 0.332 0.511 0.524 0.863 0.524 0.15 0 0.302-0.035 0.446-0.109 3.259-1.686 5.664-4.54 6.776-8.035 1.111-3.497 0.794-7.217-0.893-10.473z" })));
+        return (h("svg", { key: '2e1bbfd5d599ebbee70358469b058757560a5108', fill: "auto", width: this.width, height: this.height, viewBox: "0 0 32 32", version: "1.1", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'b7d45ada6ad9320640c43ab98c3f291d4578e43d', d: "M15.544 28.080c-0.002-0.006-0.008-0.010-0.012-0.015l-2.873-4.489c-0.204-0.335-0.646-0.454-0.992-0.266l-0.256 0.157c-0.344 0.188-0.337 0.673-0.133 1.008l1.841 2.857c-0.157-0.035-0.316-0.063-0.471-0.103-3.224-0.843-5.953-3.026-7.485-5.988-1.448-2.797-1.72-5.99-0.766-8.992s3.118-5.452 5.915-6.899c0.476-0.247 0.662-0.832 0.416-1.308-0.246-0.477-0.832-0.663-1.308-0.416-3.258 1.686-5.763 4.54-6.874 8.036s-0.794 7.215 0.892 10.473c1.786 3.448 4.963 5.989 8.72 6.973 0.043 0.011 0.087 0.017 0.13 0.028l-2.541 1.288c-0.344 0.189-0.458 0.613-0.254 0.948l0.098 0.256c0.205 0.335 0.557 0.454 0.9 0.266l4.651-2.381c0.006-0.004 0.012-0.003 0.018-0.007l0.312-0.171c0.172-0.095 0.287-0.249 0.332-0.422 0.047-0.172 0.025-0.364-0.076-0.531zM28.559 10.025c-1.783-3.447-4.862-5.988-8.618-6.972-0.267-0.070-0.541-0.124-0.814-0.179l2.494-1.265c0.344-0.189 0.549-0.614 0.345-0.949l-0.099-0.255c-0.205-0.336-0.648-0.454-0.991-0.267l-4.651 2.381c-0.006 0.003-0.012 0.002-0.018 0.006l-0.312 0.171c-0.173 0.095-0.287 0.249-0.332 0.422-0.047 0.172-0.025 0.364 0.077 0.53l0.185 0.304c0.003 0.006 0.008 0.010 0.012 0.016l2.873 4.489c0.203 0.335 0.646 0.454 0.991 0.266l0.226-0.157c0.344-0.188 0.366-0.673 0.163-1.008l-1.85-2.87c0.407 0.063 0.811 0.138 1.207 0.242 3.226 0.845 5.856 3.027 7.387 5.986 1.448 2.797 1.72 5.99 0.765 8.991s-3.020 5.451-5.818 6.901c-0.476 0.247-0.662 0.831-0.415 1.308 0.172 0.332 0.511 0.524 0.863 0.524 0.15 0 0.302-0.035 0.446-0.109 3.259-1.686 5.664-4.54 6.776-8.035 1.111-3.497 0.794-7.217-0.893-10.473z" })));
     }
     static get style() { return iconCss; }
 }, [2, "refresh-icon", {
@@ -30,7 +30,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(RefreshIcon);
 export { RefreshIcon as R, defineCustomElement as d };

package/dist/components/refresh.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"refresh.js","mappings":";;AAAA,MAAM,OAAO,GAAG,kCAAkC;;MCOrC,WAAW;;;;qBACE,IAAI;sBACH,IAAI;;IAE7B,MAAM;QACJ,QACE,4DAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAC,4BAA4B,IAC3H,6DAAM,CAAC,EAAC,u+CAAu+C,GAAQ,CACn/C,EACN;KACH~~;;;;;;;;;;;;;;;;;;;;;;;~~","names":[],"sources":["src/common/icons/icon.css?tag=refresh-icon&encapsulation=scoped","src/common/icons/refresh.tsx"],"sourcesContent":[":host {\n display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'refresh-icon',\n styleUrl: 'icon.css',\n scoped: true,\n})\nexport class RefreshIcon {\n @Prop() width: string = '15';\n @Prop() height: string = '15';\n\n render() {\n return (\n <svg fill=\"auto\" width={this.width} height={this.height} viewBox=\"0 0 32 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M15.544 28.080c-0.002-0.006-0.008-0.010-0.012-0.015l-2.873-4.489c-0.204-0.335-0.646-0.454-0.992-0.266l-0.256 0.157c-0.344 0.188-0.337 0.673-0.133 1.008l1.841 2.857c-0.157-0.035-0.316-0.063-0.471-0.103-3.224-0.843-5.953-3.026-7.485-5.988-1.448-2.797-1.72-5.99-0.766-8.992s3.118-5.452 5.915-6.899c0.476-0.247 0.662-0.832 0.416-1.308-0.246-0.477-0.832-0.663-1.308-0.416-3.258 1.686-5.763 4.54-6.874 8.036s-0.794 7.215 0.892 10.473c1.786 3.448 4.963 5.989 8.72 6.973 0.043 0.011 0.087 0.017 0.13 0.028l-2.541 1.288c-0.344 0.189-0.458 0.613-0.254 0.948l0.098 0.256c0.205 0.335 0.557 0.454 0.9 0.266l4.651-2.381c0.006-0.004 0.012-0.003 0.018-0.007l0.312-0.171c0.172-0.095 0.287-0.249 0.332-0.422 0.047-0.172 0.025-0.364-0.076-0.531zM28.559 10.025c-1.783-3.447-4.862-5.988-8.618-6.972-0.267-0.070-0.541-0.124-0.814-0.179l2.494-1.265c0.344-0.189 0.549-0.614 0.345-0.949l-0.099-0.255c-0.205-0.336-0.648-0.454-0.991-0.267l-4.651 2.381c-0.006 0.003-0.012 0.002-0.018 0.006l-0.312 0.171c-0.173 0.095-0.287 0.249-0.332 0.422-0.047 0.172-0.025 0.364 0.077 0.53l0.185 0.304c0.003 0.006 0.008 0.010 0.012 0.016l2.873 4.489c0.203 0.335 0.646 0.454 0.991 0.266l0.226-0.157c0.344-0.188 0.366-0.673 0.163-1.008l-1.85-2.87c0.407 0.063 0.811 0.138 1.207 0.242 3.226 0.845 5.856 3.027 7.387 5.986 1.448 2.797 1.72 5.99 0.765 8.991s-3.020 5.451-5.818 6.901c-0.476 0.247-0.662 0.831-0.415 1.308 0.172 0.332 0.511 0.524 0.863 0.524 0.15 0 0.302-0.035 0.446-0.109 3.259-1.686 5.664-4.54 6.776-8.035 1.111-3.497 0.794-7.217-0.893-10.473z\"></path>\n </svg>\n );\n }\n}\n"],"version":3}
1	+ {"file":"refresh.js","mappings":";;AAAA,MAAM,OAAO,GAAG,kCAAkC;;MCOrC,WAAW;;;;qBACE,IAAI;sBACH,IAAI;;IAE7B,MAAM;QACJ,QACE,4DAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,OAAO,EAAC,KAAK,EAAC,KAAK,EAAC,4BAA4B,IAC3H,6DAAM,CAAC,EAAC,u+CAAu+C,GAAQ,CACn/C,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/common/icons/icon.css?tag=refresh-icon&encapsulation=scoped","src/common/icons/refresh.tsx"],"sourcesContent":[":host {\n display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'refresh-icon',\n styleUrl: 'icon.css',\n scoped: true,\n})\nexport class RefreshIcon {\n @Prop() width: string = '15';\n @Prop() height: string = '15';\n\n render() {\n return (\n <svg fill=\"auto\" width={this.width} height={this.height} viewBox=\"0 0 32 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M15.544 28.080c-0.002-0.006-0.008-0.010-0.012-0.015l-2.873-4.489c-0.204-0.335-0.646-0.454-0.992-0.266l-0.256 0.157c-0.344 0.188-0.337 0.673-0.133 1.008l1.841 2.857c-0.157-0.035-0.316-0.063-0.471-0.103-3.224-0.843-5.953-3.026-7.485-5.988-1.448-2.797-1.72-5.99-0.766-8.992s3.118-5.452 5.915-6.899c0.476-0.247 0.662-0.832 0.416-1.308-0.246-0.477-0.832-0.663-1.308-0.416-3.258 1.686-5.763 4.54-6.874 8.036s-0.794 7.215 0.892 10.473c1.786 3.448 4.963 5.989 8.72 6.973 0.043 0.011 0.087 0.017 0.13 0.028l-2.541 1.288c-0.344 0.189-0.458 0.613-0.254 0.948l0.098 0.256c0.205 0.335 0.557 0.454 0.9 0.266l4.651-2.381c0.006-0.004 0.012-0.003 0.018-0.007l0.312-0.171c0.172-0.095 0.287-0.249 0.332-0.422 0.047-0.172 0.025-0.364-0.076-0.531zM28.559 10.025c-1.783-3.447-4.862-5.988-8.618-6.972-0.267-0.070-0.541-0.124-0.814-0.179l2.494-1.265c0.344-0.189 0.549-0.614 0.345-0.949l-0.099-0.255c-0.205-0.336-0.648-0.454-0.991-0.267l-4.651 2.381c-0.006 0.003-0.012 0.002-0.018 0.006l-0.312 0.171c-0.173 0.095-0.287 0.249-0.332 0.422-0.047 0.172-0.025 0.364 0.077 0.53l0.185 0.304c0.003 0.006 0.008 0.010 0.012 0.016l2.873 4.489c0.203 0.335 0.646 0.454 0.991 0.266l0.226-0.157c0.344-0.188 0.366-0.673 0.163-1.008l-1.85-2.87c0.407 0.063 0.811 0.138 1.207 0.242 3.226 0.845 5.856 3.027 7.387 5.986 1.448 2.797 1.72 5.99 0.765 8.991s-3.020 5.451-5.818 6.901c-0.476 0.247-0.662 0.831-0.415 1.308 0.172 0.332 0.511 0.524 0.863 0.524 0.15 0 0.302-0.035 0.446-0.109 3.259-1.686 5.664-4.54 6.776-8.035 1.111-3.497 0.794-7.217-0.893-10.473z\"></path>\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/components/register-component.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { d as debug, e as error } from './utils.js';
+import { d as debug, E as error } from './utils.js';
 import { getElement } from '@stencil/core/internal/client';
 function createComponentEvent(instance, registeredComponent, eventName = 'registerComponent') {
@@ -98,6 +98,12 @@ function RegisterComponent(config) {
                 },
                 enumerable: true,
             });
+            Object.defineProperty(host, 'localPropsToProp', {
+                get() {
+                    return config.localPropsToProp;
+                },
+                enumerable: true,
+            });
             return origionalResult;
         };
         if (config.fireRegisterEvent) {

package/dist/components/register-component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"register-component.js","mappings":"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","names":[],"sources":["src/common/register-component.ts"],"sourcesContent":["import { BaseNylasConnectorInterface } from '@/connector/connector-interface';\nimport { debug, error } from '@/utils/utils';\nimport { ComponentInterface, getElement } from '@stencil/core';\nimport { CombinedStoreStateKeys, EventEmitterEventType, ExtractEventEmitterKeys, ExtractEventEmitterProperties } from './types';\nexport interface RegisteredComponent<H extends ComponentInterface, B extends BaseNylasConnectorInterface, MailboxStores = string> {\n name: string;\n element: HTMLElement;\n getStoresToProp?: keyof H;\n storeToProps?: Map<string, keyof H>;\n stateToProps?: Map<MailboxStores, keyof H>;\n eventToProps?: Map<ExtractEventEmitterKeys<H>, (event: CustomEvent<EventEmitterEventType<H[ExtractEventEmitterKeys<H>]>>, nylasConnector: B) => Promise<void>>;\n authToProp?: keyof H;\n connectorToProp?: keyof H;\n registrationEventName?: string;\n unregistrationEventName?: string;\n}\n\nexport function createComponentEvent<T extends ComponentInterface, B extends BaseNylasConnectorInterface>(\n instance: T,\n registeredComponent: RegisteredComponent<T, B>,\n eventName: string = 'registerComponent',\n) {\n return new CustomEvent<RegisteredComponent<typeof instance, B>>(eventName, {\n bubbles: true,\n composed: true,\n detail: registeredComponent,\n });\n}\n\nexport function unregisterComponentEvent<T extends ComponentInterface, B extends BaseNylasConnectorInterface>(\n instance: T,\n registeredComponent: RegisteredComponent<T, B>,\n eventName: string = 'unregisterComponent',\n) {\n return new CustomEvent<RegisteredComponent<typeof instance, B>>(eventName, {\n bubbles: true,\n composed: true,\n detail: registeredComponent,\n });\n}\n\nexport interface RegisterComponentConfig<H extends ComponentInterface, B extends BaseNylasConnectorInterface, MailboxStores>\n extends Omit<RegisteredComponent<H, B, MailboxStores>, 'eventToProps' \| 'name' \| 'element'> {\n name: string;\n eventToProps?: Partial<{\n [P in ExtractEventEmitterProperties<H> as P['key']]: (event: CustomEvent<P['eventType']>, nylasConnector: B) => Promise<void>;\n }>;\n fireRegisterEvent?: boolean;\n}\n\nexport interface NylasComponentInterface extends ComponentInterface {\n authToProp?: keyof this;\n connectorToProp?: keyof this;\n}\n\nexport function RegisterComponent<H extends NylasComponentInterface, B extends BaseNylasConnectorInterface, MailboxStores extends Record<string, any>>(\n config: RegisterComponentConfig<H, B, CombinedStoreStateKeys<keyof MailboxStores, MailboxStores>>,\n) {\n return (target: H, propKey: string) => {\n const componentName = config.name;\n debug(`[${componentName}] Registering component ${componentName} being called on ${propKey}`);\n\n const origionalCallback = target.componentWillLoad;\n if (!origionalCallback) {\n error(`[${componentName}] componentWillLoad lifecycle method in ${componentName} missing. Required for RegisterComponent decorator.`);\n return;\n }\n\n const origionalConnectCallback = target.connectedCallback;\n if (!origionalConnectCallback) {\n error(`[${componentName}] connectedCallback lifecycle method in ${componentName} missing. Required for RegisterComponent decorator.`);\n return;\n }\n\n const origionalDisconnectCallback = target.disconnectedCallback;\n if (!origionalDisconnectCallback) {\n error(`[${componentName}] disconnectedCallback lifecycle method in ${componentName} missing. Required for RegisterComponent decorator.`);\n return;\n }\n\n // Detect a conflict if config.storeToProps and config.stateToProps are both defined\n // for overlapping prop keys\n if (config.storeToProps && config.stateToProps) {\n const storeToPropsKeys = Array.from(config.storeToProps.values());\n const stateToPropsKeys = Array.from(config.stateToProps.values());\n const intersection = storeToPropsKeys.filter(key => stateToPropsKeys.includes(key));\n if (intersection.length > 0) {\n error(\n `[${componentName}] Overlapping prop keys detected in ${componentName} for storeToProps and stateToProps. Make sure to only define them once. Overlapping keys: ${intersection.join(\n ', ',\n )}`,\n );\n return;\n }\n }\n\n // Convert the record of eventToProps to a map\n const eventToPropsMap = new Map<ExtractEventEmitterKeys<H>, (event: CustomEvent<EventEmitterEventType<H[ExtractEventEmitterKeys<H>]>>, nylasConnector: B) => Promise<void>>();\n if (config.eventToProps) {\n Object.keys(config.eventToProps).forEach(key => {\n eventToPropsMap.set(\n key as ExtractEventEmitterKeys<H>,\n config.eventToProps?.[key as ExtractEventEmitterKeys<H>] as (\n event: CustomEvent<EventEmitterEventType<H[ExtractEventEmitterKeys<H>]>>,\n nylasConnector: B,\n ) => Promise<void>,\n );\n });\n }\n\n target.connectedCallback = function () {\n debug(`[~${componentName}] connectedCallback called`);\n const origionalResult = origionalConnectCallback?.call(this);\n const host = getElement(this);\n\n // If the nylas id is already set, then we don't need to do anything\n if (host.dataset.nylasId) {\n return origionalResult;\n }\n\n Object.defineProperty(host, 'registerNylasComponent', {\n get() {\n return true;\n },\n enumerable: true,\n });\n Object.defineProperty(host, 'stateToProps', {\n get() {\n return config.stateToProps;\n },\n enumerable: true,\n });\n Object.defineProperty(host, 'getStoresToProp', {\n get() {\n return config.getStoresToProp;\n },\n enumerable: true,\n });\n Object.defineProperty(host, 'storeToProps', {\n get() {\n return config.storeToProps;\n },\n enumerable: true,\n });\n Object.defineProperty(host, 'eventToProps', {\n get() {\n return eventToPropsMap;\n },\n enumerable: true,\n });\n Object.defineProperty(host, 'authToProp', {\n get() {\n return config.authToProp;\n },\n enumerable: true,\n });\n Object.defineProperty(host, 'connectorToProp', {\n get() {\n return config.connectorToProp;\n },\n enumerable: true,\n });\n return origionalResult;\n };\n\n if (config.fireRegisterEvent) {\n target.componentWillLoad = function () {\n const origionalResult = origionalCallback?.call(this);\n const host = getElement(this);\n\n // We use our host element to dispatch a registration event that is picked up by the\n // the nylas-provider component.\n const registeredComponent: RegisteredComponent<H, B> = {\n element: host,\n ...config,\n eventToProps: eventToPropsMap,\n };\n const event = createComponentEvent(target, registeredComponent, config.registrationEventName);\n if (host.dispatchEvent(event)) {\n debug(`[${componentName}] Component ${componentName} successfully fired registration event`);\n }\n\n return origionalResult;\n };\n\n target.disconnectedCallback = function () {\n const origionalResult = origionalDisconnectCallback?.call(this);\n const host = getElement(this);\n\n // We use our host element to dispatch a registration event that is picked up by the\n // the nylas-provider component.\n const registeredComponent: RegisteredComponent<H, B> = {\n element: host,\n ...config,\n eventToProps: eventToPropsMap,\n };\n const event = unregisterComponentEvent(target, registeredComponent, config.unregistrationEventName);\n if (host.dispatchEvent(event)) {\n debug(`[${componentName}] Component ${componentName} successfully fired unregistration event`);\n }\n\n return origionalResult;\n };\n }\n };\n}\n"],"version":3}
1	+ {"file":"register-component.js","mappings":"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","names":[],"sources":["src/common/register-component.ts"],"sourcesContent":["import { BaseNylasConnectorInterface } from '@/connector/connector-interface';\nimport { debug, error } from '@/utils/utils';\nimport { ComponentInterface, getElement } from '@stencil/core';\nimport { CombinedStoreStateKeys, EventEmitterEventType, ExtractEventEmitterKeys, ExtractEventEmitterProperties } from './types';\nexport interface RegisteredComponent<H extends ComponentInterface, B extends BaseNylasConnectorInterface, MailboxStores = string> {\n name: string;\n element: HTMLElement;\n getStoresToProp?: keyof H;\n storeToProps?: Map<string, keyof H>;\n stateToProps?: Map<MailboxStores, keyof H>;\n eventToProps?: Map<ExtractEventEmitterKeys<H>, (event: CustomEvent<EventEmitterEventType<H[ExtractEventEmitterKeys<H>]>>, nylasConnector: B) => Promise<void>>;\n localPropsToProp?: Map<string, keyof H>;\n authToProp?: keyof H;\n connectorToProp?: keyof H;\n registrationEventName?: string;\n unregistrationEventName?: string;\n}\n\nexport function createComponentEvent<T extends ComponentInterface, B extends BaseNylasConnectorInterface>(\n instance: T,\n registeredComponent: RegisteredComponent<T, B>,\n eventName: string = 'registerComponent',\n) {\n return new CustomEvent<RegisteredComponent<typeof instance, B>>(eventName, {\n bubbles: true,\n composed: true,\n detail: registeredComponent,\n });\n}\n\nexport function unregisterComponentEvent<T extends ComponentInterface, B extends BaseNylasConnectorInterface>(\n instance: T,\n registeredComponent: RegisteredComponent<T, B>,\n eventName: string = 'unregisterComponent',\n) {\n return new CustomEvent<RegisteredComponent<typeof instance, B>>(eventName, {\n bubbles: true,\n composed: true,\n detail: registeredComponent,\n });\n}\n\nexport interface RegisterComponentConfig<H extends ComponentInterface, B extends BaseNylasConnectorInterface, MailboxStores>\n extends Omit<RegisteredComponent<H, B, MailboxStores>, 'eventToProps' \| 'name' \| 'element'> {\n name: string;\n eventToProps?: Partial<{\n [P in ExtractEventEmitterProperties<H> as P['key']]: (event: CustomEvent<P['eventType']>, nylasConnector: B) => Promise<void>;\n }>;\n fireRegisterEvent?: boolean;\n}\n\nexport interface NylasComponentInterface extends ComponentInterface {\n authToProp?: keyof this;\n connectorToProp?: keyof this;\n}\n\nexport function RegisterComponent<H extends NylasComponentInterface, B extends BaseNylasConnectorInterface, MailboxStores extends Record<string, any>>(\n config: RegisterComponentConfig<H, B, CombinedStoreStateKeys<keyof MailboxStores, MailboxStores>>,\n) {\n return (target: H, propKey: string) => {\n const componentName = config.name;\n debug(`[${componentName}] Registering component ${componentName} being called on ${propKey}`);\n\n const origionalCallback = target.componentWillLoad;\n if (!origionalCallback) {\n error(`[${componentName}] componentWillLoad lifecycle method in ${componentName} missing. Required for RegisterComponent decorator.`);\n return;\n }\n\n const origionalConnectCallback = target.connectedCallback;\n if (!origionalConnectCallback) {\n error(`[${componentName}] connectedCallback lifecycle method in ${componentName} missing. Required for RegisterComponent decorator.`);\n return;\n }\n\n const origionalDisconnectCallback = target.disconnectedCallback;\n if (!origionalDisconnectCallback) {\n error(`[${componentName}] disconnectedCallback lifecycle method in ${componentName} missing. Required for RegisterComponent decorator.`);\n return;\n }\n\n // Detect a conflict if config.storeToProps and config.stateToProps are both defined\n // for overlapping prop keys\n if (config.storeToProps && config.stateToProps) {\n const storeToPropsKeys = Array.from(config.storeToProps.values());\n const stateToPropsKeys = Array.from(config.stateToProps.values());\n const intersection = storeToPropsKeys.filter(key => stateToPropsKeys.includes(key));\n if (intersection.length > 0) {\n error(\n `[${componentName}] Overlapping prop keys detected in ${componentName} for storeToProps and stateToProps. Make sure to only define them once. Overlapping keys: ${intersection.join(\n ', ',\n )}`,\n );\n return;\n }\n }\n\n // Convert the record of eventToProps to a map\n const eventToPropsMap = new Map<ExtractEventEmitterKeys<H>, (event: CustomEvent<EventEmitterEventType<H[ExtractEventEmitterKeys<H>]>>, nylasConnector: B) => Promise<void>>();\n if (config.eventToProps) {\n Object.keys(config.eventToProps).forEach(key => {\n eventToPropsMap.set(\n key as ExtractEventEmitterKeys<H>,\n config.eventToProps?.[key as ExtractEventEmitterKeys<H>] as (\n event: CustomEvent<EventEmitterEventType<H[ExtractEventEmitterKeys<H>]>>,\n nylasConnector: B,\n ) => Promise<void>,\n );\n });\n }\n\n target.connectedCallback = function () {\n debug(`[~${componentName}] connectedCallback called`);\n const origionalResult = origionalConnectCallback?.call(this);\n const host = getElement(this);\n\n // If the nylas id is already set, then we don't need to do anything\n if (host.dataset.nylasId) {\n return origionalResult;\n }\n\n Object.defineProperty(host, 'registerNylasComponent', {\n get() {\n return true;\n },\n enumerable: true,\n });\n Object.defineProperty(host, 'stateToProps', {\n get() {\n return config.stateToProps;\n },\n enumerable: true,\n });\n Object.defineProperty(host, 'getStoresToProp', {\n get() {\n return config.getStoresToProp;\n },\n enumerable: true,\n });\n Object.defineProperty(host, 'storeToProps', {\n get() {\n return config.storeToProps;\n },\n enumerable: true,\n });\n Object.defineProperty(host, 'eventToProps', {\n get() {\n return eventToPropsMap;\n },\n enumerable: true,\n });\n Object.defineProperty(host, 'authToProp', {\n get() {\n return config.authToProp;\n },\n enumerable: true,\n });\n Object.defineProperty(host, 'connectorToProp', {\n get() {\n return config.connectorToProp;\n },\n enumerable: true,\n });\n Object.defineProperty(host, 'localPropsToProp', {\n get() {\n return config.localPropsToProp;\n },\n enumerable: true,\n });\n return origionalResult;\n };\n\n if (config.fireRegisterEvent) {\n target.componentWillLoad = function () {\n const origionalResult = origionalCallback?.call(this);\n const host = getElement(this);\n\n // We use our host element to dispatch a registration event that is picked up by the\n // the nylas-provider component.\n const registeredComponent: RegisteredComponent<H, B> = {\n element: host,\n ...config,\n eventToProps: eventToPropsMap,\n };\n const event = createComponentEvent(target, registeredComponent, config.registrationEventName);\n if (host.dispatchEvent(event)) {\n debug(`[${componentName}] Component ${componentName} successfully fired registration event`);\n }\n\n return origionalResult;\n };\n\n target.disconnectedCallback = function () {\n const origionalResult = origionalDisconnectCallback?.call(this);\n const host = getElement(this);\n\n // We use our host element to dispatch a registration event that is picked up by the\n // the nylas-provider component.\n const registeredComponent: RegisteredComponent<H, B> = {\n element: host,\n ...config,\n eventToProps: eventToPropsMap,\n };\n const event = unregisterComponentEvent(target, registeredComponent, config.unregistrationEventName);\n if (host.dispatchEvent(event)) {\n debug(`[${componentName}] Component ${componentName} successfully fired unregistration event`);\n }\n\n return origionalResult;\n };\n }\n };\n}\n"],"version":3}

package/dist/components/reply-all.js CHANGED Viewed

@@ -10,7 +10,7 @@ const ReplyAllIcon = proxyCustomElement(class ReplyAllIcon extends HTMLElement {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: 'cf3a910b7232018b6579cfe31a868e3ba54f30b0', fill: "auto", width: this.width, height: this.height, viewBox: "0 0 1920 1920", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1db5bb9aa170d0a00c5939cdd7bfe7b878124c2c', d: "m1030.975 188 81.249 81.249-429.228 429.228h300.747c516.223 0 936.257 420.034 936.257 936.257v98.028h-114.92v-98.028c0-452.901-368.436-821.337-821.337-821.337H682.996l429.228 429.229-81.25 81.248-567.936-567.937L1030.975 188Zm-463.038.011 81.249 81.25-486.688 486.688 486.688 486.688-81.249 81.249L0 755.949 567.937 188.01Z", "fill-rule": "evenodd" })));
+        return (h("svg", { key: '5473055eb158788f0e5c29e437f68bc42975f443', fill: "auto", width: this.width, height: this.height, viewBox: "0 0 1920 1920", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8a27d6646e2807edce6b308ebfaa17e7e71c7ce7', d: "m1030.975 188 81.249 81.249-429.228 429.228h300.747c516.223 0 936.257 420.034 936.257 936.257v98.028h-114.92v-98.028c0-452.901-368.436-821.337-821.337-821.337H682.996l429.228 429.229-81.25 81.248-567.936-567.937L1030.975 188Zm-463.038.011 81.249 81.25-486.688 486.688 486.688 486.688-81.249 81.249L0 755.949 567.937 188.01Z", "fill-rule": "evenodd" })));
     }
     static get style() { return iconCss; }
 }, [2, "reply-all-icon", {
@@ -30,7 +30,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(ReplyAllIcon);
 export { ReplyAllIcon as R, defineCustomElement as d };

package/dist/components/reply-all.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"reply-all.js","mappings":";;AAAA,MAAM,OAAO,GAAG,oCAAoC;;MCOvC,YAAY;;;;qBACC,IAAI;sBACH,IAAI;;IAE7B,MAAM;QACJ,QACE,4DAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,4BAA4B,IACjH,6DACE,CAAC,EAAC,qUAAqU,eAC7T,SAAS,GACnB,CACE,EACN;KACH~~;;;;;;;;;;;;;;;;;;;;;;;~~","names":[],"sources":["src/common/icons/icon.css?tag=reply-all-icon&encapsulation=scoped","src/common/icons/reply-all.tsx"],"sourcesContent":[":host {\n display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'reply-all-icon',\n styleUrl: 'icon.css',\n scoped: true,\n})\nexport class ReplyAllIcon {\n @Prop() width: string = '15';\n @Prop() height: string = '15';\n\n render() {\n return (\n <svg fill=\"auto\" width={this.width} height={this.height} viewBox=\"0 0 1920 1920\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"m1030.975 188 81.249 81.249-429.228 429.228h300.747c516.223 0 936.257 420.034 936.257 936.257v98.028h-114.92v-98.028c0-452.901-368.436-821.337-821.337-821.337H682.996l429.228 429.229-81.25 81.248-567.936-567.937L1030.975 188Zm-463.038.011 81.249 81.25-486.688 486.688 486.688 486.688-81.249 81.249L0 755.949 567.937 188.01Z\"\n fill-rule=\"evenodd\"\n />\n </svg>\n );\n }\n}\n"],"version":3}
1	+ {"file":"reply-all.js","mappings":";;AAAA,MAAM,OAAO,GAAG,oCAAoC;;MCOvC,YAAY;;;;qBACC,IAAI;sBACH,IAAI;;IAE7B,MAAM;QACJ,QACE,4DAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,4BAA4B,IACjH,6DACE,CAAC,EAAC,qUAAqU,eAC7T,SAAS,GACnB,CACE,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/common/icons/icon.css?tag=reply-all-icon&encapsulation=scoped","src/common/icons/reply-all.tsx"],"sourcesContent":[":host {\n display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'reply-all-icon',\n styleUrl: 'icon.css',\n scoped: true,\n})\nexport class ReplyAllIcon {\n @Prop() width: string = '15';\n @Prop() height: string = '15';\n\n render() {\n return (\n <svg fill=\"auto\" width={this.width} height={this.height} viewBox=\"0 0 1920 1920\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"m1030.975 188 81.249 81.249-429.228 429.228h300.747c516.223 0 936.257 420.034 936.257 936.257v98.028h-114.92v-98.028c0-452.901-368.436-821.337-821.337-821.337H682.996l429.228 429.229-81.25 81.248-567.936-567.937L1030.975 188Zm-463.038.011 81.249 81.25-486.688 486.688 486.688 486.688-81.249 81.249L0 755.949 567.937 188.01Z\"\n fill-rule=\"evenodd\"\n />\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/components/reply.js CHANGED Viewed

@@ -10,7 +10,7 @@ const ReplyIcon = proxyCustomElement(class ReplyIcon extends HTMLElement {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: 'a353055eb9122f1dae36fbf49a557c431fd8580a', fill: "auto", width: this.width, height: this.height, viewBox: "0 0 1920 1920", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '97ac62efd50d229e10b45fc2a47f3c8c5a9b6e5d', d: "M835.942 632.563H244.966l478.08-478.08-90.496-90.496L-.026 696.563 632.55 1329.14l90.496-90.496-478.08-478.08h590.976c504.448 0 914.816 410.368 914.816 914.816v109.184h128V1675.38c0-574.976-467.84-1042.816-1042.816-1042.816", "fill-rule": "evenodd" })));
+        return (h("svg", { key: 'fe3dcd629d521170b57ee467fc46c2cded6b74da', fill: "auto", width: this.width, height: this.height, viewBox: "0 0 1920 1920", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8b71c92d370bd5038c286aeab7b145a9095f0f80', d: "M835.942 632.563H244.966l478.08-478.08-90.496-90.496L-.026 696.563 632.55 1329.14l90.496-90.496-478.08-478.08h590.976c504.448 0 914.816 410.368 914.816 914.816v109.184h128V1675.38c0-574.976-467.84-1042.816-1042.816-1042.816", "fill-rule": "evenodd" })));
     }
     static get style() { return iconCss; }
 }, [2, "reply-icon", {
@@ -30,7 +30,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(ReplyIcon);
 export { ReplyIcon as R, defineCustomElement as d };

package/dist/components/reply.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"reply.js","mappings":";;AAAA,MAAM,OAAO,GAAG,gCAAgC;;MCOnC,SAAS;;;;qBACI,IAAI;sBACH,IAAI;;IAE7B,MAAM;QACJ,QACE,4DAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,4BAA4B,IACjH,6DACE,CAAC,EAAC,iOAAiO,eACzN,SAAS,GACnB,CACE,EACN;KACH~~;;;;;;;;;;;;;;;;;;;;;;;~~","names":[],"sources":["src/common/icons/icon.css?tag=reply-icon&encapsulation=scoped","src/common/icons/reply.tsx"],"sourcesContent":[":host {\n display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'reply-icon',\n styleUrl: 'icon.css',\n scoped: true,\n})\nexport class ReplyIcon {\n @Prop() width: string = '15';\n @Prop() height: string = '15';\n\n render() {\n return (\n <svg fill=\"auto\" width={this.width} height={this.height} viewBox=\"0 0 1920 1920\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M835.942 632.563H244.966l478.08-478.08-90.496-90.496L-.026 696.563 632.55 1329.14l90.496-90.496-478.08-478.08h590.976c504.448 0 914.816 410.368 914.816 914.816v109.184h128V1675.38c0-574.976-467.84-1042.816-1042.816-1042.816\"\n fill-rule=\"evenodd\"\n />\n </svg>\n );\n }\n}\n"],"version":3}
1	+ {"file":"reply.js","mappings":";;AAAA,MAAM,OAAO,GAAG,gCAAgC;;MCOnC,SAAS;;;;qBACI,IAAI;sBACH,IAAI;;IAE7B,MAAM;QACJ,QACE,4DAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,4BAA4B,IACjH,6DACE,CAAC,EAAC,iOAAiO,eACzN,SAAS,GACnB,CACE,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/common/icons/icon.css?tag=reply-icon&encapsulation=scoped","src/common/icons/reply.tsx"],"sourcesContent":[":host {\n display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'reply-icon',\n styleUrl: 'icon.css',\n scoped: true,\n})\nexport class ReplyIcon {\n @Prop() width: string = '15';\n @Prop() height: string = '15';\n\n render() {\n return (\n <svg fill=\"auto\" width={this.width} height={this.height} viewBox=\"0 0 1920 1920\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M835.942 632.563H244.966l478.08-478.08-90.496-90.496L-.026 696.563 632.55 1329.14l90.496-90.496-478.08-478.08h590.976c504.448 0 914.816 410.368 914.816 914.816v109.184h128V1675.38c0-574.976-467.84-1042.816-1042.816-1042.816\"\n fill-rule=\"evenodd\"\n />\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/components/scheduler-config-store.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { c as createStore } from './index2.js';
+import { c as createStore } from './index.es.js';
 function CreateNylasSchedulerConfigStore(defaultState = {}) {
     const defaultNylasSchedulerConfigStoreState = {
@@ -6,9 +6,16 @@ function CreateNylasSchedulerConfigStore(defaultState = {}) {
         configurations: [],
         calendars: [],
         currentUser: null,
+        action: null,
+        defaultRequiresSessionAuth: true,
         ...defaultState,
     };
     const store = createStore(defaultNylasSchedulerConfigStoreState);
+    store.onChange('action', async (action) => {
+        if (!action) {
+            store.set('config', {});
+        }
+    });
     return store;
 }

package/dist/components/scheduler-config-store.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"scheduler-config-store.js","mappings":";;~~SAagB~~,+BAA+B,CAAC,eAAwD,EAAE;IACxG,MAAM,qCAAqC,GAAmC;QAC5E,MAAM,EAAE,EAAE;QACV,cAAc,EAAE,EAAE;QAClB,SAAS,EAAE,EAAE;QACb,WAAW,EAAE,IAAI;QACjB,GAAG,YAAY;KAChB,CAAC;IACF,MAAM,KAAK,GAAG,WAAW,CAAiC,qCAAqC,CAAC,CAAC;IAEjG,OAAO,KAAK,CAAC;AACf;;;;","names":[],"sources":["src/stores/scheduler-config-store.ts"],"sourcesContent":["import { Calendar, Configuration } from '@nylas/core';\nimport { createStore } from '@stencil/store';\nimport { User } from '@/common/nylas-api-request';\n\nexport interface NylasSchedulerConfigStoreState {\n config: Partial<Configuration>;\n configurations: Configuration[];\n calendars: Calendar[];\n currentUser: User \| null;\n}\n\nexport type NylasSchedulerConfigStoreType = ReturnType<typeof CreateNylasSchedulerConfigStore>;\n\nexport function CreateNylasSchedulerConfigStore(defaultState: Partial<NylasSchedulerConfigStoreState> = {}) {\n const defaultNylasSchedulerConfigStoreState: NylasSchedulerConfigStoreState = {\n config: {},\n configurations: [],\n calendars: [],\n currentUser: null,\n ...defaultState,\n };\n const store = createStore<NylasSchedulerConfigStoreState>(defaultNylasSchedulerConfigStoreState);\n\n return store;\n}\n"],"version":3}
1	+ {"file":"scheduler-config-store.js","mappings":";;SAegB,+BAA+B,CAAC,eAAwD,EAAE;IACxG,MAAM,qCAAqC,GAAmC;QAC5E,MAAM,EAAE,EAAE;QACV,cAAc,EAAE,EAAE;QAClB,SAAS,EAAE,EAAE;QACb,WAAW,EAAE,IAAI;QACjB,MAAM,EAAE,IAAI;QACZ,0BAA0B,EAAE,IAAI;QAChC,GAAG,YAAY;KAChB,CAAC;IACF,MAAM,KAAK,GAAG,WAAW,CAAiC,qCAAqC,CAAC,CAAC;IAEjG,KAAK,CAAC,QAAQ,CAAC,QAAQ,EAAE,OAAM,MAAM;QACnC,IAAI,CAAC,MAAM,EAAE;YACX,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;SACzB;KACF,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC;AACf;;;;","names":[],"sources":["src/stores/scheduler-config-store.ts"],"sourcesContent":["import { Calendar, Configuration } from '@nylas/core';\nimport { createStore } from '@stencil/store';\nimport { User } from '@/common/nylas-api-request';\n\nexport interface NylasSchedulerConfigStoreState {\n config: Partial<Configuration>;\n configurations: Configuration[];\n calendars: Calendar[];\n currentUser: User \| null;\n action: 'create' \| 'edit' \| null;\n defaultRequiresSessionAuth: boolean;\n}\n\nexport type NylasSchedulerConfigStoreType = ReturnType<typeof CreateNylasSchedulerConfigStore>;\n\nexport function CreateNylasSchedulerConfigStore(defaultState: Partial<NylasSchedulerConfigStoreState> = {}) {\n const defaultNylasSchedulerConfigStoreState: NylasSchedulerConfigStoreState = {\n config: {},\n configurations: [],\n calendars: [],\n currentUser: null,\n action: null,\n defaultRequiresSessionAuth: true,\n ...defaultState,\n };\n const store = createStore<NylasSchedulerConfigStoreState>(defaultNylasSchedulerConfigStoreState);\n\n store.onChange('action', async action => {\n if (!action) {\n store.set('config', {});\n }\n });\n\n return store;\n}\n"],"version":3}

package/dist/components/scheduler-store.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { d as debug } from './utils.js';
-import { c as createStore } from './index2.js';
+import { c as createStore } from './index.es.js';
 var ErrorCategory;
 (function (ErrorCategory) {

package/dist/components/search.js CHANGED Viewed

@@ -10,7 +10,7 @@ const SearchIcon = proxyCustomElement(class SearchIcon extends HTMLElement {
         this.height = '15';
     }
     render() {
-        return (h("svg", { key: '40a81a00f79c85303a904e3ef66e7833a240fff2', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'dd4c72fa1db6849fd72bfcb3fbde40f115caac11', fill: "currentColor", d: "M5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.83879 10.5217 8.06586 9.72656 9.01962L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.68 14.0271 13.4106 14.0464 13.2157 13.9114L13.1464 13.8536L9.01962 9.72656C8.06586 10.5217 6.83879 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0ZM5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1Z" })));
+        return (h("svg", { key: '0a6d8feab2e4fda5ba90e67117de1b38b945eb71', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '07847b8eff8738c946ea9d38590ed5ec59b2ee87', fill: "currentColor", d: "M5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.83879 10.5217 8.06586 9.72656 9.01962L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.68 14.0271 13.4106 14.0464 13.2157 13.9114L13.1464 13.8536L9.01962 9.72656C8.06586 10.5217 6.83879 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0ZM5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1Z" })));
     }
     static get style() { return iconCss; }
 }, [2, "search-icon", {
@@ -30,7 +30,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(SearchIcon);
 export { SearchIcon as S, defineCustomElement as d };

package/dist/components/search.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"search.js","mappings":";;AAAA,MAAM,OAAO,GAAG,iCAAiC;;MCOpC,UAAU;;;;qBACG,IAAI;sBACH,IAAI;;IAE7B,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IACzF,6DACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,0aAA0a,GAC5a,CACE,EACN;KACH~~;;;;;;;;;;;;;;;;;;;;;;;~~","names":[],"sources":["src/common/icons/icon.css?tag=search-icon&encapsulation=scoped","src/common/icons/search.tsx"],"sourcesContent":[":host {\n display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'search-icon',\n styleUrl: 'icon.css',\n scoped: true,\n})\nexport class SearchIcon {\n @Prop() width: string = '15';\n @Prop() height: string = '15';\n\n render() {\n return (\n <svg width={this.width} height={this.height} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n fill=\"currentColor\"\n d=\"M5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.83879 10.5217 8.06586 9.72656 9.01962L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.68 14.0271 13.4106 14.0464 13.2157 13.9114L13.1464 13.8536L9.01962 9.72656C8.06586 10.5217 6.83879 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0ZM5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1Z\"\n />\n </svg>\n );\n }\n}\n"],"version":3}
1	+ {"file":"search.js","mappings":";;AAAA,MAAM,OAAO,GAAG,iCAAiC;;MCOpC,UAAU;;;;qBACG,IAAI;sBACH,IAAI;;IAE7B,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IACzF,6DACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,0aAA0a,GAC5a,CACE,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/common/icons/icon.css?tag=search-icon&encapsulation=scoped","src/common/icons/search.tsx"],"sourcesContent":[":host {\n display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'search-icon',\n styleUrl: 'icon.css',\n scoped: true,\n})\nexport class SearchIcon {\n @Prop() width: string = '15';\n @Prop() height: string = '15';\n\n render() {\n return (\n <svg width={this.width} height={this.height} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n fill=\"currentColor\"\n d=\"M5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.83879 10.5217 8.06586 9.72656 9.01962L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.68 14.0271 13.4106 14.0464 13.2157 13.9114L13.1464 13.8536L9.01962 9.72656C8.06586 10.5217 6.83879 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0ZM5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1Z\"\n />\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/components/select-dropdown2.js CHANGED Viewed

@@ -142,11 +142,11 @@ const SelectDropdown = proxyCustomElement(class SelectDropdown extends HTMLEleme
         }
     }
     render() {
-        return (h("div", { key: '1dd936b2226461f88f99a0a60011fd1ad3fd0632', class: "dropdown", part: "sd_dropdown" }, h("button", { key: 'c0dca685b2ecc5aac29f4921c011db384bb3c7e2', part: "sd_dropdown-button", class: { dropbtn: true, open: this.isOpen }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.name, onKeyDown: e => this.handleSelectButtonKeyDown(e) }, h("slot", { key: 'caac266cfa1215b30faefee3c080a183d7ab1cc5', name: "select-icon", "aria-hidden": "true" }), h("span", { key: '657aec56728e36d5ef45d1a699ec3d035a54199b', class: "selected-option", part: "sd_dropdown-button-selected-label" }, this.selectedOption?.label ? `${this.selectedOption?.label + this.pluralizedLabel}` : ''), h("span", { key: '19adb72063e9fd6c5e65bd83ea5d2dbcd6bf41f6', class: {
+        return (h("div", { key: 'd09b6dde0999bbf13820677ed6c737ffb0a336b1', class: "dropdown", part: "sd_dropdown" }, h("button", { key: 'a5b040db9feccc009a4bcd6e398c0d109e598529', part: "sd_dropdown-button", class: { dropbtn: true, open: this.isOpen }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.name, onKeyDown: e => this.handleSelectButtonKeyDown(e) }, h("slot", { key: 'c7490a8f671ffce9f6b95cb5314774eb6c4882ef', name: "select-icon", "aria-hidden": "true" }), h("span", { key: '85313f85921ee455a4bba9d9c2750da4a3e7237b', class: "selected-option", part: "sd_dropdown-button-selected-label" }, this.selectedOption?.label ? `${this.selectedOption?.label + this.pluralizedLabel}` : ''), h("span", { key: 'ae5157941f78c5c044f843e7b9661bfd21758d48', class: {
                 open: this.isOpen,
                 closed: !this.isOpen,
                 chevron: true,
-            }, "aria-hidden": "true" }, h("chevron-icon", { key: 'ffffbdcb0d967e597fc609c5e3470f843594d81e', width: "16", height: "16" }))), this.isOpen ? (h("div", { class: "dropdown-content", part: "sd_dropdown-content" }, this.withSearch && (h("div", { class: { 'search-box': true, 'open': this.isOpen } }, h("search-icon", { width: "15", height: "15", class: 'icon' }), h("input", { type: "text", role: "combobox", placeholder: "Search", value: this.searchValue, ref: el => (this.inputRef = el), onInput: event => this.filterOptions(event), onKeyDown: e => this.handleComboboxKeyDown(e) }))), h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: e => this.handleListboxKeydown(e) }, this.filteredOptions.map(option => (h("li", { tabindex: "0", key: option.value, id: option.value, onClick: () => this.selectOption(option), role: "option" }, option.labelHTML ? option.labelHTML : option.label)))))) : null));
+            }, "aria-hidden": "true" }, h("chevron-icon", { key: '74dc004905e6eeb589bfa789443c83c9b2f024a4', width: "16", height: "16" }))), this.isOpen ? (h("div", { class: "dropdown-content", part: "sd_dropdown-content" }, this.withSearch && (h("div", { class: { 'search-box': true, 'open': this.isOpen } }, h("search-icon", { width: "15", height: "15", class: 'icon' }), h("input", { type: "text", role: "combobox", placeholder: "Search", value: this.searchValue, ref: el => (this.inputRef = el), onInput: event => this.filterOptions(event), onKeyDown: e => this.handleComboboxKeyDown(e) }))), h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: e => this.handleListboxKeydown(e) }, this.filteredOptions.map(option => (h("li", { tabindex: "0", key: option.value, id: option.value, onClick: () => this.selectOption(option), role: "option" }, option.labelHTML ? option.labelHTML : option.label)))))) : null));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -192,7 +192,6 @@ function defineCustomElement() {
             break;
     } });
 }
-defineCustomElement(SelectDropdown);
 export { SelectDropdown as S, defineCustomElement as d };