@nylas/web-elements 1.4.1 → 1.4.3
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.
- package/dist/nylas-web-elements/{index-95193d9b.js → index-212258bf.js} +2 -2
- package/dist/nylas-web-elements/{index.es-69f2eefb.js → index.es-82b6efae.js} +2 -2
- package/dist/nylas-web-elements/index.esm.js +1 -1
- package/dist/nylas-web-elements/input-component.entry.js +1 -1
- package/dist/nylas-web-elements/input-component.entry.js.map +1 -1
- package/dist/nylas-web-elements/input-image-url.entry.js +1 -1
- package/dist/nylas-web-elements/multi-select-dropdown.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-additional-participants.entry.js +1 -1
- package/dist/nylas-web-elements/{nylas-api-request-d8eb4c91.js → nylas-api-request-51129e10.js} +2 -2
- package/dist/nylas-web-elements/nylas-availability-picker.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-booked-event-card.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-booking-calendar-picker.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-booking-confirmation-redirect.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-booking-confirmation-type.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-booking-form-config.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-booking-form.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-buffer-time.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-calendar-picker.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-cancel-booking-form.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-cancellation-policy.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-cancelled-event-card.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-confirmation-email.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-confirmed-event-card.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-connected-calendars.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-custom-booking-flow.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-custom-event-slug.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-customize-booking-settings.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-date-component.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-date-picker.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-date-picker.entry.js.map +1 -1
- package/dist/nylas-web-elements/nylas-disable-emails.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-editor-tabs-group.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-editor-tabs.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-event-calendar.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-event-calendar.entry.js.map +1 -1
- package/dist/nylas-web-elements/nylas-event-capacity.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-event-capacity.entry.js.map +1 -1
- package/dist/nylas-web-elements/nylas-event-description.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-event-duration.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-event-info.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-event-limits.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-event-location.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-event-timeslot.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-event-timeslot.entry.js.map +1 -1
- package/dist/nylas-web-elements/nylas-event-title.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-event-title.entry.js.map +1 -1
- package/dist/nylas-web-elements/nylas-feedback-form.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-form-card.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-if-state.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-limit-future-bookings.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-list-configurations.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-locale-switch.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-login.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-min-booking-notice.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-min-cancellation-notice.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-notification.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-organizer-confirmation-card.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-page-name.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-page-styling.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-participant-booking-calendars.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-participants-custom-availability.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-provider.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-reminder-emails.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-reminder-time.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-scheduler-editor.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-scheduling-method.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-scheduling.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-select-event-type.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-selected-event-card.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-time-window-picker.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-timeslot-interval.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-timeslot-picker.entry.js +1 -1
- package/dist/nylas-web-elements/nylas-timeslot-picker.entry.js.map +1 -1
- package/dist/nylas-web-elements/nylas-web-elements.esm.js +1 -1
- package/dist/nylas-web-elements/nylas-web-elements.esm.js.map +1 -1
- package/dist/nylas-web-elements/{register-component-3d439a88.js → register-component-8b5587d5.js} +2 -2
- package/dist/nylas-web-elements/{scheduler-store-0acc5e0f.js → scheduler-store-36b93b74.js} +2 -2
- package/dist/nylas-web-elements/textarea-component.entry.js +1 -1
- package/dist/nylas-web-elements/time-period-selector.entry.js +1 -1
- package/dist/nylas-web-elements/{utils-3fdf2c83.js → utils-ac8fef1e.js} +2 -2
- package/dist/types/components/scheduler/nylas-date-picker/nylas-date-picker.d.ts +4 -0
- package/dist/types/components/scheduler-editor/nylas-event-capacity/nylas-event-capacity.d.ts +1 -0
- package/package.json +2 -3
- package/CHANGELOG.md +0 -872
- /package/dist/nylas-web-elements/{index-95193d9b.js.map → index-212258bf.js.map} +0 -0
- /package/dist/nylas-web-elements/{index.es-69f2eefb.js.map → index.es-82b6efae.js.map} +0 -0
- /package/dist/nylas-web-elements/{nylas-api-request-d8eb4c91.js.map → nylas-api-request-51129e10.js.map} +0 -0
- /package/dist/nylas-web-elements/{register-component-3d439a88.js.map → register-component-8b5587d5.js.map} +0 -0
- /package/dist/nylas-web-elements/{scheduler-store-0acc5e0f.js.map → scheduler-store-36b93b74.js.map} +0 -0
- /package/dist/nylas-web-elements/{utils-3fdf2c83.js.map → utils-ac8fef1e.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as a,a as l,e as o}from"./index-3e0d6890.js";import{R as r}from"./register-component-
|
|
1
|
+
import{r as e,h as a,a as l,e as o}from"./index-3e0d6890.js";import{R as r}from"./register-component-8b5587d5.js";import{a as s,G as n}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const c=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-form-card{width:100%;border-radius:8px;border:1px solid var(--nylas-base-200)}.nylas-form-card__header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}';var y=undefined&&undefined.__decorate||function(e,a,l,o){var r=arguments.length,s=r<3?a:o===null?o=Object.getOwnPropertyDescriptor(a,l):o,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,a,l,o);else for(var c=e.length-1;c>=0;c--)if(n=e[c])s=(r<3?n(s):r>3?n(a,l,s):n(a,l))||s;return r>3&&s&&Object.defineProperty(a,l,s),s};var f=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const d=class{constructor(a){e(this,a);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}}connectedCallback(){s("nylas-event-card","connectedCallback")}componentWillLoad(){s("nylas-event-card","componentWillLoad")}componentDidLoad(){s("nylas-event-card","componentDidLoad")}disconnectedCallback(){s("nylas-event-card","disconnectedCallback");const e=["header-title","header-subtitle","content"];n(e,this.host)}render(){return a(l,{key:"1bf7def778f8d26174861d5253a87b30978175e4"},a("div",{key:"77b6e4b2ffcde3640add3574e6f9211f787b20a0",class:"nylas-form-card",part:"nfc"},a("div",{key:"96451ec57814367e5e2b1941749241a2f72529a6",class:"nylas-form-card__header",part:"nfc__header"},a("slot",{key:"ea00a893f4d4dca93d007cac452c20dbaeb343d8",name:"header-title"}),a("slot",{key:"1a3456b5df4131ba56903131ac099b62c0008ef3",name:"header-subtitle"})),a("div",{key:"65bc9cc821c69e797074781d1dd16fd4e2911b15",class:"nylas-form-card__content"},a("slot",{key:"3e4821b0592ec46a3ada782ab114e8707647eb09",name:"content"}))))}static get formAssociated(){return true}get host(){return o(this)}};y([r({name:"nylas-form-card",eventToProps:{},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],d.prototype,"render",null);d.style=c;export{d as nylas_form_card};
|
|
2
2
|
//# sourceMappingURL=nylas-form-card.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as t,a as n}from"./index-3e0d6890.js";import{R as s}from"./register-component-
|
|
1
|
+
import{r as e,h as t,a as n}from"./index-3e0d6890.js";import{R as s}from"./register-component-8b5587d5.js";import{a as i}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const a=":host{display:block}div{height:inherit}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fade-in{animation:fadeIn 1.5s}.fade-out{animation:fadeOut 1.5s}@keyframes slideIn{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes slideOut{0%{transform:translateY(0)}100%{transform:translateY(100%)}}.slide-in{animation:slideIn 1.5s}.slide-out{animation:slideOut 1.5s}@keyframes swipeIn{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes swipeOut{0%{transform:translateX(0)}100%{transform:translateX(100%)}}.swipe-in{animation:swipeIn 1.5s}.swipe-out{animation:swipeOut 1.5s}";var o=undefined&&undefined.__decorate||function(e,t,n,s){var i=arguments.length,a=i<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,n):s,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")a=Reflect.decorate(e,t,n,s);else for(var r=e.length-1;r>=0;r--)if(o=e[r])a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a;return i>3&&a&&Object.defineProperty(t,n,a),a};var r=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const f=class{constructor(t){e(this,t);this.state=undefined;this.isStateSet=undefined;this.isBoolean=undefined;this.getStore=undefined;this.transition="none";this.show=false;this.classes={};this.initTransition=this.initTransition.bind(this)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){i(`[nylas-if-state] Component will load`);this.watchStore(true)}async componentDidLoad(){i(`[nylas-if-state] Component did load`)}shouldRender(){const[e,t]=this.state?this.state.split("."):["",""];const n=this.getStore;if(typeof n==="undefined"){i(`[nylas-if-state] Store name: ${e} | State name: ${t}`,{getStore:n});return false}const s=n(e);if(typeof s==="undefined"){i(`[nylas-if-state] Store name: ${e} | State name: ${t}`,{store:s});return false}const a=s.state[t];if(typeof this.isStateSet==="boolean"){return this.isStateSet===false&&(typeof a==="undefined"||a===null||a.length===0)||this.isStateSet===true&&typeof a!=="undefined"&&a!==null}if(typeof this.isBoolean==="boolean"){return this.isBoolean===true&&typeof a!=="undefined"&&a===true||this.isBoolean===false&&typeof a!=="undefined"&&a===false}return false}onGetStoreChange(){this.watchStore(true)}watchStore(e=false){const[t,n]=this.state?this.state.split("."):["",""];const s=this.getStore;if(typeof s==="undefined"){i(`[nylas-if-state] Store name: ${t} | State name: ${n}`,{getStore:s});return null}const a=s(t);if(typeof a==="undefined"){i(`[nylas-if-state] Store name: ${t} | State name: ${n}`,{store:a});return null}if(e===true){this.initTransition()}a.onChange(n,this.initTransition)}initTransition(){const e=this.shouldRender();switch(this.transition){case"fade":case"slide":case"swipe":this.classes={[`${this.transition}-in`]:e,[`${this.transition}-out`]:!e};setTimeout((()=>{this.show=e}),150);break;default:this.show=this.shouldRender();break}}render(){return t(n,{key:"38321c4fa1d8c27d1d212c23d1a30b3c03be33a4"},t("div",{key:"eeaddfba88d99a7542cfaff75be7e279b456b812",class:this.classes},this.show&&t("slot",null)))}static get watchers(){return{getStore:["onGetStoreChange"]}}};o([s({name:"nylas-if-state",getStoresToProp:"getStore",fireRegisterEvent:true}),r("design:type",Function),r("design:paramtypes",[]),r("design:returntype",void 0)],f.prototype,"render",null);f.style=a;export{f as nylas_if_state};
|
|
2
2
|
//# sourceMappingURL=nylas-if-state.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,i as n,h as o,a as l,e as a}from"./index-3e0d6890.js";import{R as s}from"./register-component-
|
|
1
|
+
import{r as e,i as n,h as o,a as l,e as a}from"./index-3e0d6890.js";import{R as s}from"./register-component-8b5587d5.js";import{a as t,i as r}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const i=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-limit-future-bookings{display:flex;justify-content:space-between;font-family:var(--nylas-font-family)}@media screen and (max-width: 768px){.nylas-limit-future-bookings{flex-direction:column;gap:0.5rem}}.nylas-limit-future-bookings label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-limit-future-bookings label span.label-icon{margin-left:4px}.nylas-limit-future-bookings label span.label-icon tooltip-component{display:flex}select-dropdown::part(sd_dropdown-button){border:none}';var c=undefined&&undefined.__decorate||function(e,n,o,l){var a=arguments.length,s=a<3?n:l===null?l=Object.getOwnPropertyDescriptor(n,o):l,t;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,n,o,l);else for(var r=e.length-1;r>=0;r--)if(t=e[r])s=(a<3?t(s):a>3?t(n,o,s):t(n,o))||s;return a>3&&s&&Object.defineProperty(n,o,s),s};var f=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const d=class{constructor(o){e(this,o);this.valueChanged=n(this,"valueChanged",7);if(o.$hostElement$["s-ei"]){this.internals=o.$hostElement$["s-ei"]}else{this.internals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.availableDaysInFuture=undefined;this.name="limit-future-bookings";this.selectedLanguage=undefined;this.selectedNumber=undefined;this.selectedPeriod=undefined}elementNameChangedHandler(e){t("nylas-limit-future-bookings","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){const n=e?.scheduler?.available_days_in_future||this.availableDaysInFuture||1;if(n){this.updateNumberAndPeriodFromDays(n)}if(typeof this.internals.setFormValue!=="function"){return}this.internals.setFormValue(n?.toString(),this.name)}selectedLanguageChangedHandler(e,n){if(e===n)return;r.changeLanguage(e)}connectedCallback(){t("nylas-limit-future-bookings","connectedCallback")}componentWillLoad(){t("nylas-limit-future-bookings","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){t("nylas-limit-future-bookings","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.updateNumberAndPeriodFromDays(this.availableDaysInFuture||1)}}disconnectedCallback(){t("nylas-limit-future-bookings","disconnectedCallback")}timePeriodChangedHandler(e){const{number:n,period:o}=e.detail;let l;if(o==="day"){l=n}else if(o==="week"){l=n*7}else{l=n*30}this.valueChanged.emit({value:l,name:this.name});if(typeof this.internals.setFormValue!=="function"){return}this.internals.setFormValue(l.toString(),this.name)}updateNumberAndPeriodFromDays(e){let n,o;if(e>=30&&e%30===0){n=e/30;o="month"}else if(e>=7&&e%7===0){n=e/7;o="week"}else{n=e;o="day"}this.selectedNumber=n;this.selectedPeriod=o}render(){const e=typeof this.selectedNumber=="number"&&typeof this.selectedPeriod=="string";return o(l,{key:"c77caa1772081ea6d170484bf33e85fc6285f2bc"},o("div",{key:"3adc43a6c62a4a76576ad71f99c324797e9f3696",class:"nylas-limit-future-bookings",part:"nlfb"},o("label",{key:"05c374eab5f070b41f6792f5a6dad43f3122bae1"},r.t("nylasLimitFutureBookings.headerTitle"),o("span",{key:"25f0cfb62d775b93d678b649947b556d7a9b4c80",class:"label-icon"},o("tooltip-component",{key:"8a6001627f8fe19ccc5b1e2b7f48f9ee3250a98a"},o("info-icon",{key:"e7f007542b28daaea80fad7321ae4621ea68b2b1",slot:"tooltip-icon"}),o("span",{key:"07b99f540b4a4934e58ee503ccedff5f47312f32",slot:"tooltip-content"},r.t("nylasLimitFutureBookings.tooltip.desc"))))),e&&o("time-period-selector",{id:"limit-future-bookings",timePeriods:[{value:"day",label:r.t("timePeriod",{context:"day"})},{value:"week",label:r.t("timePeriod",{context:"week"})},{value:"month",label:r.t("timePeriod",{context:"month"})}],exportparts:"tps__number-dropdown: nlfb__number-dropdown, tps__number-dropdown-button: nlfb__number-dropdown-button, tps__number-dropdown-content: nlfb__number-dropdown-content, tps__period-dropdown: nlfb__period-dropdown, tps__period-dropdown-button: nlfb__period-dropdown-button, tps__period-dropdown-content: nlfb__period-dropdown-content",defaultSelectedNumber:this.selectedNumber,defaultSelectedPeriod:this.selectedPeriod})))}static get formAssociated(){return true}get host(){return a(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};c([s({name:"nylas-limit-future-bookings",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],d.prototype,"render",null);d.style=i;export{d as nylas_limit_future_bookings};
|
|
2
2
|
//# sourceMappingURL=nylas-limit-future-bookings.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,i as t,h as n,a,e as o}from"./index-3e0d6890.js";import{R as i}from"./register-component-3d439a88.js";import{i as r,a as s,y as l,c}from"./utils-3fdf2c83.js";import"./utc-290d564f.js";const d=':host{display:grid;grid-auto-flow:row;width:100%;font-family:inherit;font-optical-sizing:auto;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}@media screen and (max-width: 768px){.header{flex-direction:column;gap:0.5rem;align-items:unset}}.header h2{margin:0;font-size:1.25rem;color:var(--nylas-base-900);font-weight:600}.header p{margin:0;font-size:16px;color:var(--nylas-base-700)}.header .actions{justify-self:end}@media screen and (max-width: 768px){.header .actions{width:100%}}.configurations{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);background:var(--nylas-base-0);height:100%;display:flex;flex-direction:column;position:relative;overflow-y:hidden}.configurations .table-container{overflow-y:auto;flex:1}@media screen and (max-width: 768px){.configurations .table-container{min-height:624px}}.configurations .table-container table{width:100%;border-spacing:0;border-collapse:collapse;font-family:inherit;height:max-content}.configurations .table-container table.no-configurations{height:100%}.configurations .table-container table tr{color:var(--nylas-base-800);border-bottom:1px solid var(--nylas-base-200);font-family:inherit}.configurations .table-container table tr.hide{display:none}.configurations .table-container table th{font-weight:600;text-transform:uppercase;font-size:14px;line-height:20px}.configurations .table-container table tr.no-configurations td>div{display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;padding:var(--nylas-border-radius-3x)}.configurations .table-container table tr.no-configurations td>div h3{margin:0 0 1rem 0;color:var(--nylas-base-700)}.configurations .table-container table tr.no-configurations td>div p{margin:0 0 1rem 0;color:var(--nylas-base-600)}.configurations .table-container table tr.no-configurations td>div calendar-icon{margin-bottom:1rem;color:var(--nylas-base-200)}.configurations .table-container table th,.configurations .table-container table td{text-align:left;padding:1rem;font-family:inherit}.configurations .table-container table .actions{display:flex;justify-content:flex-end;gap:1rem;text-align:right}@media screen and (max-width: 768px){.configurations .table-container table .actions{flex-direction:column;gap:0.5rem}}.configurations .table-container table .actions select-dropdown.last::part(sd_dropdown-content){bottom:54px}.configurations .table-container table .title{width:100%;max-width:300px}@media screen and (max-width: 768px){.configurations .table-container table .title{max-width:96px}}.configurations .table-container table .title div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.configurations .table-container table .title div.config-event-title{font-weight:600}.configurations .table-container table .title div.config-event-description{font-size:0.75rem}.configurations .pagination{padding:1rem;position:sticky;top:100%;display:flex;justify-content:flex-end;gap:0.5rem;background:white;width:calc(100% - 2rem);z-index:2}.configurations .pagination td.arrows{display:flex;justify-content:flex-end;gap:0.5rem}.configurations .pagination button{display:flex;flex-direction:row;justify-content:center;align-items:center;height:3vh;width:3vh;min-width:3em;min-height:3em;cursor:pointer;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background-color:transparent;color:var(--nylas-base-800);cursor:pointer}.configurations .pagination button:hover:not(:disabled){border:1px solid var(--nylas-primary)}.configurations .pagination button:active{border:1px solid var(--nylas-base-800)}.configurations .pagination button:disabled{border:1px solid var(--nylas-base-100);background-color:transparent;color:var(--nylas-base-300);cursor:not-allowed}.configurations .pagination button.right{transform:rotate(180deg)}.error-container{margin-top:1.5rem}.error-container .error{color:var(--nylas-error);padding:0.5rem 0;margin:1rem 0 0}button-component#copy button{width:108px}select-dropdown{width:auto}select-dropdown::part(sd_dropdown-button){display:block;height:48px;padding:0px 16px 8px}@media screen and (max-width: 768px){select-dropdown::part(sd_dropdown-button){width:92px}}select-dropdown::part(sd_dropdown-content){width:120px;right:0}select-dropdown::part(sd_dropdown-labelhtml){display:flex;gap:0.5rem;align-items:center;color:var(--nylas-base-900)}select-dropdown::part(sd_dropdown-labelhtml):hover{color:var(--nylas-primary)}.card-wrapper{position:absolute;top:0;left:0;height:calc(100% + 4rem);width:-webkit-fill-available;width:-moz-available;width:fill-available;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0, 0, 0, 0.6);z-index:2;border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.card-wrapper{justify-content:start;height:100%}}.card-modal{background:var(--nylas-base-0);display:flex;flex-direction:column;font-family:var(--nylas-font-family);background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);padding:32px;width:562px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.card-modal{width:auto;border-radius:0px}}.description.title-desc{margin-bottom:2rem}.description p{margin:0;font-size:18px;color:var(--nylas-base-600)}.footer{margin-top:1rem;padding-top:1rem;display:flex;justify-content:flex-end;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.close-button{width:100%;display:flex;justify-content:flex-end}.close-button button-component button{padding:0;height:auto}.close-button button-component button:hover{background-color:transparent !important}button-component{--dot-color:var(--nylas-base-700)}';var u=undefined&&undefined.__decorate||function(e,t,n,a){var o=arguments.length,i=o<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,n):a,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,t,n,a);else for(var s=e.length-1;s>=0;s--)if(r=e[s])i=(o<3?r(i):o>3?r(t,n,i):r(t,n))||i;return o>3&&i&&Object.defineProperty(t,n,i),i};var f=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const h=class{constructor(n){e(this,n);this.initListConfigurations=t(this,"initListConfigurations",7);this.createButtonClick=t(this,"createButtonClick",7);this.editButtonClick=t(this,"editButtonClick",7);this.deleteButtonClick=t(this,"deleteButtonClick",7);this.configurations=[];this.selectedLanguage=undefined;this.schedulerPreviewLink="";this.listConfigurationsNextCursor=undefined;this.state="loading";this.error="";this.currentCursor=null;this.previousCursors=[];this.disableNextPageButton=false;this.deleteConfigurationId="";this.showDeleteButtonLoading=false}listConfigurationsNextCursorChangedHandler(e,t){if(!e||e===t){if(e===null){this.disableNextPageButton=true}return}this.disableNextPageButton=false;this.currentCursor=e}selectedLanguageChangedHandler(e,t){if(e===t)return;r.changeLanguage(e)}connectedCallback(){s("[nylas-list-configurations]","connectedCallback")}componentWillLoad(){s("[nylas-list-configurations]","componentWillLoad");if(this.configurations&&this.configurations.length>0){this.state="loaded"}}componentDidLoad(){s("[nylas-list-configurations]","componentDidLoad");this.initListConfigurations.emit({host:this.host})}disconnectedCallback(){s("[nylas-list-configurations]","disconnectedCallback")}async handleNylasFormDropdownChanged(e){s("[nylas-list-configurations]","handleNylasFormDropdownChanged",e.detail);const{value:t}=e.detail;const[n,a]=t.split("-");e.preventDefault();switch(n){case"delete":this.deleteConfigurationId=this.configurations[a]?.id;break;case"preview":window.open(l(this.schedulerPreviewLink,this.configurations[a]),"_blank");break;case"copy":await navigator.clipboard.writeText(l(this.schedulerPreviewLink,this.configurations[a]));break;default:break}}async registerCallback(){this.initListConfigurations.emit({host:this.host})}async getState(){return this.state}async setState(e){this.state=e}async setError(e){this.error=e}async hideDeleteConfirmation(){this.deleteConfigurationId="";this.showDeleteButtonLoading=false}closeModal(e){e.preventDefault();this.deleteConfigurationId=""}handleConfirmDeleteButtonClicked(e){e.preventDefault();this.showDeleteButtonLoading=true;const t=this.configurations.find((e=>e.id===this.deleteConfigurationId));if(t&&t?.id){this.deleteButtonClick.emit({host:this.host,configuration:t})}}getDurationString(e){if(!e)return"—";const t=Math.floor(e/60);const n=e%60;return`${t?t:""} ${t?`${t>1?"hours":"hour"}`:""} ${n?n:""} ${n?`${n>1?"mins":"min"}`:""}`}getActionLabelHTML(e){const t={display:"inline-flex",alignItems:"center",gap:"0.5rem"};const a={color:"var(--nylas-error)"};switch(e){case"preview":return n("span",{style:t},n("eye-icon",{width:"16",height:"16"}),r.t("nylasListConfigurations.previewButtonText"));case"copy":return n("span",{style:t},n("copy-icon",{width:"16",height:"16"}),r.t("nylasListConfigurations.copyLinkButtonText"));case"delete":return n("span",{style:{...t,...a}},n("delete-icon",{width:"15",height:"17"}),r.t("nylasListConfigurations.deleteButtonText"));default:return""}}previousPageClickedHandler(){if(this.previousCursors.length===0)return;this.currentCursor=this.previousCursors.pop()||null;const e=this.previousCursors[this.previousCursors.length-1]||undefined;this.initListConfigurations.emit({host:this.host,cursor:e})}nextPageClickedHandler(){if(!this.currentCursor)return;this.previousCursors=[...this.previousCursors,this.currentCursor];this.initListConfigurations.emit({host:this.host,cursor:this.currentCursor})}render(){return n(a,null,n("div",{class:"header"},n("div",{class:"description"},n("h2",null,r.t("allSchedulingPages")),n("p",null,r.t("createAndManageSchedulingPages"))),this.configurations&&this.configurations.length>0&&n("div",{class:"actions"},n("button-component",{part:"nlc__create-new-cta",clickHandler:()=>{this.createButtonClick.emit(this.host)}},r.t("createNewSchedulingPageButtonText")))),n("div",{class:"configurations"},n("div",{class:"table-container"},n("table",{class:{"no-configurations":this.state!=="loading"&&(!this.configurations||this.configurations.length===0)}},n("tr",{class:{hide:this.state==="loading"||this.configurations&&this.configurations.length===0}},n("th",null,r.t("pageTitle")),n("th",null,r.t("durationTitle")),n("th",null)),this.state==="loading"&&n("tr",{class:"no-configurations"},n("td",{colSpan:3},n("div",null,n("h3",null,r.t("loading"),"..."),n("p",null,r.t("loadingPagesDescription"))))),this.state!=="loading"&&(!this.configurations||this.configurations.length===0)&&n("tr",{class:"no-configurations"},n("td",{colSpan:3},n("div",null,n("calendar-icon",{width:"48",height:"48"}),n("h3",null,r.t("noSchedulingPages")),n("p",null,r.t("createFirstSchedulingPage")),n("button-component",{part:"nlc__create-new-cta",clickHandler:()=>{this.createButtonClick.emit(this.host)}},r.t("createNewSchedulingPageButtonText"))))),this.state!=="loading"&&this.configurations?.map(((e,t)=>{const a=(t===this.configurations.length-1||t===this.configurations.length-2)&&this.configurations.length>3;const o=e;const i=e;return n("tr",{key:e?.id},n("td",null,n("div",{class:"title"},n("div",{class:"config-event-title",title:i?.event_booking?.title},i?.event_booking?.title||o?.name),n("div",{class:"config-event-description"},i?.event_booking?.description))),n("td",null,n("div",{class:"duration"},this.getDurationString(i?.availability?.duration_minutes))),n("td",null,n("div",{class:"actions"},n("button-component",{variant:"basic",key:`edit-${t}`,clickHandler:t=>{t.preventDefault();this.editButtonClick.emit({host:this.host,configuration:e})}},n("edit-icon",{width:"16",height:"16"}),r.t("editSchedulingPageButtonText")),n("select-dropdown",{class:{last:a},name:"actions",options:[{value:`preview-${t}`,label:"Preview",labelHTML:this.getActionLabelHTML("preview")},{value:`copy-${t}`,label:"Copy link",labelHTML:this.getActionLabelHTML("copy")},{value:`delete-${t}`,label:"Delete",labelHTML:this.getActionLabelHTML("delete")}],defaultSelectedOption:{value:"",label:""},dropdownButtonText:"...",withSearch:false,withChevron:false,exportparts:"sd_dropdown: actions__dropdown, sd_dropdown-button: actions__dropdown-button, sd_dropdown-content: actions__dropdown-content, actions-Copy, actions-Preview, actions-Delete"}))))})))),n("div",{class:"pagination"},n("button",{class:"arrow left",onClick:()=>this.previousPageClickedHandler(),disabled:this.previousCursors.length<=0},n("chevron-icon",null)),n("button",{class:"arrow right",onClick:()=>this.nextPageClickedHandler(),disabled:this.disableNextPageButton},n("chevron-icon",null)))),this.state==="error"&&n("div",{class:"error-container"},n("p",{class:"error"},this.error)),!!this.deleteConfigurationId&&n("div",{class:"card-wrapper"},n("div",{class:"card-modal"},n("div",{class:"close-button"},n("button-component",{tooltip:"Close",id:"close",variant:"invisible",onClick:e=>this.closeModal(e),part:"nfbf__close-button"},n("close-icon",null))),n("div",{class:"header"},n("h2",{slot:"card-title",part:"nfbf__title"},r.t("deleteSchedulingPageTitle"))),n("div",{class:"description title-desc"},n("p",null,r.t("deleteSchedulingPageDescription"))),n("div",{class:{footer:true}},n("button-component",{variant:"basic",onClick:e=>this.closeModal(e),part:"nfbf__button-outline nfbf__cancel-cta"},`${r.t("deleteSchedulingPageCancelButton")}`),n("button-component",{variant:"destructive",onClick:e=>this.handleConfirmDeleteButtonClicked(e),disabled:this.showDeleteButtonLoading,isLoading:this.showDeleteButtonLoading,part:"nfbf__button-outline nfbf__reschedule-cta"},`${r.t("deleteSchedulingPageConfirmButton")}`)))))}get host(){return o(this)}static get watchers(){return{listConfigurationsNextCursor:["listConfigurationsNextCursorChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};u([i({name:"nylas-list-configurations",stateToProps:new Map([["schedulerConfig.configurations","configurations"],["schedulerConfig.listConfigurationsNextCursor","listConfigurationsNextCursor"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"]]),eventToProps:{initListConfigurations:async(e,t)=>{const{host:n,cursor:a}=e.detail;await n.setState("loading");const[o,i]=await t.schedulerConfig.getConfigurations(a);if(!o&&i&&i.message){await n.setState("error");await n.setError(i.message);return}await n.setState("loaded")},createButtonClick:async(e,t)=>{t.schedulerConfigStore.resetSelectedConfiguration();if(t.schedulerConfigStore.state.experimentalFeatures?.group_events){t.schedulerConfigStore.state.action="create-select"}else{t.schedulerConfigStore.state.action="create"}},deleteButtonClick:async(e,t)=>{const{host:n,configuration:a}=e.detail;const[o,i]=await t.schedulerConfig.deleteConfiguration(a.id);if(!o&&i&&i.message){await n.setState("error");await n.setError(i.message)}await n.hideDeleteConfirmation()},editButtonClick:async(e,t)=>{const{configuration:n}=e.detail;t.schedulerConfigStore.state.selectedConfiguration=n;if(n.type==="group"){const{startTime:e,endTime:a}=c((new Date).toISOString(),"week");t.schedulerConfigStore.state.calendarViewDateRange={start_time:e.toString(),end_time:a.toString()};const[o,i]=await t.schedulerConfig.getGroupEvents(n.id);if(!o&&i&&i.message){return}}t.schedulerConfigStore.state.action="edit"}},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],h.prototype,"render",null);h.style=d;export{h as nylas_list_configurations};
|
|
1
|
+
import{r as e,i as t,h as n,a,e as o}from"./index-3e0d6890.js";import{R as i}from"./register-component-8b5587d5.js";import{i as r,a as s,x as l,c}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const d=':host{display:grid;grid-auto-flow:row;width:100%;font-family:inherit;font-optical-sizing:auto;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}@media screen and (max-width: 768px){.header{flex-direction:column;gap:0.5rem;align-items:unset}}.header h2{margin:0;font-size:1.25rem;color:var(--nylas-base-900);font-weight:600}.header p{margin:0;font-size:16px;color:var(--nylas-base-700)}.header .actions{justify-self:end}@media screen and (max-width: 768px){.header .actions{width:100%}}.configurations{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);background:var(--nylas-base-0);height:100%;display:flex;flex-direction:column;position:relative;overflow-y:hidden}.configurations .table-container{overflow-y:auto;flex:1}@media screen and (max-width: 768px){.configurations .table-container{min-height:624px}}.configurations .table-container table{width:100%;border-spacing:0;border-collapse:collapse;font-family:inherit;height:max-content}.configurations .table-container table.no-configurations{height:100%}.configurations .table-container table tr{color:var(--nylas-base-800);border-bottom:1px solid var(--nylas-base-200);font-family:inherit}.configurations .table-container table tr.hide{display:none}.configurations .table-container table th{font-weight:600;text-transform:uppercase;font-size:14px;line-height:20px}.configurations .table-container table tr.no-configurations td>div{display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;padding:var(--nylas-border-radius-3x)}.configurations .table-container table tr.no-configurations td>div h3{margin:0 0 1rem 0;color:var(--nylas-base-700)}.configurations .table-container table tr.no-configurations td>div p{margin:0 0 1rem 0;color:var(--nylas-base-600)}.configurations .table-container table tr.no-configurations td>div calendar-icon{margin-bottom:1rem;color:var(--nylas-base-200)}.configurations .table-container table th,.configurations .table-container table td{text-align:left;padding:1rem;font-family:inherit}.configurations .table-container table .actions{display:flex;justify-content:flex-end;gap:1rem;text-align:right}@media screen and (max-width: 768px){.configurations .table-container table .actions{flex-direction:column;gap:0.5rem}}.configurations .table-container table .actions select-dropdown.last::part(sd_dropdown-content){bottom:54px}.configurations .table-container table .title{width:100%;max-width:300px}@media screen and (max-width: 768px){.configurations .table-container table .title{max-width:96px}}.configurations .table-container table .title div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.configurations .table-container table .title div.config-event-title{font-weight:600}.configurations .table-container table .title div.config-event-description{font-size:0.75rem}.configurations .pagination{padding:1rem;position:sticky;top:100%;display:flex;justify-content:flex-end;gap:0.5rem;background:white;width:calc(100% - 2rem);z-index:2}.configurations .pagination td.arrows{display:flex;justify-content:flex-end;gap:0.5rem}.configurations .pagination button{display:flex;flex-direction:row;justify-content:center;align-items:center;height:3vh;width:3vh;min-width:3em;min-height:3em;cursor:pointer;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background-color:transparent;color:var(--nylas-base-800);cursor:pointer}.configurations .pagination button:hover:not(:disabled){border:1px solid var(--nylas-primary)}.configurations .pagination button:active{border:1px solid var(--nylas-base-800)}.configurations .pagination button:disabled{border:1px solid var(--nylas-base-100);background-color:transparent;color:var(--nylas-base-300);cursor:not-allowed}.configurations .pagination button.right{transform:rotate(180deg)}.error-container{margin-top:1.5rem}.error-container .error{color:var(--nylas-error);padding:0.5rem 0;margin:1rem 0 0}button-component#copy button{width:108px}select-dropdown{width:auto}select-dropdown::part(sd_dropdown-button){display:block;height:48px;padding:0px 16px 8px}@media screen and (max-width: 768px){select-dropdown::part(sd_dropdown-button){width:92px}}select-dropdown::part(sd_dropdown-content){width:120px;right:0}select-dropdown::part(sd_dropdown-labelhtml){display:flex;gap:0.5rem;align-items:center;color:var(--nylas-base-900)}select-dropdown::part(sd_dropdown-labelhtml):hover{color:var(--nylas-primary)}.card-wrapper{position:absolute;top:0;left:0;height:calc(100% + 4rem);width:-webkit-fill-available;width:-moz-available;width:fill-available;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0, 0, 0, 0.6);z-index:2;border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.card-wrapper{justify-content:start;height:100%}}.card-modal{background:var(--nylas-base-0);display:flex;flex-direction:column;font-family:var(--nylas-font-family);background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);padding:32px;width:562px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.card-modal{width:auto;border-radius:0px}}.description.title-desc{margin-bottom:2rem}.description p{margin:0;font-size:18px;color:var(--nylas-base-600)}.footer{margin-top:1rem;padding-top:1rem;display:flex;justify-content:flex-end;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.close-button{width:100%;display:flex;justify-content:flex-end}.close-button button-component button{padding:0;height:auto}.close-button button-component button:hover{background-color:transparent !important}button-component{--dot-color:var(--nylas-base-700)}';var u=undefined&&undefined.__decorate||function(e,t,n,a){var o=arguments.length,i=o<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,n):a,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,t,n,a);else for(var s=e.length-1;s>=0;s--)if(r=e[s])i=(o<3?r(i):o>3?r(t,n,i):r(t,n))||i;return o>3&&i&&Object.defineProperty(t,n,i),i};var f=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const h=class{constructor(n){e(this,n);this.initListConfigurations=t(this,"initListConfigurations",7);this.createButtonClick=t(this,"createButtonClick",7);this.editButtonClick=t(this,"editButtonClick",7);this.deleteButtonClick=t(this,"deleteButtonClick",7);this.configurations=[];this.selectedLanguage=undefined;this.schedulerPreviewLink="";this.listConfigurationsNextCursor=undefined;this.state="loading";this.error="";this.currentCursor=null;this.previousCursors=[];this.disableNextPageButton=false;this.deleteConfigurationId="";this.showDeleteButtonLoading=false}listConfigurationsNextCursorChangedHandler(e,t){if(!e||e===t){if(e===null){this.disableNextPageButton=true}return}this.disableNextPageButton=false;this.currentCursor=e}selectedLanguageChangedHandler(e,t){if(e===t)return;r.changeLanguage(e)}connectedCallback(){s("[nylas-list-configurations]","connectedCallback")}componentWillLoad(){s("[nylas-list-configurations]","componentWillLoad");if(this.configurations&&this.configurations.length>0){this.state="loaded"}}componentDidLoad(){s("[nylas-list-configurations]","componentDidLoad");this.initListConfigurations.emit({host:this.host})}disconnectedCallback(){s("[nylas-list-configurations]","disconnectedCallback")}async handleNylasFormDropdownChanged(e){s("[nylas-list-configurations]","handleNylasFormDropdownChanged",e.detail);const{value:t}=e.detail;const[n,a]=t.split("-");e.preventDefault();switch(n){case"delete":this.deleteConfigurationId=this.configurations[a]?.id;break;case"preview":window.open(l(this.schedulerPreviewLink,this.configurations[a]),"_blank");break;case"copy":await navigator.clipboard.writeText(l(this.schedulerPreviewLink,this.configurations[a]));break;default:break}}async registerCallback(){this.initListConfigurations.emit({host:this.host})}async getState(){return this.state}async setState(e){this.state=e}async setError(e){this.error=e}async hideDeleteConfirmation(){this.deleteConfigurationId="";this.showDeleteButtonLoading=false}closeModal(e){e.preventDefault();this.deleteConfigurationId=""}handleConfirmDeleteButtonClicked(e){e.preventDefault();this.showDeleteButtonLoading=true;const t=this.configurations.find((e=>e.id===this.deleteConfigurationId));if(t&&t?.id){this.deleteButtonClick.emit({host:this.host,configuration:t})}}getDurationString(e){if(!e)return"—";const t=Math.floor(e/60);const n=e%60;return`${t?t:""} ${t?`${t>1?"hours":"hour"}`:""} ${n?n:""} ${n?`${n>1?"mins":"min"}`:""}`}getActionLabelHTML(e){const t={display:"inline-flex",alignItems:"center",gap:"0.5rem"};const a={color:"var(--nylas-error)"};switch(e){case"preview":return n("span",{style:t},n("eye-icon",{width:"16",height:"16"}),r.t("nylasListConfigurations.previewButtonText"));case"copy":return n("span",{style:t},n("copy-icon",{width:"16",height:"16"}),r.t("nylasListConfigurations.copyLinkButtonText"));case"delete":return n("span",{style:{...t,...a}},n("delete-icon",{width:"15",height:"17"}),r.t("nylasListConfigurations.deleteButtonText"));default:return""}}previousPageClickedHandler(){if(this.previousCursors.length===0)return;this.currentCursor=this.previousCursors.pop()||null;const e=this.previousCursors[this.previousCursors.length-1]||undefined;this.initListConfigurations.emit({host:this.host,cursor:e})}nextPageClickedHandler(){if(!this.currentCursor)return;this.previousCursors=[...this.previousCursors,this.currentCursor];this.initListConfigurations.emit({host:this.host,cursor:this.currentCursor})}render(){return n(a,null,n("div",{class:"header"},n("div",{class:"description"},n("h2",null,r.t("allSchedulingPages")),n("p",null,r.t("createAndManageSchedulingPages"))),this.configurations&&this.configurations.length>0&&n("div",{class:"actions"},n("button-component",{part:"nlc__create-new-cta",clickHandler:()=>{this.createButtonClick.emit(this.host)}},r.t("createNewSchedulingPageButtonText")))),n("div",{class:"configurations"},n("div",{class:"table-container"},n("table",{class:{"no-configurations":this.state!=="loading"&&(!this.configurations||this.configurations.length===0)}},n("tr",{class:{hide:this.state==="loading"||this.configurations&&this.configurations.length===0}},n("th",null,r.t("pageTitle")),n("th",null,r.t("durationTitle")),n("th",null)),this.state==="loading"&&n("tr",{class:"no-configurations"},n("td",{colSpan:3},n("div",null,n("h3",null,r.t("loading"),"..."),n("p",null,r.t("loadingPagesDescription"))))),this.state!=="loading"&&(!this.configurations||this.configurations.length===0)&&n("tr",{class:"no-configurations"},n("td",{colSpan:3},n("div",null,n("calendar-icon",{width:"48",height:"48"}),n("h3",null,r.t("noSchedulingPages")),n("p",null,r.t("createFirstSchedulingPage")),n("button-component",{part:"nlc__create-new-cta",clickHandler:()=>{this.createButtonClick.emit(this.host)}},r.t("createNewSchedulingPageButtonText"))))),this.state!=="loading"&&this.configurations?.map(((e,t)=>{const a=(t===this.configurations.length-1||t===this.configurations.length-2)&&this.configurations.length>3;const o=e;const i=e;return n("tr",{key:e?.id},n("td",null,n("div",{class:"title"},n("div",{class:"config-event-title",title:i?.event_booking?.title},i?.event_booking?.title||o?.name),n("div",{class:"config-event-description"},i?.event_booking?.description))),n("td",null,n("div",{class:"duration"},this.getDurationString(i?.availability?.duration_minutes))),n("td",null,n("div",{class:"actions"},n("button-component",{variant:"basic",key:`edit-${t}`,clickHandler:t=>{t.preventDefault();this.editButtonClick.emit({host:this.host,configuration:e})}},n("edit-icon",{width:"16",height:"16"}),r.t("editSchedulingPageButtonText")),n("select-dropdown",{class:{last:a},name:"actions",options:[{value:`preview-${t}`,label:"Preview",labelHTML:this.getActionLabelHTML("preview")},{value:`copy-${t}`,label:"Copy link",labelHTML:this.getActionLabelHTML("copy")},{value:`delete-${t}`,label:"Delete",labelHTML:this.getActionLabelHTML("delete")}],defaultSelectedOption:{value:"",label:""},dropdownButtonText:"...",withSearch:false,withChevron:false,exportparts:"sd_dropdown: actions__dropdown, sd_dropdown-button: actions__dropdown-button, sd_dropdown-content: actions__dropdown-content, actions-Copy, actions-Preview, actions-Delete"}))))})))),n("div",{class:"pagination"},n("button",{class:"arrow left",onClick:()=>this.previousPageClickedHandler(),disabled:this.previousCursors.length<=0},n("chevron-icon",null)),n("button",{class:"arrow right",onClick:()=>this.nextPageClickedHandler(),disabled:this.disableNextPageButton},n("chevron-icon",null)))),this.state==="error"&&n("div",{class:"error-container"},n("p",{class:"error"},this.error)),!!this.deleteConfigurationId&&n("div",{class:"card-wrapper"},n("div",{class:"card-modal"},n("div",{class:"close-button"},n("button-component",{tooltip:"Close",id:"close",variant:"invisible",onClick:e=>this.closeModal(e),part:"nfbf__close-button"},n("close-icon",null))),n("div",{class:"header"},n("h2",{slot:"card-title",part:"nfbf__title"},r.t("deleteSchedulingPageTitle"))),n("div",{class:"description title-desc"},n("p",null,r.t("deleteSchedulingPageDescription"))),n("div",{class:{footer:true}},n("button-component",{variant:"basic",onClick:e=>this.closeModal(e),part:"nfbf__button-outline nfbf__cancel-cta"},`${r.t("deleteSchedulingPageCancelButton")}`),n("button-component",{variant:"destructive",onClick:e=>this.handleConfirmDeleteButtonClicked(e),disabled:this.showDeleteButtonLoading,isLoading:this.showDeleteButtonLoading,part:"nfbf__button-outline nfbf__reschedule-cta"},`${r.t("deleteSchedulingPageConfirmButton")}`)))))}get host(){return o(this)}static get watchers(){return{listConfigurationsNextCursor:["listConfigurationsNextCursorChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};u([i({name:"nylas-list-configurations",stateToProps:new Map([["schedulerConfig.configurations","configurations"],["schedulerConfig.listConfigurationsNextCursor","listConfigurationsNextCursor"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"]]),eventToProps:{initListConfigurations:async(e,t)=>{const{host:n,cursor:a}=e.detail;await n.setState("loading");const[o,i]=await t.schedulerConfig.getConfigurations(a);if(!o&&i&&i.message){await n.setState("error");await n.setError(i.message);return}await n.setState("loaded")},createButtonClick:async(e,t)=>{t.schedulerConfigStore.resetSelectedConfiguration();if(t.schedulerConfigStore.state.experimentalFeatures?.group_events){t.schedulerConfigStore.state.action="create-select"}else{t.schedulerConfigStore.state.action="create"}},deleteButtonClick:async(e,t)=>{const{host:n,configuration:a}=e.detail;const[o,i]=await t.schedulerConfig.deleteConfiguration(a.id);if(!o&&i&&i.message){await n.setState("error");await n.setError(i.message)}await n.hideDeleteConfirmation()},editButtonClick:async(e,t)=>{const{configuration:n}=e.detail;t.schedulerConfigStore.state.selectedConfiguration=n;if(n.type==="group"){const{startTime:e,endTime:a}=c((new Date).toISOString(),"week");t.schedulerConfigStore.state.calendarViewDateRange={start_time:e.toString(),end_time:a.toString()};const[o,i]=await t.schedulerConfig.getGroupEvents(n.id);if(!o&&i&&i.message){return}}t.schedulerConfigStore.state.action="edit"}},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],h.prototype,"render",null);h.style=d;export{h as nylas_list_configurations};
|
|
2
2
|
//# sourceMappingURL=nylas-list-configurations.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,i as n,h as a,a as o,e as l}from"./index-3e0d6890.js";import{T as s,a as t}from"./constants-794fe173.js";import{R as r}from"./register-component-
|
|
1
|
+
import{r as e,i as n,h as a,a as o,e as l}from"./index-3e0d6890.js";import{T as s,a as t}from"./constants-794fe173.js";import{R as r}from"./register-component-8b5587d5.js";import{a as c,y as d}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const i=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-locale-switch{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-left:none;border-right:none;color:var(--nylas-base-50);font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease-in-out;font-family:inherit}@media screen and (max-width: 768px){.nylas-locale-switch{font-size:16px}}.select-wrapper{display:flex;align-items:center;gap:0.5rem}select{border:none;background:transparent;cursor:pointer;outline:none;background-color:transparent;margin:0 0 1px;padding:4px;vertical-align:middle}select#timezone{width:140px}select#language{width:80px}span.timezone-label{display:flex;width:-webkit-fill-available;justify-content:space-between}select-dropdown{width:auto}select-dropdown::part(sd_dropdown-button){border:none;padding:10px}select-dropdown::part(sd_dropdown-content){max-width:306px}@media screen and (max-width: 768px){select-dropdown::part(sd_dropdown-button-selected-label){max-width:80px}select-dropdown::part(sd_dropdown-content){width:100%;max-width:none}}';var f=undefined&&undefined.__decorate||function(e,n,a,o){var l=arguments.length,s=l<3?n:o===null?o=Object.getOwnPropertyDescriptor(n,a):o,t;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,n,a,o);else for(var r=e.length-1;r>=0;r--)if(t=e[r])s=(l<3?t(s):l>3?t(n,a,s):t(n,a))||s;return l>3&&s&&Object.defineProperty(n,a,s),s};var y=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const p=class{constructor(a){e(this,a);this.timezoneChanged=n(this,"timezoneChanged",7);this.languageChanged=n(this,"languageChanged",7);this.themeConfig=undefined;this.bookingInfo=undefined;this.selectedTimezone=this.bookingInfo?.timezone||Intl.DateTimeFormat().resolvedOptions().timeZone;this.selectedLanguage=this.bookingInfo?.language||navigator.language}themeConfigChanged(e){this.applyThemeConfig(e)}bookingInfoChangedHandler(e){if(e&&e?.timezone){this.changeTimezone(e.timezone)}if(e&&e?.language){this.changeLanguage(e.language)}}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}componentDidLoad(){c(`[nylas-locale-switch] Component did load`);this.applyThemeConfig(this.themeConfig);if(this.bookingInfo&&this.bookingInfo?.timezone){this.changeTimezone(this.bookingInfo.timezone)}if(this.bookingInfo&&this.bookingInfo?.language){this.changeLanguage(this.bookingInfo.language)}}applyThemeConfig(e){if(e){for(const[n,a]of Object.entries(e)){this.host.style.setProperty(`${n}`,a);this.timezoneRef?.style.setProperty(`${n}`,a);this.languageRef?.style.setProperty(`${n}`,a)}}}changeTimezone(e){this.selectedTimezone=e;this.timezoneChanged.emit(e)}changeLanguage(e){this.selectedLanguage=e;this.languageChanged.emit(e)}nylasFormDropdownChangedHandler(e){const{name:n,value:a}=e.detail;if(n==="timezone"){this.changeTimezone(a)}else if(n==="language"){this.changeLanguage(a)}}getTimezoneLabelHTML(e){const n=d(e);return a("span",{class:"timezone-label",style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"-webkit-fill-available"}},s[e]," ",a("span",{class:"timezone-offset",style:{fontSize:"14px",fontWeight:"400",color:"var(--nylas-base-500)"}},n))}render(){const e=Object.keys(s).map((e=>({labelHTML:this.getTimezoneLabelHTML(e),label:s[e],value:e})));const n=Object.keys(t).map((e=>({label:t[e],value:e})));return a(o,{key:"1a324cb66322d9dd8cb552a36bd3990a592ee7e9"},a("div",{key:"18e91795ed822ed59f22c72207ea53ea9766d887",class:"nylas-locale-switch",part:"nls"},a("div",{key:"7eb5e5ed990f5816e9dd17b1c4d06db3f36191da",class:{"select-wrapper":true,timezone:true},part:"nls__timezone"},a("select-dropdown",{key:"32323279c21ad428b38d80ad0e4a484f845f135e",name:"timezone",options:e,ref:e=>this.timezoneRef=e,defaultSelectedOption:e.find((e=>e.value==this.selectedTimezone)),exportparts:"sd_dropdown: nls__timezone-dropdown, sd_dropdown-button: nls__timezone-drop-button, sd_dropdown-button-selected-label: nls__timezone-drop-button-selected-label, sd_dropdown-content: nls__timezone-drop-content, sd_dropdown_label: nls__timezone-drop-label"},a("span",{key:"8c8364acc7d8e52ba170fd1de2a85cae15461e03",slot:"select-icon"},a("globe-icon",{key:"cd491eef36d00660976120510449e2d2f3e46781",width:"20",height:"20"})))),a("div",{key:"80fcd6d80efd4f69cd8b0cec376ac105f45cb5a1",class:{"select-wrapper":true,language:true},part:"nls__language"},a("select-dropdown",{key:"578f4a7ddf488cac7eea767c4346167d7bb912ac",name:"language",options:n,ref:e=>this.languageRef=e,defaultSelectedOption:n.find((e=>e.value==this.selectedLanguage)),exportparts:"sd_dropdown: nls__language-dropdown, sd_dropdown-button: nls__language-drop-button, sd_dropdown-content: nls__language-drop-content, sd_dropdown_label: nls__language-drop-label"},a("span",{key:"e35c2a746e10701f434aaaa3194b4656fc525404",slot:"select-icon"},a("translate-icon",{key:"7981ceb4834167c19ba6655d558a9a3ae28e5829",width:"20",height:"20"}))))))}get host(){return l(this)}static get watchers(){return{themeConfig:["themeConfigChanged"],bookingInfo:["bookingInfoChangedHandler"]}}};f([r({name:"nylas-locale-switch",stateToProps:new Map([["scheduler.selectedLanguage","selectedLanguage"],["scheduler.selectedTimezone","selectedTimezone"],["scheduler.bookingInfo","bookingInfo"],["scheduler.themeConfig","themeConfig"]]),eventToProps:{timezoneChanged:async(e,n)=>{c("nylas-locale-switch","timezoneChanged",e.detail);n.scheduler.selectTimezone(e.detail)},languageChanged:async(e,n)=>{c("nylas-locale-switch","languageChanged",e.detail);n.scheduler.selectLanguage(e.detail)}},fireRegisterEvent:true}),y("design:type",Function),y("design:paramtypes",[]),y("design:returntype",void 0)],p.prototype,"render",null);p.style=i;export{p as nylas_locale_switch};
|
|
2
2
|
//# sourceMappingURL=nylas-locale-switch.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as o,i as t,h as i,a as n}from"./index-3e0d6890.js";import{R as r}from"./register-component-
|
|
1
|
+
import{r as o,i as t,h as i,a as n}from"./index-3e0d6890.js";import{R as r}from"./register-component-8b5587d5.js";import"./utils-ac8fef1e.js";import"./utc-290d564f.js";const e=":host{font-family:'Arial', sans-serif;background:var(--nylas-color-primary-50);color:var(--nylas-color-primary-800);margin:0;display:contents}input{box-sizing:border-box}.login-container{display:flex;justify-content:center;align-items:center;height:100%}.login-box{width:300px;padding:20px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);border-radius:var(--nylas-border-radius-2x);background:var(--nylas-color-primary-50);text-align:center}.login-box h1{margin-top:0;margin-bottom:0.5em}.login-box p{margin-bottom:1em}.login-methods button{display:block;width:100%;padding:10px 10px 10px 50px;margin-bottom:10px;border:none;border-radius:var(--nylas-border-radius);border:1px solid var(--nylas-color-primary-300);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-600);cursor:pointer;transition:background 0.3s ease;position:relative;text-align:left}.login-methods button svg{position:absolute;left:16px;top:50%;transform:translateY(-50%)}.login-methods button:hover{background:var(--nylas-color-primary-200);}.login-form label{display:block;margin-bottom:5px;text-align:left}.login-form input{width:100%;padding:10px;margin-bottom:10px;border:1px solid var(--nylas-color-primary-200);border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-800);}.login-form button{width:100%;padding:10px;border:none;border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-500);color:var(--nylas-color-primary-50);cursor:pointer;transition:background 0.3s ease}.login-form button:hover{background:var(--nylas-color-primary-600);}";var a=undefined&&undefined.__decorate||function(o,t,i,n){var r=arguments.length,e=r<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,i):n,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")e=Reflect.decorate(o,t,i,n);else for(var s=o.length-1;s>=0;s--)if(a=o[s])e=(r<3?a(e):r>3?a(t,i,e):a(t,i))||e;return r>3&&e&&Object.defineProperty(t,i,e),e};var s=undefined&&undefined.__metadata||function(o,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(o,t)};const l=class{constructor(i){o(this,i);this.buttonClick=t(this,"buttonClick",7);this._handleLoginRedirect=async()=>{const o=await(this.nylasConnector?.auth.getHostedAuthRedirectURL(this.scopes));const t=this.buttonClick.emit({url:o});if(t.defaultPrevented){return}if(o){window.location.href=o}};this._onGoogleButtonClick=async o=>{o.preventDefault();const t=await(this.nylasConnector?.auth.getHostedAuthRedirectURL(this.scopes,undefined,"google"));if(t){window.location.href=t}};this._onMicrosoftButtonClick=async o=>{o.preventDefault();const t=await(this.nylasConnector?.auth.getHostedAuthRedirectURL(this.scopes,undefined,"microsoft"));if(t){window.location.href=t}};this._onFormSubmit=async o=>{o.preventDefault();const t=await(this.nylasConnector?.auth.getHostedAuthRedirectURL(this.scopes,this.email));if(t){window.location.href=t}};this.isAuthenticated=false;this.nylasConnector=undefined;this.scopes=undefined;this.loginMethod="redirect";this.companyName="Nylas";this.logoUrl="https://www.nylas.com/wp-content/uploads/main-logo.svg";this.logoWidth="min-content";this.providers="google,microsoft";this.buttonText="Login";this.email=""}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}async componentDidLoad(){const o=await(this.nylasConnector?.auth.manageHostedAuthCodeExchange(window.location.href));if(o){window.history.replaceState({},document.title,window.location.pathname)}}render(){const o=this.providers?.split(",")||[];return i(n,{key:"27d4a3f463e79c5d471cb6bd487bb1e5ed79f736"},this.loginMethod==="redirect"&&i("div",{class:"redirect-container"},!this.isAuthenticated&&i("button",{part:"button",onClick:this._handleLoginRedirect},this.buttonText)),this.loginMethod==="emebded"&&i("main",{class:"login-container"},i("section",{class:"login-box"},i("header",null,i("img",{src:this.logoUrl,alt:`${this.companyName} logo`,width:"100%",style:{minWidth:this.logoWidth}}),i("h1",null,"Welcome")),i("p",null,"Log in to your account to continue to ",this.companyName),i("div",{class:"login-methods"},o.includes("google")&&i("button",{class:"login-google",onClick:this._onGoogleButtonClick},i("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"18",height:"18",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 256 262"},i("path",{fill:"#4285F4",d:"M255.6 131.6c0-8.2-.8-16.2-2.2-23.9H130v45.3h70.3c-3 16.1-12.4 29.7-26.3 38.9v32.4h42.6c25-23 39.4-56.7 39.4-97.7z"}),i("path",{fill:"#34A853",d:"M130 262c35.3 0 64.9-11.7 86.5-31.7l-42.6-32.4c-11.7 7.9-26.7 12.6-43.9 12.6-33.7 0-62.3-22.7-72.5-53.4H14.5v33.3A130.3 130.3 0 00130 262z"}),i("path",{fill:"#FBBC05",d:"M57.5 158.1a72.7 72.7 0 010-54.2V70.6H14.5a130.4 130.4 0 000 120.8l43-33.3z"}),i("path",{fill:"#EA4335",d:"M130 51.6c19 0 36 6.5 49.4 19.2l37-36C195 13.1 165.2 0 130 0A130.3 130.3 0 0014.5 70.6l43 33.3c10.2-30.7 38.8-53.3 72.5-53.3z"})),"Continue with Google"),o.includes("microsoft")&&i("button",{class:"login-microsoft",onClick:this._onMicrosoftButtonClick},i("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"18",height:"18",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 448 512"},i("path",{fill:"#F3F3F3",d:"M0 32v192h192V32H0zm256 0v192h192V32H256zm192 256v192h-192V288h192zM0 224v192h192V224H0z"})),"Continue with Microsoft")),i("form",{class:"login-form",method:"POST",onSubmit:this._onFormSubmit},i("label",{htmlFor:"email"},"Email"),i("input",{type:"email",id:"email",name:"email",required:true,value:this.email}),i("button",{type:"submit"},"Next")))))}};a([r({name:"nylas-login",connectorToProp:"nylasConnector",stateToProps:new Map([["auth.isAuthenticated","isAuthenticated"]]),fireRegisterEvent:true}),s("design:type",Function),s("design:paramtypes",[]),s("design:returntype",void 0)],l.prototype,"render",null);l.style=e;export{l as nylas_login};
|
|
2
2
|
//# sourceMappingURL=nylas-login.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,i as n,h as o,a as l,e as a}from"./index-3e0d6890.js";import{R as t}from"./register-component-
|
|
1
|
+
import{r as e,i as n,h as o,a as l,e as a}from"./index-3e0d6890.js";import{R as t}from"./register-component-8b5587d5.js";import{a as s,i as r}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const i=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-min-booking-notice{display:flex;justify-content:space-between;font-family:var(--nylas-font-family)}@media screen and (max-width: 768px){.nylas-min-booking-notice{flex-direction:column;gap:0.5rem}}.nylas-min-booking-notice label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-min-booking-notice label span.label-icon{margin-left:4px}.nylas-min-booking-notice label span.label-icon tooltip-component{display:flex}select-dropdown::part(sd_dropdown-button){border:none}';var c=undefined&&undefined.__decorate||function(e,n,o,l){var a=arguments.length,t=a<3?n:l===null?l=Object.getOwnPropertyDescriptor(n,o):l,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")t=Reflect.decorate(e,n,o,l);else for(var r=e.length-1;r>=0;r--)if(s=e[r])t=(a<3?s(t):a>3?s(n,o,t):s(n,o))||t;return a>3&&t&&Object.defineProperty(n,o,t),t};var d=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const f=class{constructor(o){e(this,o);this.valueChanged=n(this,"valueChanged",7);if(o.$hostElement$["s-ei"]){this.internals=o.$hostElement$["s-ei"]}else{this.internals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.name="min-booking-notice";this.minBookingNotice=undefined;this.selectedLanguage=undefined;this.selectedNumber=undefined;this.selectedPeriod=undefined}elementNameChangedHandler(e){s("nylas-min-booking-notice","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){const n=typeof e?.scheduler?.min_booking_notice!=="undefined"?e?.scheduler?.min_booking_notice:this.minBookingNotice||1;this.updateNumberAndPeriodFromMinutes(n);if(typeof this.internals.setFormValue!=="function"){return}this.internals.setFormValue(n?.toString(),this.name)}selectedLanguageChangedHandler(e,n){if(e===n)return;r.changeLanguage(e)}connectedCallback(){s("nylas-min-booking-notice","connectedCallback")}componentWillLoad(){s("nylas-min-booking-notice","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-min-booking-notice","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.updateNumberAndPeriodFromMinutes(this.minBookingNotice||1)}}disconnectedCallback(){s("nylas-min-booking-notice","disconnectedCallback")}timePeriodChangedHandler(e){const{number:n,period:o}=e.detail;let l;const a=60;const t=a*24;const s=t*7;const r=t*30;if(o==="minute"){l=n}else if(o==="hour"){l=n*a}else if(o==="day"){l=n*t}else if(o==="week"){l=n*s}else if(o==="month"){l=n*r}else{l=0}this.valueChanged.emit({value:l,name:this.name});if(typeof this.internals.setFormValue!=="function"){return}this.internals.setFormValue(l.toString(),this.name)}updateNumberAndPeriodFromMinutes(e){const n=60;const o=n*24;const l=o*7;const a=o*30;let t,s;if(e===0){t=0;s="minute"}else if(e>=a&&e%a===0){t=Math.floor(e/a);s="month"}else if(e>=l&&e%l===0){t=Math.floor(e/l);s="week"}else if(e>=o&&e%o===0){t=Math.floor(e/o);s="day"}else if(e>=n&&e%n===0){t=Math.floor(e/n);s="hour"}else{t=e;s="minute"}this.selectedNumber=t;this.selectedPeriod=s}render(){const e=typeof this.selectedNumber=="number"&&typeof this.selectedPeriod=="string";return o(l,{key:"52e3c6a60e6e51f7b7dceaf3b8e7bd7950704c39"},o("div",{key:"a44cef1ebe9ce29caedea0152a49be27a7e5fa0e",class:"nylas-min-booking-notice",part:"nmbn"},o("label",{key:"f19a1a52c876c98bd3150256a584313fac30ca89"},r.t("nylasMinBookingNotice.headerTitle"),o("span",{key:"201d2c7dea25a8d19619205611e26c7f2788676f",class:"label-icon"},o("tooltip-component",{key:"2ce551d34d26502a60807807040213b7fee69948"},o("info-icon",{key:"254229ae26ae23c74ac2e6099c40bb3354bd20bd",slot:"tooltip-icon"}),o("span",{key:"9c13480c1d05564dd18142eaf01f593d354da709",slot:"tooltip-content"},r.t("nylasMinBookingNotice.tooltip.desc"))))),e&&o("time-period-selector",{id:"min-booking-notice",exportparts:"tps__number-dropdown: nmbn__number-dropdown, tps__number-dropdown-button: nmbn__number-dropdown-button, tps__number-dropdown-content: nmbn__number-dropdown-content, tps__period-dropdown: nmbn__period-dropdown, tps__period-dropdown-button: nmbn__period-dropdown-button, tps__period-dropdown-content: nmbn__period-dropdown-content",timePeriods:[{value:"minute",label:r.t("timeDuration",{context:"minute"})},{value:"hour",label:r.t("timeDuration",{context:"hour"})},{value:"day",label:r.t("timePeriod",{context:"day"})},{value:"week",label:r.t("timePeriod",{context:"week"})}],defaultSelectedNumber:this.selectedNumber,defaultSelectedPeriod:this.selectedPeriod})))}static get formAssociated(){return true}get host(){return a(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};c([t({name:"nylas-min-booking-notice",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{},fireRegisterEvent:true}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],f.prototype,"render",null);f.style=i;export{f as nylas_min_booking_notice};
|
|
2
2
|
//# sourceMappingURL=nylas-min-booking-notice.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,i as n,h as o,a as l,e as a}from"./index-3e0d6890.js";import{R as t}from"./register-component-
|
|
1
|
+
import{r as e,i as n,h as o,a as l,e as a}from"./index-3e0d6890.js";import{R as t}from"./register-component-8b5587d5.js";import{a as s,i as c}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const r=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-min-cancellation-notice{display:flex;justify-content:space-between;font-family:var(--nylas-font-family)}@media screen and (max-width: 768px){.nylas-min-cancellation-notice{flex-direction:column;gap:0.5rem}}.nylas-min-cancellation-notice label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-min-cancellation-notice label span.label-icon{margin-left:4px}.nylas-min-cancellation-notice label span.label-icon tooltip-component{display:flex}select-dropdown::part(sd_dropdown-button){border:none}';var i=undefined&&undefined.__decorate||function(e,n,o,l){var a=arguments.length,t=a<3?n:l===null?l=Object.getOwnPropertyDescriptor(n,o):l,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")t=Reflect.decorate(e,n,o,l);else for(var c=e.length-1;c>=0;c--)if(s=e[c])t=(a<3?s(t):a>3?s(n,o,t):s(n,o))||t;return a>3&&t&&Object.defineProperty(n,o,t),t};var d=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const f=class{constructor(o){e(this,o);this.valueChanged=n(this,"valueChanged",7);if(o.$hostElement$["s-ei"]){this.internals=o.$hostElement$["s-ei"]}else{this.internals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.name="min-cancellation-notice";this.minCancellationNotice=undefined;this.selectedLanguage=undefined;this.selectedNumber=undefined;this.selectedPeriod=undefined}elementNameChangedHandler(e){s("nylas-min-cancellation-notice","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){const n=typeof e?.scheduler?.min_cancellation_notice!=="undefined"?e?.scheduler?.min_cancellation_notice:this.minCancellationNotice||0;if(typeof n==="number"){this.updateNumberAndPeriodFromMinutes(n)}if(typeof this.internals.setFormValue!=="function"){return}this.internals.setFormValue(n?.toString(),this.name)}selectedLanguageChangedHandler(e,n){if(e===n)return;c.changeLanguage(e)}connectedCallback(){s("nylas-min-cancellation-notice","connectedCallback")}componentWillLoad(){s("nylas-min-cancellation-notice","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){s("nylas-min-cancellation-notice","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.updateNumberAndPeriodFromMinutes(this.minCancellationNotice||0)}}disconnectedCallback(){s("nylas-min-cancellation-notice","disconnectedCallback")}timePeriodChangedHandler(e){const{number:n,period:o}=e.detail;let l;const a=60;const t=a*24;const s=t*7;const c=t*30;if(o==="minute"){l=n}else if(o==="hour"){l=n*a}else if(o==="day"){l=n*t}else if(o==="week"){l=n*s}else if(o==="month"){l=n*c}else{l=0}this.valueChanged.emit({value:l,name:this.name});if(typeof this.internals.setFormValue!=="function"){return}this.internals.setFormValue(l.toString(),this.name)}updateNumberAndPeriodFromMinutes(e){const n=60;const o=n*24;const l=o*7;const a=o*30;let t,s;if(e===0){t=0;s="minute"}else if(e%a===0&&e>=a){t=e/a;s="month"}else if(e%l===0&&e>=l){t=e/l;s="week"}else if(e%o===0&&e>=o){t=e/o;s="day"}else if(e%n===0&&e>=n){t=e/n;s="hour"}else{t=e;s="minute"}this.selectedNumber=t;this.selectedPeriod=s}render(){const e=typeof this.selectedNumber=="number"&&typeof this.selectedPeriod=="string";return o(l,{key:"9c61e75a024cf54b79edc5d3e50b63a456a404ab"},o("div",{key:"22af2defca23cee4868a17c06da840ebe4c4c2e6",class:"nylas-min-cancellation-notice",part:"nmcn"},o("label",{key:"ab5cc0690cc11b710e04643e1016e6c693616c54"},c.t("nylasMinCancellationNotice.headerTitle"),o("span",{key:"f2cea42274657450623148a62ef2fd20194678bd",class:"label-icon"},o("tooltip-component",{key:"c8cb411792f7cb5086b87b0b04a9c4b0bde1a523"},o("info-icon",{key:"981a379d2018e4f571901e36f44b2b34e247d0d3",slot:"tooltip-icon"}),o("span",{key:"235e804d3431a0a5b974c4022441f9791ffcfe54",slot:"tooltip-content"},c.t("nylasMinCancellationNotice.tooltip.desc"))))),e&&o("time-period-selector",{id:"min-cancellation-notice",exportparts:"tps__number-dropdown: nmcn__number-dropdown, tps__number-dropdown-button: nmcn__number-dropdown-button, tps__number-dropdown-content: nmcn__number-dropdown-content, tps__period-dropdown: nmcn__period-dropdown, tps__period-dropdown-button: nmcn__period-dropdown-button, tps__period-dropdown-content: nmcn__period-dropdown-content",timePeriods:[{value:"minute",label:c.t("timeDuration",{context:"minute"})},{value:"hour",label:c.t("timeDuration",{context:"hour"})},{value:"day",label:c.t("timePeriod",{context:"day"})},{value:"week",label:c.t("timePeriod",{context:"week"})}],defaultSelectedNumber:this.selectedNumber,defaultSelectedPeriod:this.selectedPeriod})))}static get formAssociated(){return true}get host(){return a(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};i([t({name:"nylas-min-cancellation-notice",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{},fireRegisterEvent:true}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],f.prototype,"render",null);f.style=r;export{f as nylas_min_cancellation_notice};
|
|
2
2
|
//# sourceMappingURL=nylas-min-cancellation-notice.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as o,h as s,a as n,F as a,e}from"./index-3e0d6890.js";import{a as l}from"./utils-
|
|
1
|
+
import{r as o,h as s,a as n,F as a,e}from"./index-3e0d6890.js";import{a as l}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const r=':host{display:block;margin-bottom:-12px;width:100%;z-index:1;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.notif{display:flex;padding:17px;align-items:flex-start;justify-content:space-between;gap:16px;border-radius:var(--nylas-border-radius-2x);border:1.5px solid var(--nylas-error);background:var(--nylas-base-0)}@media screen and (max-width: 768px){.notif{width:auto}}.notif .content{display:flex;flex-direction:row;gap:8px}.notif .content .message{font-size:14px;font-weight:400;color:var(--nylas-base-800)}.notif .content .message .title{font-size:16px;font-weight:600;color:var(--nylas-base-950);display:block}.notif .content .message .description{font-size:14px;font-weight:400;color:var(--nylas-base-800);display:block}.notif .content .icon.error{color:var(--nylas-error)}.notif.error{border-color:var(--nylas-error);background:rgb(255, 248, 248)}.notif.warning{border-color:var(--nylas-warning)}.notif.info{border-color:var(--nylas-info)}.notif.success{border-color:var(--nylas-success)}.notif .dismiss-btn{background:none;border:none;color:var(--nylas-base-950);cursor:pointer}';const c=class{constructor(s){o(this,s);this.ttl=5e3;this.allowedCategories=["component","api","validation","invalid_session"];this.notifications=[]}onError(o){l(`[nylas-notification] Error: ${o.detail.notification.title}`);this.handleNotification(o)}onWarning(o){l(`[nylas-notification] Warning: ${o.detail.notification.title}`);this.handleNotification(o)}onInfo(o){l(`[nylas-notification] Info: ${o.detail.notification.title}`);this.handleNotification(o)}onSuccess(o){l(`[nylas-notification] Success: ${o.detail.notification.title}`);this.handleNotification(o)}isChildOf(o){let s=this.host.parentNode;while(s){if(s===o){return true}if(s instanceof ShadowRoot){s=s.host}else{s=s.parentNode}}return false}handleNotification(o){const s=o.detail.host;if(o.defaultPrevented){l(`[nylas-notification] Event default prevented`);return}if(s&&!this.isChildOf(s)){l(`[nylas-notification] Host not a parent`);return}if(this.ttl===0){l(`[nylas-notification] TTL is 0`);return}if(this.allowedCategories.length>0&&!this.allowedCategories.includes(o.detail.notification.category)){l(`[nylas-notification] Category not allowed`);return}this.notifications=[...this.notifications,{...o.detail.notification}];if(o.detail.notification.ttl!=="none"){const s=o.detail.notification.ttl?o.detail.notification.ttl:this.ttl;window.setTimeout((()=>{this.notifications=this.notifications.filter((s=>s.id!==o.detail.notification.id))}),s)}}dismissNotification(o){this.notifications=this.notifications.filter((s=>s.id!==o))}render(){return s(n,{key:"14bd95afa19f56ee11c7fd0da40569ce7db03b8b"},s(a,{key:"7d235408e948e21554c9438b578c9f8dc6cbc00e"},this.notifications.map((o=>s("div",{class:`notif ${o.type}`,key:o.id},s("div",{class:"content"},s("span",{class:`icon ${o.type}`},(o.type==="error"||o.type==="warning")&&s("warning-icon",null)),s("span",{class:"message"},s("span",{class:"title"},o.title),o.description&&s("span",{class:"description"},o.description))),s("button",{class:"dismiss-btn",onClick:()=>this.dismissNotification(o.id)},s("close-icon",null))))),s("slot",{key:"fda76c22b0e752e2c6bcd84bc8d92d8f8e94ce88"})))}get host(){return e(this)}};c.style=r;export{c as nylas_notification};
|
|
2
2
|
//# sourceMappingURL=nylas-notification.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,i as o,h as n,a,e as r}from"./index-3e0d6890.js";import{R as s}from"./register-component-
|
|
1
|
+
import{r as e,i as o,h as n,a,e as r}from"./index-3e0d6890.js";import{R as s}from"./register-component-8b5587d5.js";import{a as t,i as l}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const c=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.event-card-wrapper{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;margin-top:1rem;width:424px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.event-card-wrapper{width:100%;border-radius:0px}}.calendar-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200);color:var(--nylas-base-700)}.booked-event-header{margin:1.5rem 4rem;overflow-wrap:anywhere;display:flex;align-items:center;flex-direction:column;font-size:16px;font-weight:400}.booked-event-header h2{color:var(--nylas-base-600);margin-top:1.5rem;margin-bottom:0.25rem;font-size:1.125rem;font-weight:600}.manage-booking-description{border-top:1px solid var(--nylas-base-200)}.manage-booking-description p{font-size:16px;margin:1rem;padding:0.5rem 1rem;font-weight:400;color:var(--nylas-base-800)}.footer{padding:0.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.footer.no-template-cols{grid-template-columns:1fr}.footer.no-footer{display:none}sp-divider{background-color:var(--nylas-base-200);height:1px}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{--dot-color:var(--nylas-base-700)}';var i=undefined&&undefined.__decorate||function(e,o,n,a){var r=arguments.length,s=r<3?o:a===null?a=Object.getOwnPropertyDescriptor(o,n):a,t;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,o,n,a);else for(var l=e.length-1;l>=0;l--)if(t=e[l])s=(r<3?t(s):r>3?t(o,n,s):t(o,n))||s;return r>3&&s&&Object.defineProperty(o,n,s),s};var d=undefined&&undefined.__metadata||function(e,o){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,o)};const f=class{constructor(n){e(this,n);this.rejectBookingButtonClicked=o(this,"rejectBookingButtonClicked",7);this.confirmBookingButtonClicked=o(this,"confirmBookingButtonClicked",7);this.confirmBookingError=o(this,"confirmBookingError",7);this.handleConfirmBookingButtonClicked=()=>{this.action="confirm";const e=e=>{this.confirmBookingError.emit(e)};if(this.organizerConfirmationBookingId&&!this.isLoading){this.confirmBookingButtonClicked.emit({bookingId:this.organizerConfirmationBookingId,host:this.host,errorHandler:e})}};this.handleRejectBookingButtonClicked=()=>{this.action="reject";if(this.organizerConfirmationBookingId&&!this.isLoading){this.rejectBookingButtonClicked.emit({bookingId:this.organizerConfirmationBookingId,host:this.host})}};this.configSettings=undefined;this.isLoading=undefined;this.themeConfig=undefined;this.organizerConfirmationBookingId=undefined;this.selectedLanguage=navigator.language;this.action=null}themeConfigChanged(e){this.applyThemeConfig(e)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){t(`[nylas-organizer-confirmation-card] Component will load`)}async componentDidLoad(){t(`[nylas-organizer-confirmation-card] Component did load`);this.applyThemeConfig(this.themeConfig)}applyThemeConfig(e){if(e){for(const[o,n]of Object.entries(e)){this.host.style.setProperty(`${o}`,n)}}}async resetAction(){this.action=null}render(){return n(a,{key:"222871895768a9e8125bf2c7332200e65872b475",part:"nmcc"},n("div",{key:"4838e6be84dab176c13230870f3d0094f1054da9",class:"event-card-wrapper",part:"nmccc__card"},n("div",{key:"004ce2abb9cc4654dd4278e6c7002b34b7346968",class:"calendar-icon"},n("calendar-check-icon",{key:"6202df706f78fcd592738a33b1e052e94f88d6ff"})),n("div",{key:"5a1f583617511c35a29fa65f026820996941b707",class:"booked-event-header"},n("h2",{key:"62b88591f4432538d3c57fa6af4142f0cd2c997f",slot:"card-title",part:"nmcc__title"},!!this.organizerConfirmationBookingId&&`${l.t("bookingPendingTitle")}!`)),n("div",{key:"838b6df023be444c1b1ce1dfc7df21cab18756e1",class:"manage-booking-description"},n("p",{key:"dc119292e92c4565fb84939284fb57f1fb2ec1f6"},l.t("bookingPendingnDescription"))),n("div",{key:"31cadc6bfc0ae9f0adf93d159cff2261631e2281",class:{footer:true,"no-footer":!!this.configSettings?.scheduler?.hide_cancellation_options&&!!this.configSettings?.scheduler?.hide_rescheduling_options,"no-template-cols":!!this.configSettings?.scheduler?.hide_cancellation_options||!!this.configSettings?.scheduler?.hide_rescheduling_options}},!this.configSettings?.scheduler?.hide_cancellation_options&&n("button-component",{variant:"destructive",onClick:this.handleRejectBookingButtonClicked,isLoading:this.isLoading&&this.action==="reject",part:"nmcc__button-outline nmcc__cancel-cta"},`${l.t("rejectBookingButton")}`),!this.configSettings?.scheduler?.hide_rescheduling_options&&n("button-component",{variant:"basic",onClick:this.handleConfirmBookingButtonClicked,isLoading:this.isLoading&&this.action==="confirm",part:"nmcc__button-outline nmcc__reschedule-cta"},`${l.t("confirmBookingButton")}`))))}get host(){return r(this)}static get watchers(){return{themeConfig:["themeConfigChanged"]}}};i([s({name:"nylas-organizer-confirmation-card",stateToProps:new Map([["scheduler.organizerConfirmationBookingId","organizerConfirmationBookingId"],["scheduler.configSettings","configSettings"],["scheduler.isLoading","isLoading"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.themeConfig","themeConfig"]]),eventToProps:{rejectBookingButtonClicked:async(e,o)=>{o.scheduler.setReject(e.detail.bookingId)},confirmBookingButtonClicked:async(e,o)=>{const{host:n}=e.detail;const a=await o.scheduler.updateBooking({bookingId:e.detail.bookingId,status:"confirmed"});const{errorHandler:r}=e.detail;if(r&&(!a||"error"in a)){r(a)}await n.resetAction()}},fireRegisterEvent:true}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],f.prototype,"render",null);f.style=c;export{f as nylas_organizer_confirmation_card};
|
|
2
2
|
//# sourceMappingURL=nylas-organizer-confirmation-card.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,i as a,h as n,a as r,e as l}from"./index-3e0d6890.js";import{R as s}from"./register-component-3d439a88.js";import{a as o,i as t}from"./utils-3fdf2c83.js";import"./utc-290d564f.js";const i=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-page-name{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.nylas-page-name .header{padding:1rem;display:grid;grid-template-columns:1fr auto}.nylas-page-name .header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-page-name .header p{display:flex;gap:4px;align-items:center;margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-page-name .header p .required-asterisk{color:var(--nylas-error)}.nylas-page-name .header .drawer-toggle{display:flex;gap:24px;align-items:center}.nylas-page-name .header .drawer-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-page-name .header .drawer-toggle .chevron:hover,.nylas-page-name .header .drawer-toggle .chevron:active{color:var(--nylas-primary)}.nylas-page-name .header .drawer-toggle .chevron.open{transform:rotate(90deg)}.nylas-page-name .header .drawer-toggle .chevron.closed{transform:rotate(270deg)}.nylas-page-name .header .drawer-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-page-name .header .drawer-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.nylas-page-name .nylas-page-name__body{display:grid;grid-template-columns:1fr;background-color:var(--nylas-base-25);border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x);border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){.nylas-page-name .nylas-page-name__body{grid-template-columns:1fr}}.nylas-page-name .nylas-page-name__body .nylas-page-name__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}@media screen and (max-width: 768px){.nylas-page-name .nylas-page-name__body .nylas-page-name__section{border:none}}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row{display:flex;align-items:center;gap:1rem}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row label{display:flex;align-items:center}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row label span.required{color:var(--nylas-error, #cc4841)}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row p{margin:0.25rem 0 0 0;font-size:16px;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row .input-container{width:100%}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row .input-container span.error-message{color:var(--nylas-error)}.nylas-page-name .nylas-page-name__input-wrapper{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;width:-moz-available;width:-webkit-fill-available;display:flex;flex-direction:row;gap:0.125rem;border-radius:var(--nylas-border-radius-2x);z-index:1}.nylas-page-name .nylas-page-name__input-wrapper:focus{outline-color:var(--nylas-primary)}.nylas-page-name .nylas-page-name__input-wrapper.error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}.nylas-page-name .nylas-page-name__input-wrapper.error::placeholder{font-weight:400}.nylas-page-name .nylas-page-name__input-wrapper::placeholder{color:var(--nylas-base-300)}.nylas-page-name .nylas-page-name__input-wrapper.error{border:1px solid var(--nylas-error)}.nylas-page-name .nylas-page-name__input-wrapper input-component::part(ic__input){outline:none;border:none;width:100%;font-size:16px;height:auto;padding-left:0px}';var d=undefined&&undefined.__decorate||function(e,a,n,r){var l=arguments.length,s=l<3?a:r===null?r=Object.getOwnPropertyDescriptor(a,n):r,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,a,n,r);else for(var t=e.length-1;t>=0;t--)if(o=e[t])s=(l<3?o(s):l>3?o(a,n,s):o(a,n))||s;return l>3&&s&&Object.defineProperty(a,n,s),s};var c=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const y=class{constructor(n){e(this,n);this.valueChanged=a(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.name="page-name";this.pageName=undefined;this.showToggle=true;this.isOpen=true;this.required=false;this.selectedLanguage=undefined;this.requirePageName=false;this.currentPageName=undefined;this.pageNameErrorMessage=undefined}connectedCallback(){o("nylas-page-name","connectedCallback")}disconnectedCallback(){o("nylas-page-name","disconnectedCallback")}componentWillLoad(){o("nylas-page-name","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){o("nylas-page-name","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.currentPageName=this.pageName??""}this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(this.currentPageName),this.name)}componentWillUpdate(){o("nylas-page-name","componentWillUpdate")}componentDidUpdate(){o("nylas-page-name","componentDidUpdate")}componentWillRender(){o("nylas-page-name","componentWillRender")}componentDidRender(){o("nylas-page-name","componentDidRender")}elementNameChangedHandler(e){o("nylas-page-name","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){o("nylas-custom-booking-flow","selectedConfigurationChangedHandler",e);this.currentPageName=e?.name??this.pageName??"";this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(this.currentPageName),this.name)}selectedLanguageChangedHandler(e,a){if(e===a)return;t.changeLanguage(e)}get isInternalsAvailable(){return this.internals!==undefined&&typeof this.internals.setFormValue==="function"&&typeof this.internals.setValidity==="function"}async nylasFormInputChangeHandler(e){const{name:a,value:n}=e.detail;if(!n&&this.requirePageName){this.isInternalsAvailable&&this.internals.setValidity({customError:true},t.t("nylasPageName.pageNameError"));this.pageNameErrorMessage=t.t("nylasPageName.pageNameError");return}else{this.isInternalsAvailable&&this.internals.setValidity({customError:false});this.pageNameErrorMessage=""}if(a==="page-name"){this.currentPageName=n;this.internals.setFormValue(JSON.stringify(n),this.name);this.valueChanged.emit({value:JSON.stringify(n),name:this.name})}}toggleDrawer(){this.isOpen=!this.isOpen}render(){const e=typeof this.currentPageName!=="undefined";return n(r,{key:"35c5dc589e164193e2536b570b2e62924ca44ae3"},n("div",{key:"d6f7b0884f5a3b59beeb842874109b72e3f796d8",class:"nylas-page-name",part:"nces"},n("div",{key:"5404b4d686502ff4bc6896fdd34ed51e0a24188a",class:"header",part:"nces__header"},n("div",{key:"175c6481577f569033d593715520bdd4853f5ea1"},n("h3",{key:"4a86a38b25c2757a65ccbaa9d2a391e9b74e3c4e"},t.t("nylasPageName.headerTitle")),n("p",{key:"c9c1d724da748f89aa385c978e1e0f20b1800a0e"},t.t("nylasPageName.headerSubTitle"),n("tooltip-component",{key:"23e3abc7bdb0fb53a7ef69ed84f5510874b47897"},n("info-icon",{key:"17f7edc423536652a9bd11c1c4d02aee01b33088",slot:"tooltip-icon"}),n("span",{key:"74f1d088c3d666123047d7d915f1f105446dff6e",slot:"tooltip-content"},t.t("nylasPageName.tooltip.desc"))),this.requirePageName&&n("span",{class:"required-asterisk"},"*"))),this.showToggle&&n("div",{class:"drawer-toggle",part:"nces__drawer-toggle--container"},n("span",{class:`chevron ${this.isOpen?"open":"closed"} `,onClick:()=>this.toggleDrawer()},n("chevron-icon",{width:"24",height:"24"})))),this.isOpen&&n("div",{class:"nylas-page-name__body",part:"nces__body"},n("div",{class:"nylas-page-name__section"},n("div",{class:"nylas-page-name__row"},n("div",{class:"input-container"},n("div",{class:{"nylas-page-name__input-wrapper":true,error:!!this.pageNameErrorMessage}},e&&n("input-component",{name:"page-name",id:"page-name",type:"text",required:false,exportparts:"ic_input: npn__input-textfield",defaultValue:this.currentPageName??""})),this.pageNameErrorMessage&&n("span",{class:"error-message"},this.pageNameErrorMessage)))))))}static get formAssociated(){return true}get host(){return l(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};d([s({name:"nylas-page-name",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{valueChanged:async(e,a)=>{const{valueChanged:n}=e.detail;if(n){n(e)}}},fireRegisterEvent:true}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],y.prototype,"render",null);y.style=i;export{y as nylas_page_name};
|
|
1
|
+
import{r as e,i as a,h as n,a as r,e as l}from"./index-3e0d6890.js";import{R as s}from"./register-component-8b5587d5.js";import{a as o,i as t}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const i=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-page-name{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.nylas-page-name .header{padding:1rem;display:grid;grid-template-columns:1fr auto}.nylas-page-name .header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-page-name .header p{display:flex;gap:4px;align-items:center;margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-page-name .header p .required-asterisk{color:var(--nylas-error)}.nylas-page-name .header .drawer-toggle{display:flex;gap:24px;align-items:center}.nylas-page-name .header .drawer-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-page-name .header .drawer-toggle .chevron:hover,.nylas-page-name .header .drawer-toggle .chevron:active{color:var(--nylas-primary)}.nylas-page-name .header .drawer-toggle .chevron.open{transform:rotate(90deg)}.nylas-page-name .header .drawer-toggle .chevron.closed{transform:rotate(270deg)}.nylas-page-name .header .drawer-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-page-name .header .drawer-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.nylas-page-name .nylas-page-name__body{display:grid;grid-template-columns:1fr;background-color:var(--nylas-base-25);border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x);border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){.nylas-page-name .nylas-page-name__body{grid-template-columns:1fr}}.nylas-page-name .nylas-page-name__body .nylas-page-name__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}@media screen and (max-width: 768px){.nylas-page-name .nylas-page-name__body .nylas-page-name__section{border:none}}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row{display:flex;align-items:center;gap:1rem}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row label{display:flex;align-items:center}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row label span.required{color:var(--nylas-error, #cc4841)}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row p{margin:0.25rem 0 0 0;font-size:16px;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row .input-container{width:100%}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row .input-container span.error-message{color:var(--nylas-error)}.nylas-page-name .nylas-page-name__input-wrapper{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;width:-moz-available;width:-webkit-fill-available;display:flex;flex-direction:row;gap:0.125rem;border-radius:var(--nylas-border-radius-2x);z-index:1}.nylas-page-name .nylas-page-name__input-wrapper:focus{outline-color:var(--nylas-primary)}.nylas-page-name .nylas-page-name__input-wrapper.error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}.nylas-page-name .nylas-page-name__input-wrapper.error::placeholder{font-weight:400}.nylas-page-name .nylas-page-name__input-wrapper::placeholder{color:var(--nylas-base-300)}.nylas-page-name .nylas-page-name__input-wrapper.error{border:1px solid var(--nylas-error)}.nylas-page-name .nylas-page-name__input-wrapper input-component::part(ic__input){outline:none;border:none;width:100%;font-size:16px;height:auto;padding-left:0px}';var d=undefined&&undefined.__decorate||function(e,a,n,r){var l=arguments.length,s=l<3?a:r===null?r=Object.getOwnPropertyDescriptor(a,n):r,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,a,n,r);else for(var t=e.length-1;t>=0;t--)if(o=e[t])s=(l<3?o(s):l>3?o(a,n,s):o(a,n))||s;return l>3&&s&&Object.defineProperty(a,n,s),s};var c=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const y=class{constructor(n){e(this,n);this.valueChanged=a(this,"valueChanged",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.name="page-name";this.pageName=undefined;this.showToggle=true;this.isOpen=true;this.required=false;this.selectedLanguage=undefined;this.requirePageName=false;this.currentPageName=undefined;this.pageNameErrorMessage=undefined}connectedCallback(){o("nylas-page-name","connectedCallback")}disconnectedCallback(){o("nylas-page-name","disconnectedCallback")}componentWillLoad(){o("nylas-page-name","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){o("nylas-page-name","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}else{this.currentPageName=this.pageName??""}this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(this.currentPageName),this.name)}componentWillUpdate(){o("nylas-page-name","componentWillUpdate")}componentDidUpdate(){o("nylas-page-name","componentDidUpdate")}componentWillRender(){o("nylas-page-name","componentWillRender")}componentDidRender(){o("nylas-page-name","componentDidRender")}elementNameChangedHandler(e){o("nylas-page-name","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedConfigurationChangedHandler(e){o("nylas-custom-booking-flow","selectedConfigurationChangedHandler",e);this.currentPageName=e?.name??this.pageName??"";this.isInternalsAvailable&&this.internals.setFormValue(JSON.stringify(this.currentPageName),this.name)}selectedLanguageChangedHandler(e,a){if(e===a)return;t.changeLanguage(e)}get isInternalsAvailable(){return this.internals!==undefined&&typeof this.internals.setFormValue==="function"&&typeof this.internals.setValidity==="function"}async nylasFormInputChangeHandler(e){const{name:a,value:n}=e.detail;if(!n&&this.requirePageName){this.isInternalsAvailable&&this.internals.setValidity({customError:true},t.t("nylasPageName.pageNameError"));this.pageNameErrorMessage=t.t("nylasPageName.pageNameError");return}else{this.isInternalsAvailable&&this.internals.setValidity({customError:false});this.pageNameErrorMessage=""}if(a==="page-name"){this.currentPageName=n;this.internals.setFormValue(JSON.stringify(n),this.name);this.valueChanged.emit({value:JSON.stringify(n),name:this.name})}}toggleDrawer(){this.isOpen=!this.isOpen}render(){const e=typeof this.currentPageName!=="undefined";return n(r,{key:"35c5dc589e164193e2536b570b2e62924ca44ae3"},n("div",{key:"d6f7b0884f5a3b59beeb842874109b72e3f796d8",class:"nylas-page-name",part:"nces"},n("div",{key:"5404b4d686502ff4bc6896fdd34ed51e0a24188a",class:"header",part:"nces__header"},n("div",{key:"175c6481577f569033d593715520bdd4853f5ea1"},n("h3",{key:"4a86a38b25c2757a65ccbaa9d2a391e9b74e3c4e"},t.t("nylasPageName.headerTitle")),n("p",{key:"c9c1d724da748f89aa385c978e1e0f20b1800a0e"},t.t("nylasPageName.headerSubTitle"),n("tooltip-component",{key:"23e3abc7bdb0fb53a7ef69ed84f5510874b47897"},n("info-icon",{key:"17f7edc423536652a9bd11c1c4d02aee01b33088",slot:"tooltip-icon"}),n("span",{key:"74f1d088c3d666123047d7d915f1f105446dff6e",slot:"tooltip-content"},t.t("nylasPageName.tooltip.desc"))),this.requirePageName&&n("span",{class:"required-asterisk"},"*"))),this.showToggle&&n("div",{class:"drawer-toggle",part:"nces__drawer-toggle--container"},n("span",{class:`chevron ${this.isOpen?"open":"closed"} `,onClick:()=>this.toggleDrawer()},n("chevron-icon",{width:"24",height:"24"})))),this.isOpen&&n("div",{class:"nylas-page-name__body",part:"nces__body"},n("div",{class:"nylas-page-name__section"},n("div",{class:"nylas-page-name__row"},n("div",{class:"input-container"},n("div",{class:{"nylas-page-name__input-wrapper":true,error:!!this.pageNameErrorMessage}},e&&n("input-component",{name:"page-name",id:"page-name",type:"text",required:false,exportparts:"ic_input: npn__input-textfield",defaultValue:this.currentPageName??""})),this.pageNameErrorMessage&&n("span",{class:"error-message"},this.pageNameErrorMessage)))))))}static get formAssociated(){return true}get host(){return l(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"]}}};d([s({name:"nylas-page-name",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{valueChanged:async(e,a)=>{const{valueChanged:n}=e.detail;if(n){n(e)}}},fireRegisterEvent:true}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],y.prototype,"render",null);y.style=i;export{y as nylas_page_name};
|
|
2
2
|
//# sourceMappingURL=nylas-page-name.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,i as n,h as a,a as s,e as l}from"./index-3e0d6890.js";import{R as t}from"./register-component-3d439a88.js";import{a as o,i,l as r}from"./utils-3fdf2c83.js";import"./utc-290d564f.js";const y=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-page-styling{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.nylas-page-styling .hidden{display:none}.nylas-page-styling.no-border{border:none}.nylas-page-styling .header{padding:1rem;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--nylas-base-200)}.nylas-page-styling .header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-page-styling .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-page-styling .header .drawer-toggle{display:flex;gap:24px;align-items:center}.nylas-page-styling .header .drawer-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-page-styling .header .drawer-toggle .chevron:hover,.nylas-page-styling .header .drawer-toggle .chevron:active{color:var(--nylas-primary)}.nylas-page-styling .header .drawer-toggle .chevron.open{transform:rotate(90deg)}.nylas-page-styling .header .drawer-toggle .chevron.closed{transform:rotate(270deg)}.nylas-page-styling .header .drawer-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-page-styling .header .drawer-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.nylas-page-styling .nylas-page-styling__body{display:grid;grid-template-columns:1fr auto;background-color:var(--nylas-base-25);border-radius:0 0 var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.nylas-page-styling .nylas-page-styling__body{grid-template-columns:1fr}}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section.no-padding{padding:0}@media screen and (max-width: 768px){.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section{border:none}}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row{display:grid;grid-template-columns:1fr;align-items:center}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row label{display:flex;align-items:center}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row label span.required{color:var(--nylas-error, #cc4841)}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row label span.label-icon{margin-left:4px}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row label span.label-icon tooltip-component{display:flex}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row p{margin:0.25rem 0 0 0;font-size:16px;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection{display:flex;flex-direction:column;gap:1rem}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection.hide{display:none}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection .input-container,.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection>*{display:flex;flex-direction:column;column-gap:2rem;row-gap:0.25rem;width:100%;flex:1}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection .input-container textarea,.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection>* textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.nylas-page-styling .nylas-page-styling__body span.error-message{color:var(--nylas-error)}.nylas-page-styling .nylas-page-styling__body span.help-text{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}';var g=undefined&&undefined.__decorate||function(e,n,a,s){var l=arguments.length,t=l<3?n:s===null?s=Object.getOwnPropertyDescriptor(n,a):s,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")t=Reflect.decorate(e,n,a,s);else for(var i=e.length-1;i>=0;i--)if(o=e[i])t=(l<3?o(t):l>3?o(n,a,t):o(n,a))||t;return l>3&&t&&Object.defineProperty(n,a,t),t};var c=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const d=class{constructor(a){e(this,a);this.valueChanged=n(this,"valueChanged",7);this.bookingFormSubmitted=n(this,"bookingFormSubmitted",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.name="page-styling";this.appearance=undefined;this.isOpen=true;this.selectedLanguage=undefined;this.currentAppearance=undefined;this.customInputsSlot=null}connectedCallback(){o("nylas-page-styling","connectedCallback")}disconnectedCallback(){o("nylas-page-styling","disconnectedCallback")}componentWillLoad(){o("nylas-page-styling","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){o("nylas-page-styling","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}}componentWillUpdate(){o("nylas-page-styling","componentWillUpdate")}componentDidUpdate(){o("nylas-page-styling","componentDidUpdate")}componentWillRender(){o("nylas-page-styling","componentWillRender")}componentDidRender(){o("nylas-page-styling","componentDidRender")}elementNameChangedHandler(e){o("nylas-page-styling","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedLanguageChangedHandler(e,n){if(e===n)return;i.changeLanguage(e)}customInputsSlotChangedHandler(e){o("nylas-page-styling","customInputsSlotChangedHandler",e);const n=this.currentAppearance;function a(e){if(e.hasAttribute&&e.hasAttribute("name")){const a=e.getAttribute("name");if(n&&a&&a in n&&n[a]!==undefined){const s=e.getAttribute("component-type");e.setAttribute("data-page-styling","true");if(s==="checkbox"){e.setAttribute("checked",n[a])}else if(s==="radio-group"){e.setAttribute("default-selected-value",n[a])}else if(s==="color-picker"){e.setAttribute("default-selected-color",n[a])}else if(s==="select-dropdown"){const s=e.getAttribute("options");const l=s?JSON.parse(s).find((e=>e.value===n[a])):null;e.setAttribute("default-selected-option",JSON.stringify(l))}else if(s==="image-url"){e.setAttribute("image-url",n[a])}else{e.setAttribute("default-value",n[a])}}}e.childNodes.forEach((e=>{if(e.nodeType===Node.ELEMENT_NODE){a(e)}}))}if(e){a(e)}}cloneAndCopyProps(e){const n=e.cloneNode(false);const a=e.getAttribute("component-type");const s=e.getAttribute("name");if(e.options){const l=e.getAttribute("options");console.log("page-styling options",e,l);if(typeof l==="string"){try{const e=JSON.parse(l);n.options=e;if(a==="select-dropdown"&&s&&s in this.currentAppearance){const a=e.find((e=>e.value===this.currentAppearance[s]));n.setAttribute("default-selected-option",JSON.stringify(a))}}catch(e){console.error("Error parsing options",e)}}else{n.options=e.options}}if(e.value){n.value=e.value}e.childNodes.forEach((e=>{if(e.nodeType===Node.ELEMENT_NODE){const a=this.cloneAndCopyProps(e);n.appendChild(a)}else if(e.nodeType===Node.TEXT_NODE){n.appendChild(e.cloneNode(true))}}));return n}selectedConfigurationChangedHandler(e){o("nylas-page-styling","selectedConfigurationChangedHandler",e);this.currentAppearance=e?.appearance||{};const n=document.querySelector("nylas-scheduler-editor");const a=n?.shadowRoot?.querySelector('slot[name="custom-page-style-inputs"]');if(!a){return}const s=document.createElement("div");const l=a?.assignedElements({flatten:true});l?.forEach((e=>{const n=this.cloneAndCopyProps(e);this.customInputsSlotChangedHandler(n);s.appendChild(n)}));const t=this.host.shadowRoot?.querySelector(".nylas-page-styling");const i=t?.querySelector(".nylas-page-styling__body .subsection");if(i){i.innerHTML="";s.childNodes.forEach((e=>{i.appendChild(e)}));this.customInputsSlot=s}}checkIfElementIsInSlot(e){const n=document?.querySelector(`[slot="custom-page-style-inputs"] [name="${e}"]`);return n?true:false}async nylasFormInputChangeHandler(e){const{name:n,value:a}=e.detail;const s=e.detail?.type;if(!this.checkIfElementIsInSlot(n)){return}switch(n){case"submit_button_label":this.currentAppearance={...this.currentAppearance,submit_button_label:a};break;case"thank_you_message":if(s==="multi_line_text"){const n=r(e.detail.value);this.currentAppearance={...this.currentAppearance,thank_you_message:n}}break;default:this.currentAppearance={...this.currentAppearance,[n]:a};break}this.updateConfirmationFormValue()}nylasFormDropdownChangedHandler(e){o("nylas-page-styling","nylasFormDropdownChangedHandler",e.detail);const{value:n,name:a}=e.detail;if(!this.checkIfElementIsInSlot(a)){return}if(a==="color"){this.currentAppearance={...this.currentAppearance,color:n}}else{this.currentAppearance={...this.currentAppearance,[a]:n}}this.updateConfirmationFormValue()}valueChangedHandler(e){o("nylas-page-styling","valueChangedHandler",e.detail);const{value:n,name:a}=e.detail;if(!this.checkIfElementIsInSlot(a)){return}this.currentAppearance={...this.currentAppearance,[a]:n};this.updateConfirmationFormValue(false)}checkboxToggledHandler(e){const{checked:n,name:a}=e.detail;if(!this.checkIfElementIsInSlot(a)){return}this.currentAppearance={...this.currentAppearance,[a]:n};this.updateConfirmationFormValue()}radioChangedHandler(e){const{value:n,name:a}=e.detail;if(!this.checkIfElementIsInSlot(a)){return}this.currentAppearance={...this.currentAppearance,[a]:n};this.updateConfirmationFormValue()}updateConfirmationFormValue(e=true){o("nylas-page-styling","updateConfirmationFormValue");this.internals.setFormValue(JSON.stringify(this.currentAppearance),this.name);if(e){this.valueChanged.emit({value:JSON.stringify(this.currentAppearance),name:this.name})}}toggleConfirmationEmail(){this.isOpen=!this.isOpen}render(){return a(s,{key:"76e0ec0a8152058952eea7180878f2b54b7ffa04"},a("div",{key:"4dd3a2cfec007158f6123e3e5eadac4d9a9512f2",part:"nps",class:{"nylas-page-styling":true,"no-border":!this.customInputsSlot}},this.customInputsSlot?a("div",{class:"header",part:"nps__header"},a("div",null,a("h3",null,i.t("nylasPageStyling.headerTitle"))),a("div",{class:"drawer-toggle",part:"nps__drawer-toggle--container"},a("span",{class:`chevron ${this.isOpen?"open":"closed"} `,onClick:()=>this.toggleConfirmationEmail()},a("chevron-icon",{width:"24",height:"24"})))):null,a("div",{key:"b7f72ce8d070a0c4a1895a1c5fd025db9f050bb3",class:"hidden"},a("input-color-picker",{key:"7f70e926c095a5ecd7fa664379ecbbbb03cf02e5",name:"color-picker"})),a("div",{key:"7e5e882c77fec5669d196dc663f5158ca67f6f63",id:"nylas-page-styling__body",class:"nylas-page-styling__body",part:"nps__body"},a("div",{key:"6a5c0dd783b4d7e2f333713ec5754c3cb6bad726",class:{"nylas-page-styling__section":true,"no-padding":!this.customInputsSlot}},a("div",{key:"c3fdebaf7ddb9d8fc1a10c230038482fe80f80a1",class:"nylas-page-styling__row"},a("div",{key:"387481c71bc7564f4690ff8348fbaf5b456f1e67",class:{subsection:true,hide:!this.isOpen}}))))))}static get formAssociated(){return true}get host(){return l(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"]}}};g([t({name:"nylas-page-styling",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{valueChanged:async(e,n)=>{const{valueChanged:a}=e.detail;if(a){a(e)}}},fireRegisterEvent:true}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],d.prototype,"render",null);d.style=y;export{d as nylas_page_styling};
|
|
1
|
+
import{r as e,i as n,h as a,a as s,e as l}from"./index-3e0d6890.js";import{R as t}from"./register-component-8b5587d5.js";import{a as o,i,l as r}from"./utils-ac8fef1e.js";import"./utc-290d564f.js";const y=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-page-styling{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.nylas-page-styling .hidden{display:none}.nylas-page-styling.no-border{border:none}.nylas-page-styling .header{padding:1rem;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--nylas-base-200)}.nylas-page-styling .header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-page-styling .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-page-styling .header .drawer-toggle{display:flex;gap:24px;align-items:center}.nylas-page-styling .header .drawer-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-page-styling .header .drawer-toggle .chevron:hover,.nylas-page-styling .header .drawer-toggle .chevron:active{color:var(--nylas-primary)}.nylas-page-styling .header .drawer-toggle .chevron.open{transform:rotate(90deg)}.nylas-page-styling .header .drawer-toggle .chevron.closed{transform:rotate(270deg)}.nylas-page-styling .header .drawer-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-page-styling .header .drawer-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.nylas-page-styling .nylas-page-styling__body{display:grid;grid-template-columns:1fr auto;background-color:var(--nylas-base-25);border-radius:0 0 var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.nylas-page-styling .nylas-page-styling__body{grid-template-columns:1fr}}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section.no-padding{padding:0}@media screen and (max-width: 768px){.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section{border:none}}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row{display:grid;grid-template-columns:1fr;align-items:center}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row label{display:flex;align-items:center}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row label span.required{color:var(--nylas-error, #cc4841)}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row label span.label-icon{margin-left:4px}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row label span.label-icon tooltip-component{display:flex}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row p{margin:0.25rem 0 0 0;font-size:16px;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection{display:flex;flex-direction:column;gap:1rem}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection.hide{display:none}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection .input-container,.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection>*{display:flex;flex-direction:column;column-gap:2rem;row-gap:0.25rem;width:100%;flex:1}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection .input-container textarea,.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection>* textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.nylas-page-styling .nylas-page-styling__body span.error-message{color:var(--nylas-error)}.nylas-page-styling .nylas-page-styling__body span.help-text{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}';var g=undefined&&undefined.__decorate||function(e,n,a,s){var l=arguments.length,t=l<3?n:s===null?s=Object.getOwnPropertyDescriptor(n,a):s,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")t=Reflect.decorate(e,n,a,s);else for(var i=e.length-1;i>=0;i--)if(o=e[i])t=(l<3?o(t):l>3?o(n,a,t):o(n,a))||t;return l>3&&t&&Object.defineProperty(n,a,t),t};var c=undefined&&undefined.__metadata||function(e,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,n)};const d=class{constructor(a){e(this,a);this.valueChanged=n(this,"valueChanged",7);this.bookingFormSubmitted=n(this,"bookingFormSubmitted",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.name="page-styling";this.appearance=undefined;this.isOpen=true;this.selectedLanguage=undefined;this.currentAppearance=undefined;this.customInputsSlot=null}connectedCallback(){o("nylas-page-styling","connectedCallback")}disconnectedCallback(){o("nylas-page-styling","disconnectedCallback")}componentWillLoad(){o("nylas-page-styling","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){o("nylas-page-styling","componentDidLoad");if(this.selectedConfiguration){this.selectedConfigurationChangedHandler(this.selectedConfiguration)}}componentWillUpdate(){o("nylas-page-styling","componentWillUpdate")}componentDidUpdate(){o("nylas-page-styling","componentDidUpdate")}componentWillRender(){o("nylas-page-styling","componentWillRender")}componentDidRender(){o("nylas-page-styling","componentDidRender")}elementNameChangedHandler(e){o("nylas-page-styling","elementNameChangedHandler",e);this.host.setAttribute("name",e)}selectedLanguageChangedHandler(e,n){if(e===n)return;i.changeLanguage(e)}customInputsSlotChangedHandler(e){o("nylas-page-styling","customInputsSlotChangedHandler",e);const n=this.currentAppearance;function a(e){if(e.hasAttribute&&e.hasAttribute("name")){const a=e.getAttribute("name");if(n&&a&&a in n&&n[a]!==undefined){const s=e.getAttribute("component-type");e.setAttribute("data-page-styling","true");if(s==="checkbox"){e.setAttribute("checked",n[a])}else if(s==="radio-group"){e.setAttribute("default-selected-value",n[a])}else if(s==="color-picker"){e.setAttribute("default-selected-color",n[a])}else if(s==="select-dropdown"){const s=e.getAttribute("options");const l=s?JSON.parse(s).find((e=>e.value===n[a])):null;e.setAttribute("default-selected-option",JSON.stringify(l))}else if(s==="image-url"){e.setAttribute("image-url",n[a])}else{e.setAttribute("default-value",n[a])}}}e.childNodes.forEach((e=>{if(e.nodeType===Node.ELEMENT_NODE){a(e)}}))}if(e){a(e)}}cloneAndCopyProps(e){const n=e.cloneNode(false);const a=e.getAttribute("component-type");const s=e.getAttribute("name");if(e.options){const l=e.getAttribute("options");console.log("page-styling options",e,l);if(typeof l==="string"){try{const e=JSON.parse(l);n.options=e;if(a==="select-dropdown"&&s&&s in this.currentAppearance){const a=e.find((e=>e.value===this.currentAppearance[s]));n.setAttribute("default-selected-option",JSON.stringify(a))}}catch(e){console.error("Error parsing options",e)}}else{n.options=e.options}}if(e.value){n.value=e.value}e.childNodes.forEach((e=>{if(e.nodeType===Node.ELEMENT_NODE){const a=this.cloneAndCopyProps(e);n.appendChild(a)}else if(e.nodeType===Node.TEXT_NODE){n.appendChild(e.cloneNode(true))}}));return n}selectedConfigurationChangedHandler(e){o("nylas-page-styling","selectedConfigurationChangedHandler",e);this.currentAppearance=e?.appearance||{};const n=document.querySelector("nylas-scheduler-editor");const a=n?.shadowRoot?.querySelector('slot[name="custom-page-style-inputs"]');if(!a){return}const s=document.createElement("div");const l=a?.assignedElements({flatten:true});l?.forEach((e=>{const n=this.cloneAndCopyProps(e);this.customInputsSlotChangedHandler(n);s.appendChild(n)}));const t=this.host.shadowRoot?.querySelector(".nylas-page-styling");const i=t?.querySelector(".nylas-page-styling__body .subsection");if(i){i.innerHTML="";s.childNodes.forEach((e=>{i.appendChild(e)}));this.customInputsSlot=s}}checkIfElementIsInSlot(e){const n=document?.querySelector(`[slot="custom-page-style-inputs"] [name="${e}"]`);return n?true:false}async nylasFormInputChangeHandler(e){const{name:n,value:a}=e.detail;const s=e.detail?.type;if(!this.checkIfElementIsInSlot(n)){return}switch(n){case"submit_button_label":this.currentAppearance={...this.currentAppearance,submit_button_label:a};break;case"thank_you_message":if(s==="multi_line_text"){const n=r(e.detail.value);this.currentAppearance={...this.currentAppearance,thank_you_message:n}}break;default:this.currentAppearance={...this.currentAppearance,[n]:a};break}this.updateConfirmationFormValue()}nylasFormDropdownChangedHandler(e){o("nylas-page-styling","nylasFormDropdownChangedHandler",e.detail);const{value:n,name:a}=e.detail;if(!this.checkIfElementIsInSlot(a)){return}if(a==="color"){this.currentAppearance={...this.currentAppearance,color:n}}else{this.currentAppearance={...this.currentAppearance,[a]:n}}this.updateConfirmationFormValue()}valueChangedHandler(e){o("nylas-page-styling","valueChangedHandler",e.detail);const{value:n,name:a}=e.detail;if(!this.checkIfElementIsInSlot(a)){return}this.currentAppearance={...this.currentAppearance,[a]:n};this.updateConfirmationFormValue(false)}checkboxToggledHandler(e){const{checked:n,name:a}=e.detail;if(!this.checkIfElementIsInSlot(a)){return}this.currentAppearance={...this.currentAppearance,[a]:n};this.updateConfirmationFormValue()}radioChangedHandler(e){const{value:n,name:a}=e.detail;if(!this.checkIfElementIsInSlot(a)){return}this.currentAppearance={...this.currentAppearance,[a]:n};this.updateConfirmationFormValue()}updateConfirmationFormValue(e=true){o("nylas-page-styling","updateConfirmationFormValue");this.internals.setFormValue(JSON.stringify(this.currentAppearance),this.name);if(e){this.valueChanged.emit({value:JSON.stringify(this.currentAppearance),name:this.name})}}toggleConfirmationEmail(){this.isOpen=!this.isOpen}render(){return a(s,{key:"76e0ec0a8152058952eea7180878f2b54b7ffa04"},a("div",{key:"4dd3a2cfec007158f6123e3e5eadac4d9a9512f2",part:"nps",class:{"nylas-page-styling":true,"no-border":!this.customInputsSlot}},this.customInputsSlot?a("div",{class:"header",part:"nps__header"},a("div",null,a("h3",null,i.t("nylasPageStyling.headerTitle"))),a("div",{class:"drawer-toggle",part:"nps__drawer-toggle--container"},a("span",{class:`chevron ${this.isOpen?"open":"closed"} `,onClick:()=>this.toggleConfirmationEmail()},a("chevron-icon",{width:"24",height:"24"})))):null,a("div",{key:"b7f72ce8d070a0c4a1895a1c5fd025db9f050bb3",class:"hidden"},a("input-color-picker",{key:"7f70e926c095a5ecd7fa664379ecbbbb03cf02e5",name:"color-picker"})),a("div",{key:"7e5e882c77fec5669d196dc663f5158ca67f6f63",id:"nylas-page-styling__body",class:"nylas-page-styling__body",part:"nps__body"},a("div",{key:"6a5c0dd783b4d7e2f333713ec5754c3cb6bad726",class:{"nylas-page-styling__section":true,"no-padding":!this.customInputsSlot}},a("div",{key:"c3fdebaf7ddb9d8fc1a10c230038482fe80f80a1",class:"nylas-page-styling__row"},a("div",{key:"387481c71bc7564f4690ff8348fbaf5b456f1e67",class:{subsection:true,hide:!this.isOpen}}))))))}static get formAssociated(){return true}get host(){return l(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedLanguage:["selectedLanguageChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"]}}};g([t({name:"nylas-page-styling",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.selectedLanguage","selectedLanguage"]]),eventToProps:{valueChanged:async(e,n)=>{const{valueChanged:a}=e.detail;if(a){a(e)}}},fireRegisterEvent:true}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],d.prototype,"render",null);d.style=y;export{d as nylas_page_styling};
|
|
2
2
|
//# sourceMappingURL=nylas-page-styling.entry.js.map
|