@nylas/web-elements 1.1.0-canary.19.c → 1.1.0-canary.19.d

package/dist/types/connector/shared/api/scheduler-config.d.ts

@@ -28,7 +28,7 @@ export declare class NylasSchedulerConfigAPIConnector {
             error: Record<string, any>;
         } | undefined;
     }] | [null, null] | [Configuration, null]>;
-    getConfigurations(): Promise<[null, {
+    getConfigurations(cursor?: string): Promise<[null, {
         type?: string | undefined;
         code?: string | number | undefined;
         title?: string | undefined;

package/dist/types/stores/scheduler-config-store.d.ts

@@ -1,4 +1,4 @@
-import { Calendar, Configuration, Participant } from '@nylas/core';
+import { AdditionalParticipant, Calendar, Configuration } from '@nylas/core';
 import { ObservableMap } from '@stencil/store';
 import { User } from "../common/nylas-api-request";
 type RecursivePartial<T> = {
@@ -10,7 +10,10 @@ export interface NylasSchedulerConfigStoreState {
     calendars: Calendar[];
     currentUser: User | null;
     action: 'create' | 'edit' | null;
-    additionalParticipants: Participant[];
+    additionalParticipants: AdditionalParticipant[];
+    listConfigurationsNextCursor: string | null;
+    hideEditorTabs?: string[];
+    conferenceProviders?: Record<'microsoft' | 'zoom' | 'google', string>;
 }
 export type NylasSchedulerConfigStoreType = ReturnType<typeof CreateNylasSchedulerConfigStore>;
 export type CreateNylasSchedulerConfigStoreReturnType = ObservableMap<NylasSchedulerConfigStoreState> & {

package/dist/types/stores/scheduler-store.d.ts

@@ -1,5 +1,5 @@
 import { DataState, NylasEvent } from "../common/types";
-import { NylasSchedulerBookingData, Timeslot } from '@nylas/core';
+import { AdditionalFields, NylasSchedulerBookingData, Timeslot } from '@nylas/core';
 export type AvailabilityTimeslot = {
     emails: string[];
     start_time: Date;
@@ -19,6 +19,7 @@ export type ConfigSettings = {
         hide_additional_guests?: boolean;
         hide_cancellation_options?: boolean;
         hide_rescheduling_options?: boolean;
+        additional_fields?: Record<string, AdditionalFields>;
     };
     organizer: {
         name: string;
@@ -30,6 +31,7 @@ export interface NylasSchedulerStoreState {
     selectedLanguage: string;
     selectedTimezone: string;
     selectedTimeslot: Timeslot | null;
+    availabilityOrderEmails: string[];
     showBookingForm: boolean;
     selectableDates: Date[] | null;
     eventDuration: number;

package/dist/types/types/index.d.ts

@@ -28,9 +28,17 @@ export interface Configuration {
     version: string;
     participants: Participant[];
     availability: Availability;
+    additional_fields?: AdditionalFields[];
     event_booking: EventBooking;
     scheduler: Scheduler;
 }
+export interface AdditionalFields {
+    type: string;
+    required: boolean;
+    order: number;
+    options?: string[];
+    label?: string;
+}
 export interface UpdateConfiguration extends Omit<Configuration, 'id'> {
 }
 export interface Participant {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nylas/web-elements",
-  "version": "1.1.0-canary.19.c",
+  "version": "1.1.0-canary.19.d",
   "description": "Nylas Web Elements",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -35,7 +35,7 @@
     "deploy": "node ../../scripts/deploy-cloudflare.mjs -p nylas-playground -d ./packages/nylas-web-elements/www/"
   },
   "dependencies": {
-    "@nylas/core": "workspace:^",
+    "@nylas/core": "^1.1.0-canary.6",
     "@nylas/identity": "workspace:^",
     "@spectrum-web-components/bundle": "^0.39.3",
     "@spectrum-web-components/icon": "^0.40.0",
@@ -52,6 +52,7 @@
     "quill": "^1.3.7",
     "rrule": "2.7.2",
     "sanitize-html": "^2.13.0",
+    "sortablejs": "^1.15.2",
     "tinycolor2": "^1.6.0"
   },
   "devDependencies": {

package/dist/cjs/button-component.cjs.entry.js

@@ -1,31 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-7af03e3f.js');
-
-const buttonComponentCss = "button.sc-button-component{height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer;font-family:var(--nylas-font-family);font-weight:600}@media screen and (max-width: 768px){button.sc-button-component{width:100%}}button.button-primary.sc-button-component{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer}button.button-primary.sc-button-component:hover{background:var(--nylas-base-600)}button.button-primary.sc-button-component:active{background:var(--nylas-base-800)}button.button-primary.sc-button-component:disabled{background:var(--nylas-base-300);cursor:not-allowed}button.button-basic.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-base-700);background:transparent}button.button-basic.sc-button-component:hover{background:transparent;border-color:var(--nylas-primary)}button.button-basic.sc-button-component:active{background:transparent;border-color:var(--nylas-base-600);border-width:2px}button.button-basic.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-destructive.sc-button-component{border:1px solid var(--nylas-base-300);color:var(--nylas-error);background:transparent}button.button-destructive.sc-button-component:hover{background:transparent;border-color:var(--nylas-error)}button.button-destructive.sc-button-component:active{background:transparent;border-color:var(--nylas-error-pressed);border-width:2px;color:var(--nylas-error-pressed)}button.button-destructive.sc-button-component:disabled{background:transparent;border-color:var(--nylas-base-300);color:var(--nylas-base-300);cursor:not-allowed}button.button-invisible.sc-button-component{background:transparent;color:var(--nylas-base-800);border:none}button.button-invisible.sc-button-component:hover{background:var(--nylas-base-50);color:var(--nylas-primary)}button.button-invisible.sc-button-component:active{background:var(--nylas-base-50);color:var(--nylas-base-850)}button.button-invisible.sc-button-component:disabled{background:transparent;color:var(--nylas-base-300);cursor:not-allowed}";
-const ButtonComponentStyle0 = buttonComponentCss;
-
-const ButtonComponent = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.variant = 'primary';
-        this.disabled = false;
-        this.type = 'button';
-        this.clickHandler = undefined;
-        this.mouseOverHandler = undefined;
-        this.mouseOutHandler = undefined;
-        this.focusHandler = undefined;
-        this.blurHandler = undefined;
-    }
-    render() {
-        const className = `button-${this.variant}` + (this.disabled ? ' disabled' : '');
-        return (index.h("button", { key: 'bee09000c1e5c4fd748032ed56db6f36d307ce77', class: className, disabled: this.disabled, type: "type", onClick: this.clickHandler, onMouseOver: this.mouseOverHandler, onMouseOut: this.mouseOutHandler, onFocus: this.focusHandler, onBlur: this.blurHandler }, index.h("slot", { key: 'bedb527775bf845d865d7abb47cc409fe1245a27' })));
-    }
-};
-ButtonComponent.style = ButtonComponentStyle0;
-
-exports.button_component = ButtonComponent;
-
-//# sourceMappingURL=button-component.cjs.entry.js.map

package/dist/cjs/button-component.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"button-component.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,qwEAAqwE,CAAC;AACjyE,8BAAe,kBAAkB;;MCOpB,eAAe;;;uBAEI,SAAS;wBAGX,KAAK;oBAEV,QAAQ;;;;;;;IAO/B,MAAM;QACJ,MAAM,SAAS,GAAG,UAAU,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,QAAQ,GAAG,WAAW,GAAG,EAAE,CAAC,CAAC;QAEhF,QACEA,qEACE,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAClC,UAAU,EAAE,IAAI,CAAC,eAAe,EAChC,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,MAAM,EAAE,IAAI,CAAC,WAAW,IAExBA,oEAAa,CACN,EACT;KACH;;;;;;","names":["h"],"sources":["src/components/design-system/button-component/button-component.scss?tag=button-component&encapsulation=scoped","src/components/design-system/button-component/button-component.tsx"],"sourcesContent":["@import '../../../common/mixins/buttons.scss';\n@import '../../../common/styles/variables.scss';\n\nbutton {\n  height: 48px;\n  border: none;\n  border-radius: var(--nylas-border-radius-2x);\n  font-size: 1rem;\n  line-height: 24px;\n  padding: 0 1rem;\n  cursor: pointer;\n  font-family: var(--nylas-font-family);\n  font-weight: 600;\n  @media #{$mobile} {\n    width: 100%;\n  }\n  &.button-primary {\n    @include primary-button;\n  }\n  &.button-basic {\n    border: 1px solid var(--nylas-base-300);\n    color: var(--nylas-base-700);\n    background: transparent;\n    &:hover {\n      background: transparent;\n      border-color: var(--nylas-primary);\n    }\n    &:active {\n      background: transparent;\n      border-color: var(--nylas-base-600);\n      border-width: 2px;\n    }\n    &:disabled {\n      background: transparent;\n      border-color: var(--nylas-base-300);\n      color: var(--nylas-base-300);\n      cursor: not-allowed;\n    }\n  }\n  &.button-destructive {\n    border: 1px solid var(--nylas-base-300);\n    color: var(--nylas-error);\n    background: transparent;\n    &:hover {\n      background: transparent;\n      border-color: var(--nylas-error);\n    }\n    &:active {\n      background: transparent;\n      border-color: var(--nylas-error-pressed);\n      border-width: 2px;\n      color: var(--nylas-error-pressed);\n    }\n    &:disabled {\n      background: transparent;\n      border-color: var(--nylas-base-300);\n      color: var(--nylas-base-300);\n      cursor: not-allowed;\n    }\n  }\n  &.button-invisible {\n    background: transparent;\n    color: var(--nylas-base-800);\n    border: none;\n    &:hover {\n      background: var(--nylas-base-50);\n      color: var(--nylas-primary);\n    }\n    &:active {\n      background: var(--nylas-base-50);\n      color: var(--nylas-base-850);\n    }\n    &:disabled {\n      background: transparent;\n      color: var(--nylas-base-300);\n      cursor: not-allowed;\n    }\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\ntype ButtonType = 'primary' | 'basic' | 'destructive' | 'invisible';\n\n@Component({\n  tag: 'button-component',\n  styleUrl: 'button-component.scss',\n  scoped: true,\n})\nexport class ButtonComponent {\n  // Define a prop to accept the button type\n  @Prop() variant: ButtonType = 'primary';\n\n  // Define a prop for disabled state\n  @Prop() disabled: boolean = false;\n\n  @Prop() type: string = 'button';\n  @Prop() clickHandler?: (event: MouseEvent) => void;\n  @Prop() mouseOverHandler?: (event: MouseEvent) => void;\n  @Prop() mouseOutHandler?: (event: MouseEvent) => void;\n  @Prop() focusHandler?: (event: FocusEvent) => void;\n  @Prop() blurHandler?: (event: FocusEvent) => void;\n\n  render() {\n    const className = `button-${this.variant}` + (this.disabled ? ' disabled' : '');\n\n    return (\n      <button\n        class={className}\n        disabled={this.disabled}\n        type=\"type\"\n        onClick={this.clickHandler}\n        onMouseOver={this.mouseOverHandler}\n        onMouseOut={this.mouseOutHandler}\n        onFocus={this.focusHandler}\n        onBlur={this.blurHandler}\n      >\n        <slot></slot>\n      </button>\n    );\n  }\n}\n"],"version":3}