@meetelise/chat 1.20.34 → 1.20.36

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@meetelise/chat",
3
- "version": "1.20.34",
3
+ "version": "1.20.36",
4
4
  "description": "",
5
5
  "main": "public/dist/index.js",
6
6
  "type": "module",
@@ -475,7 +475,7 @@ var e={8005:function(e,t,n){var i,r=this&&this.__extends||(i=function(e,t){retur
475
475
  font-family: "Poppins";
476
476
  font-size: 16px;
477
477
  }
478
- `;var Nn=function(e,t,n,i){var r,o=arguments.length,a=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(o<3?r(a):o>3?r(t,n,a):r(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a};let An=class extends ne{constructor(){super(...arguments),this.layoutOptions=[],this.unitOptions=[],this.tourTypeOptions=[],this.buildingId=0,this.buildingSlug="",this.sgtUrl="",this.escortedToursLink="",this.virtualToursLink="",this.orgSlug="",this.tourType=null,this.shouldShowTourType={[En.Guided]:!0,[En.Self]:!0,[En.Virtual]:!0},this.email="",this.phoneNumber="",this.availabilitiesGroupedByDay={},this.waitingForAvailabilities=!0,this.mobilePageIndex=0,this.isSubmitting=!1,this.tourIsBooked=!1,this.firstUpdated=async()=>{const e=await(async()=>{var e,t,n,i,r,o;return{[En.Guided]:!!(null===(t=null===(e=await wn(Kt.TourAvailabilityResponseRankOrderedSupportedTourTypesEnum.WithAgent))||void 0===e?void 0:e.availableTourStartTimes)||void 0===t?void 0:t.length),[En.Self]:!!(null===(i=null===(n=await wn(Kt.TourAvailabilityResponseRankOrderedSupportedTourTypesEnum.SelfGuided))||void 0===n?void 0:n.availableTourStartTimes)||void 0===i?void 0:i.length),[En.Virtual]:!!(null===(o=null===(r=await wn(Kt.TourAvailabilityResponseRankOrderedSupportedTourTypesEnum.VirtualShowing))||void 0===r?void 0:r.availableTourStartTimes)||void 0===o?void 0:o.length)}})();this.shouldShowTourType={[En.Guided]:this.tourTypeOptions.map((e=>e.value)).includes("WITH_AGENT")&&e[En.Guided],[En.Self]:this.tourTypeOptions.map((e=>e.value)).includes("SELF_GUIDED")&&e[En.Self],[En.Virtual]:this.tourTypeOptions.map((e=>e.value)).includes("VIRTUAL_SHOWING")&&e[En.Virtual]},null!==this.tourType?(this.availabilitiesGroupedByDay=await Sn(_n[this.tourType]),this.waitingForAvailabilities=!1):this.waitingForAvailabilities=!1},this.willUpdate=async e=>{e.has("tourType")&&this.tourType&&(this.availabilitiesGroupedByDay=await Sn(_n[this.tourType]))},this.handlePhoneKeydown=e=>{var t;if(!(e instanceof KeyboardEvent&&e.target instanceof HTMLInputElement&&null!==e.target.selectionStart))return;const n=e.target.selectionStart;if(1!==e.key.length||Ne(e)){if("Backspace"===e.key){if(Ne(e))return;if(this.phoneInput.selectionEnd&&this.phoneInput.selectionStart&&this.phoneInput.selectionEnd-this.phoneInput.selectionStart>0)return;const t=this.phoneNumber.length,i=this.phoneNumber.slice(0,n).replace(/\D/g,""),r=this.phoneNumber.slice(n).replace(/\D/g,""),o=`${i.slice(0,-1)}${r}`;this.phoneNumber=Re(o),this.phoneInput.value=this.phoneNumber;const a=n-(t-this.phoneNumber.length);return this.phoneInput.setSelectionRange(a,a),e.preventDefault(),void e.stopPropagation()}if(!["ArrowLeft","ArrowRight"].includes(e.key)||Ne(e)||e.shiftKey)return;if("ArrowLeft"===e.key){const e=((null===(t=this.phoneNumber.slice(0,n).split(/\d+/).at(-1))||void 0===t?void 0:t.length)||0)+1,i=n-e>-1?n-e:0;this.phoneInput.setSelectionRange(i,i)}if("ArrowRight"===e.key){const e=(this.phoneNumber.slice(n).split(/\d+/)[0].length||0)+1,t=n+e<this.phoneNumber.length?n+e:this.phoneNumber.length;this.phoneInput.setSelectionRange(t,t)}e.preventDefault(),e.stopPropagation()}else{e.preventDefault(),e.stopPropagation();const t=this.phoneNumber.slice(0,n)+e.key+this.phoneNumber.slice(n);this.phoneNumber=Re(t.replace(/\D/g,"")),this.phoneInput.value=this.phoneNumber}},this.handlePhoneKeyup=e=>{var t;if(!e.key)return;if(e.key.includes("Arrow")||["Meta","Shift","Control","Alt"].includes(e.key))return;const n=this.phoneInput.selectionStart,i=n?this.phoneInput.value.slice(n).replace(/\D/g,""):"";this.phoneNumber=Re(this.phoneInput.value);let r=0,o=i.length;for(;o;)(null===(t=this.phoneNumber.at(r))||void 0===t?void 0:t.match(/\d/))&&o--,r++;const a=this.phoneInput.value.length-r+1;this.phoneInput.setSelectionRange(a,a)},this.onChangeEmail=e=>{e.target&&(this.email=e.target.value)},this.validators={tourType:()=>null!==this.tourType,dateAndTime:()=>!!this.selectedDate&&!!this.selectedTime,leadInfo:()=>{var e,t,n;return(!!(null===(e=this.firstNameInput)||void 0===e?void 0:e.value)||!!(null===(t=this.lastNameInput)||void 0===t?void 0:t.value))&&(null===(n=this.emailInput)||void 0===n?void 0:n.value.includes("@"))&&!!this.phoneNumber&&14===this.phoneNumber.length}},this.formIsValidForSubmission=()=>this.validators.tourType()&&this.validators.dateAndTime()&&this.validators.leadInfo(),this.timeStringToHoursAndMinutes=e=>{const[t,n]=e.split(/\D/g);return[parseInt(t)+(e.toLowerCase().includes("pm")?12:0),parseInt(n)]},this.submit=async()=>{var e;if(!this.selectedDate||!this.selectedTime||null===this.tourType)return;const t={email_address:this.email,phone_number:`+1${null===(e=this.phoneNumber.match(/\d/g))||void 0===e?void 0:e.join("")}`,building_id:this.buildingId,first_name:this.firstNameInput.value,last_name:this.lastNameInput.value,tour_type:Fn[this.tourType],tour_time:`${this.selectedTime.datetime}${this.selectedTime.offset}`,layouts:this.layoutTypeSelect.value?[this.layoutTypeSelect.value]:null,unit_numbers:this.unitTypeSelect&&this.unitTypeSelect.value?[this.unitTypeSelect.value]:null};this.isSubmitting=!0;try{await Qt().post("https://app.meetelise.com/platformApi/state/create/scheduleMe",t,{headers:{"building-slug":this.buildingSlug,"X-SecurityKey":"JRL8jV4VcSCwOSir5gWkpgNLfKghmhBG","org-slug":this.orgSlug}}),this.isSubmitting=!1,this.tourIsBooked=!0}catch(e){const t=e.response.data.detail||"Failed to book tour";alert(t),this.isSubmitting=!1,this.tourIsBooked=!1}},this.mobilePages=[{validate:this.validators.tourType,nextButtonText:"Next",nextButtonAction:()=>{this.mobilePageIndex++},render:()=>D`${this.tourTypeMenu()}`},{validate:this.validators.dateAndTime,nextButtonText:"Next",nextButtonAction:()=>{this.mobilePageIndex++},render:()=>D`${this.dateAndTimeMenu(!0)}`},{validate:()=>this.validators.leadInfo(),nextButtonText:null,renderNextButton:()=>D`<action-confirm-button
478
+ `;var Nn=function(e,t,n,i){var r,o=arguments.length,a=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(o<3?r(a):o>3?r(t,n,a):r(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a};let An=class extends ne{constructor(){super(...arguments),this.layoutOptions=[],this.unitOptions=[],this.tourTypeOptions=[],this.buildingId=0,this.buildingSlug="",this.sgtUrl="",this.escortedToursLink="",this.virtualToursLink="",this.orgSlug="",this.tourType=null,this.shouldShowTourType={[En.Guided]:!0,[En.Self]:!0,[En.Virtual]:!0},this.email="",this.phoneNumber="",this.availabilitiesGroupedByDay={},this.waitingForAvailabilities=!0,this.mobilePageIndex=0,this.isSubmitting=!1,this.tourIsBooked=!1,this.firstUpdated=async()=>{const e=await(async()=>{var e,t,n,i,r,o;return{[En.Guided]:!!(null===(t=null===(e=await wn(Kt.TourAvailabilityResponseRankOrderedSupportedTourTypesEnum.WithAgent))||void 0===e?void 0:e.availableTourStartTimes)||void 0===t?void 0:t.length),[En.Self]:!!(null===(i=null===(n=await wn(Kt.TourAvailabilityResponseRankOrderedSupportedTourTypesEnum.SelfGuided))||void 0===n?void 0:n.availableTourStartTimes)||void 0===i?void 0:i.length),[En.Virtual]:!!(null===(o=null===(r=await wn(Kt.TourAvailabilityResponseRankOrderedSupportedTourTypesEnum.VirtualShowing))||void 0===r?void 0:r.availableTourStartTimes)||void 0===o?void 0:o.length)}})();this.shouldShowTourType={[En.Guided]:this.tourTypeOptions.map((e=>e.value)).includes("WITH_AGENT")&&e[En.Guided],[En.Self]:this.tourTypeOptions.map((e=>e.value)).includes("SELF_GUIDED")&&e[En.Self],[En.Virtual]:this.tourTypeOptions.map((e=>e.value)).includes("VIRTUAL_SHOWING")&&e[En.Virtual]},null!==this.tourType?(this.availabilitiesGroupedByDay=await Sn(_n[this.tourType]),this.waitingForAvailabilities=!1):this.waitingForAvailabilities=!1},this.willUpdate=async e=>{e.has("tourType")&&this.tourType&&(this.availabilitiesGroupedByDay=await Sn(_n[this.tourType]))},this.handlePhoneKeydown=e=>{var t;if(!(e instanceof KeyboardEvent&&e.target instanceof HTMLInputElement&&null!==e.target.selectionStart))return;const n=e.target.selectionStart;if(1!==e.key.length||Ne(e)){if("Backspace"===e.key){if(Ne(e))return;if(this.phoneInput.selectionEnd&&this.phoneInput.selectionStart&&this.phoneInput.selectionEnd-this.phoneInput.selectionStart>0)return;const t=this.phoneNumber.length,i=this.phoneNumber.slice(0,n).replace(/\D/g,""),r=this.phoneNumber.slice(n).replace(/\D/g,""),o=`${i.slice(0,-1)}${r}`;this.phoneNumber=Re(o),this.phoneInput.value=this.phoneNumber;const a=n-(t-this.phoneNumber.length);return this.phoneInput.setSelectionRange(a,a),e.preventDefault(),void e.stopPropagation()}if(!["ArrowLeft","ArrowRight"].includes(e.key)||Ne(e)||e.shiftKey)return;if("ArrowLeft"===e.key){const e=((null===(t=this.phoneNumber.slice(0,n).split(/\d+/).at(-1))||void 0===t?void 0:t.length)||0)+1,i=n-e>-1?n-e:0;this.phoneInput.setSelectionRange(i,i)}if("ArrowRight"===e.key){const e=(this.phoneNumber.slice(n).split(/\d+/)[0].length||0)+1,t=n+e<this.phoneNumber.length?n+e:this.phoneNumber.length;this.phoneInput.setSelectionRange(t,t)}e.preventDefault(),e.stopPropagation()}else{e.preventDefault(),e.stopPropagation();const t=this.phoneNumber.slice(0,n)+e.key+this.phoneNumber.slice(n);this.phoneNumber=Re(t.replace(/\D/g,"")),this.phoneInput.value=this.phoneNumber}},this.handlePhoneKeyup=e=>{var t;if(!e.key)return;if(e.key.includes("Arrow")||["Meta","Shift","Control","Alt"].includes(e.key))return;const n=this.phoneInput.selectionStart,i=n?this.phoneInput.value.slice(n).replace(/\D/g,""):"";this.phoneNumber=Re(this.phoneInput.value);let r=0,o=i.length;for(;o;)(null===(t=this.phoneNumber.at(r))||void 0===t?void 0:t.match(/\d/))&&o--,r++;const a=this.phoneInput.value.length-r+1;this.phoneInput.setSelectionRange(a,a)},this.onChangeEmail=e=>{e.target&&(this.email=e.target.value)},this.validators={tourType:()=>null!==this.tourType,dateAndTime:()=>!!this.selectedDate&&!!this.selectedTime,leadInfo:()=>{var e,t,n;return(!!(null===(e=this.firstNameInput)||void 0===e?void 0:e.value)||!!(null===(t=this.lastNameInput)||void 0===t?void 0:t.value))&&(null===(n=this.emailInput)||void 0===n?void 0:n.value.includes("@"))&&!!this.phoneNumber&&14===this.phoneNumber.length}},this.formIsValidForSubmission=()=>this.validators.tourType()&&this.validators.dateAndTime()&&this.validators.leadInfo(),this.timeStringToHoursAndMinutes=e=>{const[t,n]=e.split(/\D/g);return[parseInt(t)+(e.toLowerCase().includes("pm")?12:0),parseInt(n)]},this.submit=async()=>{var e;if(!this.selectedDate||!this.selectedTime||null===this.tourType)return;const t=new URLSearchParams(window.location.search),n={referrer:document.referrer,email_address:this.email,phone_number:`+1${null===(e=this.phoneNumber.match(/\d/g))||void 0===e?void 0:e.join("")}`,building_id:this.buildingId,first_name:this.firstNameInput.value,last_name:this.lastNameInput.value,tour_type:Fn[this.tourType],tour_time:`${this.selectedTime.datetime}${this.selectedTime.offset}`,layouts:this.layoutTypeSelect.value?[this.layoutTypeSelect.value]:null,unit_numbers:this.unitTypeSelect&&this.unitTypeSelect.value?[this.unitTypeSelect.value]:null,query_params:Object.fromEntries(t.entries())};this.isSubmitting=!0;try{await Qt().post("https://app.meetelise.com/platformApi/state/create/scheduleMe",n,{headers:{"building-slug":this.buildingSlug,"X-SecurityKey":"JRL8jV4VcSCwOSir5gWkpgNLfKghmhBG","org-slug":this.orgSlug}}),this.isSubmitting=!1,this.tourIsBooked=!0}catch(e){const t=e.response.data.detail||"Failed to book tour";alert(t),this.isSubmitting=!1,this.tourIsBooked=!1}},this.mobilePages=[{validate:this.validators.tourType,nextButtonText:"Next",nextButtonAction:()=>{this.mobilePageIndex++},render:()=>D`${this.tourTypeMenu()}`},{validate:this.validators.dateAndTime,nextButtonText:"Next",nextButtonAction:()=>{this.mobilePageIndex++},render:()=>D`${this.dateAndTimeMenu(!0)}`},{validate:()=>this.validators.leadInfo(),nextButtonText:null,renderNextButton:()=>D`<action-confirm-button
479
479
  id="schedule"
480
480
  .onClick=${this.submit}
481
481
  .isLoading=${this.isSubmitting}
@@ -1441,7 +1441,7 @@ var e={8005:function(e,t,n){var i,r=this&&this.__extends||(i=function(e,t){retur
1441
1441
  }
1442
1442
  .inner-pill-wrapper {
1443
1443
  background: #353535;
1444
- border-width: 2px 0px 2px 2px;
1444
+ border-width: 4px 0px 4px 4px;
1445
1445
  border-style: solid;
1446
1446
  border-color: #ffffff;
1447
1447
  box-shadow: 0px 34px 34px 14px rgba(0, 0, 0, 0.35);
@@ -1457,10 +1457,10 @@ var e={8005:function(e,t,n){var i,r=this&&this.__extends||(i=function(e,t){retur
1457
1457
  font-size: 15px;
1458
1458
  line-height: 18px;
1459
1459
 
1460
- /* White/Dark */
1461
-
1462
1460
  color: #ffffff;
1463
- padding: 12px;
1461
+ width: 164px;
1462
+ height: 44px;
1463
+ padding-left: 10px;
1464
1464
  }
1465
1465
  .inner-pill-wrapper:hover {
1466
1466
  cursor: pointer;
@@ -1481,12 +1481,8 @@ var e={8005:function(e,t,n){var i,r=this&&this.__extends||(i=function(e,t){retur
1481
1481
  }
1482
1482
  @media screen and (min-width: 1000px) {
1483
1483
  .inner-pill-wrapper {
1484
- font-size: 18px;
1485
- line-height: 22px;
1486
- }
1487
- .vertical-pill-icon {
1488
- transform: scale(1.2);
1489
- width: 32px;
1484
+ height: 50px;
1485
+ width: 164px;
1490
1486
  }
1491
1487
  }
1492
1488
  `;var ti=function(e,t,n,i){var r,o=arguments.length,a=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(o<3?r(a):o>3?r(t,n,a):r(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a};let ni=class extends ne{constructor(){super(...arguments),this.text="Submit",this.isLoading=!1,this.disabled=!1,this.height="initial",this.width="initial",this.render=()=>D`<button
@@ -1839,7 +1835,7 @@ var e={8005:function(e,t,n){var i,r=this&&this.__extends||(i=function(e,t){retur
1839
1835
  width: 50%;
1840
1836
  }
1841
1837
  }
1842
- `,Cn],ui([ae({attribute:!1})],li.prototype,"onCloseClicked",void 0),ui([ae({attribute:!1})],li.prototype,"buildingId",void 0),ui([ae({attribute:!0})],li.prototype,"buildingSlug",void 0),ui([ae({attribute:!0})],li.prototype,"orgSlug",void 0),ui([ae()],li.prototype,"privatePolicyUrl",void 0),ui([ae()],li.prototype,"termsOfServiceUrl",void 0),ui([se()],li.prototype,"firstName",void 0),ui([se()],li.prototype,"lastName",void 0),ui([se()],li.prototype,"email",void 0),ui([se()],li.prototype,"phoneNumber",void 0),ui([se()],li.prototype,"message",void 0),ui([se()],li.prototype,"hasNameError",void 0),ui([se()],li.prototype,"hasEmailError",void 0),ui([se()],li.prototype,"hasPhoneNumberError",void 0),ui([se()],li.prototype,"hasMessageError",void 0),ui([se()],li.prototype,"hasSubmittedForm",void 0),ui([se()],li.prototype,"windowHeight",void 0),ui([se()],li.prototype,"hasSubmissionError",void 0),ui([se()],li.prototype,"isSubmitting",void 0),li=ui([re("email-us-window")],li);const di=async(e,t,n,i,r,o,a,s)=>{const u={email_address:n,building_id:o,lead_source:"property-website",first_message:r,first_name:e,last_name:t,phone_number:"+1"+i.replace("(","").replace(")","").replace(" ","").replace("-","")};await Qt().post("https://app.meetelise.com/platformApi/state/create/emailMe",u,{headers:{"building-slug":s,"org-slug":a,"X-SecurityKey":"JRL8jV4VcSCwOSir5gWkpgNLfKghmhBG"}})};var ci=function(e,t,n,i){var r,o=arguments.length,a=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(o<3?r(a):o>3?r(t,n,a):r(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a};let pi=class extends ne{constructor(){super(...arguments),this.buildingId=0,this.buildingSlug="",this.orgSlug="",this.inPopup=!1,this.phoneNumberInputRef=Se(),this.phoneNumber="",this.hasSubmittedForm=!1,this.hasPhoneNumberError=!1,this.hasSubmissionError=!1,this.isSubmitting=!1,this.onChangePhoneNumber=e=>{if(!e.target||!this.phoneNumberInputRef.value)return;if(Ae(e))return;const t=e.target;this.phoneNumber=Re(t.value),this.phoneNumberInputRef.value.value=this.phoneNumber},this.enforceFormat=e=>{Ce(e)||Ae(e)||e.preventDefault()},this.validateFormFields=()=>{this.hasPhoneNumberError=!1,this.hasSubmissionError=!1,this.phoneNumber&&14===this.phoneNumber.length||(this.hasPhoneNumberError=!0)},this.onClick=async()=>{if(this.validateFormFields(),!this.hasPhoneNumberError)try{this.isSubmitting=!0,await fi(this.phoneNumber,this.buildingId,this.orgSlug,this.buildingSlug),this.hasSubmittedForm=!0,this.isSubmitting=!1}catch(e){this.isSubmitting=!1,this.hasSubmissionError=!0}},this.renderTextUs=()=>D` <div class="text-us-wrapper">
1838
+ `,Cn],ui([ae({attribute:!1})],li.prototype,"onCloseClicked",void 0),ui([ae({attribute:!1})],li.prototype,"buildingId",void 0),ui([ae({attribute:!0})],li.prototype,"buildingSlug",void 0),ui([ae({attribute:!0})],li.prototype,"orgSlug",void 0),ui([ae()],li.prototype,"privatePolicyUrl",void 0),ui([ae()],li.prototype,"termsOfServiceUrl",void 0),ui([se()],li.prototype,"firstName",void 0),ui([se()],li.prototype,"lastName",void 0),ui([se()],li.prototype,"email",void 0),ui([se()],li.prototype,"phoneNumber",void 0),ui([se()],li.prototype,"message",void 0),ui([se()],li.prototype,"hasNameError",void 0),ui([se()],li.prototype,"hasEmailError",void 0),ui([se()],li.prototype,"hasPhoneNumberError",void 0),ui([se()],li.prototype,"hasMessageError",void 0),ui([se()],li.prototype,"hasSubmittedForm",void 0),ui([se()],li.prototype,"windowHeight",void 0),ui([se()],li.prototype,"hasSubmissionError",void 0),ui([se()],li.prototype,"isSubmitting",void 0),li=ui([re("email-us-window")],li);const di=async(e,t,n,i,r,o,a,s)=>{const u="+1"+i.replace("(","").replace(")","").replace(" ","").replace("-",""),l=new URLSearchParams(window.location.search),d={email_address:n,building_id:o,lead_source:"property-website",first_message:r,first_name:e,last_name:t,phone_number:u,referrer:document.referrer,query_params:Object.fromEntries(l.entries())};await Qt().post("https://app.meetelise.com/platformApi/state/create/emailMe",d,{headers:{"building-slug":s,"org-slug":a,"X-SecurityKey":"JRL8jV4VcSCwOSir5gWkpgNLfKghmhBG"}})};var ci=function(e,t,n,i){var r,o=arguments.length,a=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(o<3?r(a):o>3?r(t,n,a):r(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a};let pi=class extends ne{constructor(){super(...arguments),this.buildingId=0,this.buildingSlug="",this.orgSlug="",this.inPopup=!1,this.phoneNumberInputRef=Se(),this.phoneNumber="",this.hasSubmittedForm=!1,this.hasPhoneNumberError=!1,this.hasSubmissionError=!1,this.isSubmitting=!1,this.onChangePhoneNumber=e=>{if(!e.target||!this.phoneNumberInputRef.value)return;if(Ae(e))return;const t=e.target;this.phoneNumber=Re(t.value),this.phoneNumberInputRef.value.value=this.phoneNumber},this.enforceFormat=e=>{Ce(e)||Ae(e)||e.preventDefault()},this.validateFormFields=()=>{this.hasPhoneNumberError=!1,this.hasSubmissionError=!1,this.phoneNumber&&14===this.phoneNumber.length||(this.hasPhoneNumberError=!0)},this.onClick=async()=>{if(this.validateFormFields(),!this.hasPhoneNumberError)try{this.isSubmitting=!0,await fi(this.phoneNumber,this.buildingId,this.orgSlug,this.buildingSlug),this.hasSubmittedForm=!0,this.isSubmitting=!1}catch(e){this.isSubmitting=!1,this.hasSubmissionError=!0}},this.renderTextUs=()=>D` <div class="text-us-wrapper">
1843
1839
  <div class="text-us-window__description">Send us a text</div>
1844
1840
  <div class="text-us-window__vertical-spacer"></div>
1845
1841
  <div class="text-us-window__input-container">
@@ -1954,7 +1950,7 @@ var e={8005:function(e,t,n){var i,r=this&&this.__extends||(i=function(e,t){retur
1954
1950
  line-height: 22px;
1955
1951
  margin-top: 8px;
1956
1952
  }
1957
- `,Cn],ci([ae({attribute:!1})],pi.prototype,"onCloseClicked",void 0),ci([ae({attribute:!1})],pi.prototype,"buildingId",void 0),ci([ae({attribute:!0})],pi.prototype,"buildingSlug",void 0),ci([ae({attribute:!0})],pi.prototype,"orgSlug",void 0),ci([ae({attribute:!0})],pi.prototype,"inPopup",void 0),ci([se()],pi.prototype,"phoneNumber",void 0),ci([se()],pi.prototype,"hasSubmittedForm",void 0),ci([se()],pi.prototype,"hasPhoneNumberError",void 0),ci([se()],pi.prototype,"hasSubmissionError",void 0),ci([se()],pi.prototype,"isSubmitting",void 0),pi=ci([re("text-us-window")],pi);const fi=async(e,t,n,i)=>{const r={building_id:t,lead_source:"property-website",phone_number:"+1"+e.replace("(","").replace(")","").replace(" ","").replace("-","")};await Qt().post("https://app.meetelise.com/platformApi/state/create/textMe",r,{headers:{"building-slug":i,"org-slug":n,"X-SecurityKey":"JRL8jV4VcSCwOSir5gWkpgNLfKghmhBG"}})},hi=q`<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1953
+ `,Cn],ci([ae({attribute:!1})],pi.prototype,"onCloseClicked",void 0),ci([ae({attribute:!1})],pi.prototype,"buildingId",void 0),ci([ae({attribute:!0})],pi.prototype,"buildingSlug",void 0),ci([ae({attribute:!0})],pi.prototype,"orgSlug",void 0),ci([ae({attribute:!0})],pi.prototype,"inPopup",void 0),ci([se()],pi.prototype,"phoneNumber",void 0),ci([se()],pi.prototype,"hasSubmittedForm",void 0),ci([se()],pi.prototype,"hasPhoneNumberError",void 0),ci([se()],pi.prototype,"hasSubmissionError",void 0),ci([se()],pi.prototype,"isSubmitting",void 0),pi=ci([re("text-us-window")],pi);const fi=async(e,t,n,i)=>{const r="+1"+e.replace("(","").replace(")","").replace(" ","").replace("-",""),o=new URLSearchParams(window.location.search),a={building_id:t,lead_source:"property-website",phone_number:r,referrer:document.referrer,query_params:Object.fromEntries(o.entries())};await Qt().post("https://app.meetelise.com/platformApi/state/create/textMe",a,{headers:{"building-slug":i,"org-slug":n,"X-SecurityKey":"JRL8jV4VcSCwOSir5gWkpgNLfKghmhBG"}})},hi=q`<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1958
1954
  <path d="M17.5286 6.72109H0.00730896C0.065762 4.35374 2.00202 2.45401 4.38399 2.45401H4.93198V3.91534C4.93198 4.22222 5.18041 4.46333 5.47998 4.46333C5.77955 4.46333 6.02798 4.22222 6.02798 3.91534V2.45401H11.508V3.91534C11.508 4.22222 11.7564 4.46333 12.056 4.46333C12.3555 4.46333 12.604 4.22222 12.604 3.91534V2.45401H13.1519C15.5339 2.45401 17.4702 4.35374 17.5286 6.72109V6.72109Z" fill="#B6C2FE"/>
1959
1955
  <path d="M17.5359 7.45181V15.606C17.5359 18.0318 15.5704 19.99 13.1519 19.99H4.38398C1.96548 19.99 0 18.0318 0 15.606V7.45181H17.5359Z" fill="white"/>
1960
1956
  <path d="M5.47998 1V2.46133" stroke="#B6C2FE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
@@ -1968,13 +1964,7 @@ var e={8005:function(e,t,n){var i,r=this&&this.__extends||(i=function(e,t){retur
1968
1964
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.79997 0H14.4C16.006 0 17.4278 0.788745 18.2991 2H0.900805C1.77215 0.788745 3.19395 0 4.79997 0Z" fill="#B6C2FE"/>
1969
1965
  <path d="M5.33594 5.08789L8.78398 7.9999C9.27198 8.4159 9.91992 8.4159 10.4159 7.9999L13.864 5.08789" stroke="#404040" stroke-miterlimit="10" stroke-linecap="round"/>
1970
1966
  </svg>
1971
- `,vi=q`<svg width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1972
- <path d="M12.0024 5.43884H2.49877C1.11874 5.43884 0 6.55758 0 7.93761V17.4413C0 18.8213 1.11874 19.94 2.49877 19.94H12.0024C13.3824 19.94 14.5012 18.8213 14.5012 17.4413V7.93761C14.5012 6.55758 13.3824 5.43884 12.0024 5.43884Z" fill="#B6C2FE"/>
1973
- <path d="M19.2489 0H9.74523C8.3652 0 7.24646 1.11874 7.24646 2.49877V12.0024C7.24646 13.3824 8.3652 14.5011 9.74523 14.5011H19.2489C20.6289 14.5011 21.7477 13.3824 21.7477 12.0024V2.49877C21.7477 1.11874 20.6289 0 19.2489 0Z" fill="#B6C2FE"/>
1974
- <path d="M15.6255 2.72363H6.12193C4.7419 2.72363 3.62317 3.84237 3.62317 5.2224V14.726C3.62317 16.106 4.7419 17.2248 6.12193 17.2248H15.6255C17.0056 17.2248 18.1243 16.106 18.1243 14.726V5.2224C18.1243 3.84237 17.0056 2.72363 15.6255 2.72363Z" fill="white" stroke="#404040" stroke-miterlimit="10"/>
1975
- <path d="M9.94854 12.1785V13.6327H11.4027V12.1785H9.94854ZM8.17957 8.4072L9.60608 8.69294C9.64657 8.4904 9.74373 8.30352 9.88627 8.15404C10.0288 8.00457 10.2109 7.89864 10.4113 7.84859C10.6117 7.79854 10.8221 7.80642 11.0182 7.87132C11.2143 7.93622 11.3879 8.05547 11.5189 8.21519C11.6499 8.3749 11.7328 8.56853 11.758 8.77353C11.7832 8.97853 11.7497 9.18648 11.6614 9.37318C11.573 9.55987 11.4335 9.71765 11.259 9.82814C11.0845 9.93863 10.8822 9.99729 10.6756 9.99731H9.94854V11.4515H10.6756C11.1575 11.4513 11.6294 11.3143 12.0365 11.0565C12.4436 10.7986 12.7691 10.4305 12.9752 9.99489C13.1812 9.55929 13.2594 9.07413 13.2005 8.59586C13.1417 8.11758 12.9482 7.66585 12.6427 7.29321C12.3371 6.92057 11.9321 6.64235 11.4746 6.49089C11.0172 6.33944 10.5261 6.32099 10.0586 6.43769C9.59102 6.55438 9.16623 6.80143 8.83359 7.15009C8.50095 7.49875 8.27415 7.93469 8.17957 8.4072Z" fill="#404040"/>
1976
- </svg>
1977
- `,gi=q`<svg width="23" height="18" viewBox="0 0 23 18" fill="none" xmlns="http://www.w3.org/2000/svg">
1967
+ `,vi=q`<svg width="23" height="18" viewBox="0 0 23 18" fill="none" xmlns="http://www.w3.org/2000/svg">
1978
1968
  <path d="M7.32634 4.79272H19.2517C20.5911 4.79272 21.6723 5.87391 21.6723 7.2133V16.71H7.32634C5.98695 16.71 4.90576 15.6288 4.90576 14.2895V7.2133C4.90576 5.87391 5.98695 4.79272 7.32634 4.79272Z" fill="#404040" stroke="#B6C2FE" stroke-miterlimit="10"/>
1979
1969
  <path d="M0.403442 11.9657V3.22745C0.403442 1.67021 1.67021 0.403442 3.22745 0.403442H14.5235C16.0807 0.403442 17.3475 1.67021 17.3475 3.22745V9.14172C17.3475 10.699 16.0807 11.9657 14.5235 11.9657H0.403442Z" fill="white"/>
1980
1970
  <path d="M14.5235 0.806859C15.8628 0.806859 16.944 1.88805 16.944 3.22744V9.14171C16.944 10.4811 15.8628 11.5623 14.5235 11.5623H0.806859V3.22744C0.806859 1.88805 1.88805 0.806859 3.22744 0.806859H14.5235ZM14.5235 0H3.22744C1.44428 0 0 1.44428 0 3.22744V12.3691H14.5235C16.3066 12.3691 17.7509 10.9249 17.7509 9.14171V3.22744C17.7509 1.44428 16.3066 0 14.5235 0Z" fill="white"/>
@@ -1982,6 +1972,13 @@ var e={8005:function(e,t,n){var i,r=this&&this.__extends||(i=function(e,t){retur
1982
1972
  <path d="M8.87546 6.98737C9.32108 6.98737 9.68232 6.62613 9.68232 6.18052C9.68232 5.7349 9.32108 5.37366 8.87546 5.37366C8.42985 5.37366 8.0686 5.7349 8.0686 6.18052C8.0686 6.62613 8.42985 6.98737 8.87546 6.98737Z" fill="#404040"/>
1983
1973
  <path d="M12.9098 6.98737C13.3554 6.98737 13.7166 6.62613 13.7166 6.18052C13.7166 5.7349 13.3554 5.37366 12.9098 5.37366C12.4641 5.37366 12.1029 5.7349 12.1029 6.18052C12.1029 6.62613 12.4641 6.98737 12.9098 6.98737Z" fill="#404040"/>
1984
1974
  </svg>
1975
+ `,gi=q`<svg width="16" height="24" viewBox="0 0 16 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1976
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M5 0H2C0.895431 0 0 0.89543 0 2V22C0 23.1046 0.895431 24 2 24H14C15.1046 24 16 23.1046 16 22V2C16 0.895431 15.1046 0 14 0H11C11 0.552285 10.5523 1 10 1H6C5.44772 1 5 0.552285 5 0Z" fill="white"/>
1977
+ <rect x="2" y="3" width="12" height="16" rx="1" fill="#B6C2FE"/>
1978
+ <rect x="3" y="13" width="7" height="3" rx="1" fill="#353535"/>
1979
+ <rect x="7" y="22" width="2" height="1" rx="0.5" fill="#353535"/>
1980
+ </svg>
1981
+
1985
1982
  `,yi=q`<svg width="5" height="8" viewBox="0 0 5 8" fill="none" xmlns="http://www.w3.org/2000/svg">
1986
1983
  <path d="M1 7L4 4L1 1" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
1987
1984
  </svg>
@@ -2136,7 +2133,7 @@ var e={8005:function(e,t,n){var i,r=this&&this.__extends||(i=function(e,t){retur
2136
2133
  ${this.hasChatEnabled&&!this.isCallToActionWindowOpen()?this.renderPillVertical(D`
2137
2134
  <div class="vertical-pill-icon">${vi}</div>
2138
2135
  <div class="vertical-pill-title">
2139
- <span class="vertical-pill-bold">Ask</span> a question
2136
+ <span class="vertical-pill-bold">Chat</span> with us
2140
2137
  </div>
2141
2138
  `,this.onChatTapped):""}
2142
2139
  ${this.hasSSTEnabled&&!this.isCallToActionWindowOpen()?this.renderPillVertical(D`
@@ -2386,4 +2383,4 @@ var e={8005:function(e,t,n){var i,r=this&&this.__extends||(i=function(e,t){retur
2386
2383
  .heavyLabel {
2387
2384
  font-weight: bold;
2388
2385
  }
2389
- `,Vi.session=Ie.ready.then((()=>{const e=new Ie.User({id:"anonymous",name:"Me",email:null,role:"Default"});return new Ie.Session({appId:"ogKIvCor",me:e})})),$i([ae({type:String})],Vi.prototype,"buildingSlug",void 0),$i([ae({type:String})],Vi.prototype,"orgSlug",void 0),$i([ae({type:String})],Vi.prototype,"themeId",void 0),$i([ae({attribute:!1})],Vi.prototype,"avatarSrc",void 0),$i([ae({type:Boolean})],Vi.prototype,"useMiniWidget",void 0),$i([ae({type:Object})],Vi.prototype,"launcherStyles",void 0),$i([se()],Vi.prototype,"popup",void 0),$i([se()],Vi.prototype,"theme",void 0),$i([se()],Vi.prototype,"chatId",void 0),$i([se()],Vi.prototype,"analytics",void 0),$i([se()],Vi.prototype,"isMobile",void 0),$i([se()],Vi.prototype,"launcher",void 0),$i([se()],Vi.prototype,"building",void 0),$i([se()],Vi.prototype,"buildingABTestType",void 0),$i([se()],Vi.prototype,"hasMounted",void 0),$i([se()],Vi.prototype,"hideLauncher",void 0),$i([se()],Vi.prototype,"isLoading",void 0),$i([se()],Vi.prototype,"talkjsPopupElement",void 0),$i([se()],Vi.prototype,"myContactHeader",void 0),Vi=Gi=$i([re("me-chat")],Vi);class zi{static start(e){Xi(),Zi();const t=document.createElement("me-chat");t.setAttribute("orgSlug",e.organization),t.setAttribute("buildingSlug",e.building),t.setAttribute("class","meetelise-chat"),e.themeId&&t.setAttribute("themeId",e.themeId),e.avatarSrc&&t.setAttribute("avatarSrc",e.avatarSrc),void 0!==e.mini&&(t.useMiniWidget=e.mini),e.launcherStyles&&(t.launcherStyles=e.launcherStyles),document.body.appendChild(t),zi.meChat=t}static async restartConversation(){this.meChat&&await this.meChat.restartConversation()}static async remove(){this.meChat&&(await this.meChat.remove(),document.body.removeChild(this.meChat),zi.meChat=null)}}zi.meChat=null;const Xi=()=>{const e=document.createElement("link");e.setAttribute("rel","stylesheet"),e.setAttribute("type","text/css"),e.setAttribute("href","https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;900&display=swap"),document.head.appendChild(e)},Zi=()=>{const e=document.createElement("meta");e.setAttribute("name","viewport"),e.setAttribute("content","width=device-width, initial-scale=1, maximum-scale=2"),document.head.appendChild(e)}})();var r=i.Z;export{r as default};
2386
+ `,Vi.session=Ie.ready.then((()=>{const e=new Ie.User({id:"anonymous",name:"Me",email:null,role:"Default"});return new Ie.Session({appId:"ogKIvCor",me:e})})),$i([ae({type:String})],Vi.prototype,"buildingSlug",void 0),$i([ae({type:String})],Vi.prototype,"orgSlug",void 0),$i([ae({type:String})],Vi.prototype,"themeId",void 0),$i([ae({attribute:!1})],Vi.prototype,"avatarSrc",void 0),$i([ae({type:Boolean})],Vi.prototype,"useMiniWidget",void 0),$i([ae({type:Object})],Vi.prototype,"launcherStyles",void 0),$i([se()],Vi.prototype,"popup",void 0),$i([se()],Vi.prototype,"theme",void 0),$i([se()],Vi.prototype,"chatId",void 0),$i([se()],Vi.prototype,"analytics",void 0),$i([se()],Vi.prototype,"isMobile",void 0),$i([se()],Vi.prototype,"launcher",void 0),$i([se()],Vi.prototype,"building",void 0),$i([se()],Vi.prototype,"buildingABTestType",void 0),$i([se()],Vi.prototype,"hasMounted",void 0),$i([se()],Vi.prototype,"hideLauncher",void 0),$i([se()],Vi.prototype,"isLoading",void 0),$i([se()],Vi.prototype,"talkjsPopupElement",void 0),$i([se()],Vi.prototype,"myContactHeader",void 0),Vi=Gi=$i([re("me-chat")],Vi);class zi{static start(e){if(window.location.pathname.includes("residentservices"))return;Xi(),Zi();const t=document.createElement("me-chat");t.setAttribute("orgSlug",e.organization),t.setAttribute("buildingSlug",e.building),t.setAttribute("class","meetelise-chat"),e.themeId&&t.setAttribute("themeId",e.themeId),e.avatarSrc&&t.setAttribute("avatarSrc",e.avatarSrc),void 0!==e.mini&&(t.useMiniWidget=e.mini),e.launcherStyles&&(t.launcherStyles=e.launcherStyles),document.body.appendChild(t),zi.meChat=t}static async restartConversation(){this.meChat&&await this.meChat.restartConversation()}static async remove(){this.meChat&&(await this.meChat.remove(),document.body.removeChild(this.meChat),zi.meChat=null)}}zi.meChat=null;const Xi=()=>{const e=document.createElement("link");e.setAttribute("rel","stylesheet"),e.setAttribute("type","text/css"),e.setAttribute("href","https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;900&display=swap"),document.head.appendChild(e)},Zi=()=>{const e=document.createElement("meta");e.setAttribute("name","viewport"),e.setAttribute("content","width=device-width, initial-scale=1, maximum-scale=2"),document.head.appendChild(e)}})();var r=i.Z;export{r as default};
package/src/MEChat.ts CHANGED
@@ -19,6 +19,11 @@ export default class MEChat {
19
19
  static meChat: MEChatLitElement | null = null;
20
20
 
21
21
  static start(opts: Options): void {
22
+ // If our clients are Yardi and have a resident portal with rentcafe,
23
+ // we do NOT want to display the launcher
24
+ if (window.location.pathname.includes("residentservices")) {
25
+ return;
26
+ }
22
27
  installFont();
23
28
  installTalkjsMobileStyleFix();
24
29
  const meChat = document.createElement("me-chat");
@@ -311,7 +311,7 @@ export class Launcher extends LitElement {
311
311
  html`
312
312
  <div class="vertical-pill-icon">${FilledChatIcon}</div>
313
313
  <div class="vertical-pill-title">
314
- <span class="vertical-pill-bold">Ask</span> a question
314
+ <span class="vertical-pill-bold">Chat</span> with us
315
315
  </div>
316
316
  `,
317
317
  this.onChatTapped
@@ -335,7 +335,9 @@ export class TourScheduler extends LitElement {
335
335
  submit = async (): Promise<void> => {
336
336
  if (!this.selectedDate || !this.selectedTime || this.tourType === null)
337
337
  return;
338
+ const queryParams = new URLSearchParams(window.location.search);
338
339
  const data = {
340
+ referrer: document.referrer,
339
341
  email_address: this.email,
340
342
  phone_number: `+1${this.phoneNumber.match(/\d/g)?.join("")}`, // e.g. +12125555555
341
343
  building_id: this.buildingId,
@@ -350,6 +352,9 @@ export class TourScheduler extends LitElement {
350
352
  this.unitTypeSelect && this.unitTypeSelect.value
351
353
  ? [this.unitTypeSelect.value]
352
354
  : null,
355
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
356
+ // @ts-ignore
357
+ query_params: Object.fromEntries(queryParams.entries()),
353
358
  };
354
359
  const url = `https://app.meetelise.com/platformApi/state/create/scheduleMe`;
355
360
  this.isSubmitting = true;
@@ -427,6 +427,7 @@ const createEmail = async (
427
427
  .replace(")", "")
428
428
  .replace(" ", "")
429
429
  .replace("-", "");
430
+ const queryParams = new URLSearchParams(window.location.search);
430
431
  const requestBody = {
431
432
  email_address: email,
432
433
  building_id: buildingId,
@@ -435,6 +436,10 @@ const createEmail = async (
435
436
  first_name: firstName,
436
437
  last_name: lastName,
437
438
  phone_number: formattedPhoneNumber,
439
+ referrer: document.referrer,
440
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
441
+ // @ts-ignore
442
+ query_params: Object.fromEntries(queryParams.entries()),
438
443
  };
439
444
 
440
445
  await axios.post(
@@ -254,10 +254,15 @@ const createTextWithUs = async (
254
254
  .replace(")", "")
255
255
  .replace(" ", "")
256
256
  .replace("-", "");
257
+ const queryParams = new URLSearchParams(window.location.search);
257
258
  const requestBody = {
258
259
  building_id: buildingId,
259
260
  lead_source: "property-website",
260
261
  phone_number: formattedPhoneNumber,
262
+ referrer: document.referrer,
263
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
264
+ // @ts-ignore
265
+ query_params: Object.fromEntries(queryParams.entries()),
261
266
  };
262
267
 
263
268
  await axios.post(
@@ -310,7 +310,7 @@ export const launcherStyles = css`
310
310
  }
311
311
  .inner-pill-wrapper {
312
312
  background: #353535;
313
- border-width: 2px 0px 2px 2px;
313
+ border-width: 4px 0px 4px 4px;
314
314
  border-style: solid;
315
315
  border-color: #ffffff;
316
316
  box-shadow: 0px 34px 34px 14px rgba(0, 0, 0, 0.35);
@@ -326,10 +326,10 @@ export const launcherStyles = css`
326
326
  font-size: 15px;
327
327
  line-height: 18px;
328
328
 
329
- /* White/Dark */
330
-
331
329
  color: #ffffff;
332
- padding: 12px;
330
+ width: 164px;
331
+ height: 44px;
332
+ padding-left: 10px;
333
333
  }
334
334
  .inner-pill-wrapper:hover {
335
335
  cursor: pointer;
@@ -350,12 +350,8 @@ export const launcherStyles = css`
350
350
  }
351
351
  @media screen and (min-width: 1000px) {
352
352
  .inner-pill-wrapper {
353
- font-size: 18px;
354
- line-height: 22px;
355
- }
356
- .vertical-pill-icon {
357
- transform: scale(1.2);
358
- width: 32px;
353
+ height: 50px;
354
+ width: 164px;
359
355
  }
360
356
  }
361
357
  `;
package/src/svgIcons.ts CHANGED
@@ -18,15 +18,7 @@ export const FilledEmailIcon = svg`<svg width="20" height="16" viewBox="0 0 20 1
18
18
  </svg>
19
19
  `;
20
20
 
21
- export const FilledChatIcon = svg`<svg width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
22
- <path d="M12.0024 5.43884H2.49877C1.11874 5.43884 0 6.55758 0 7.93761V17.4413C0 18.8213 1.11874 19.94 2.49877 19.94H12.0024C13.3824 19.94 14.5012 18.8213 14.5012 17.4413V7.93761C14.5012 6.55758 13.3824 5.43884 12.0024 5.43884Z" fill="#B6C2FE"/>
23
- <path d="M19.2489 0H9.74523C8.3652 0 7.24646 1.11874 7.24646 2.49877V12.0024C7.24646 13.3824 8.3652 14.5011 9.74523 14.5011H19.2489C20.6289 14.5011 21.7477 13.3824 21.7477 12.0024V2.49877C21.7477 1.11874 20.6289 0 19.2489 0Z" fill="#B6C2FE"/>
24
- <path d="M15.6255 2.72363H6.12193C4.7419 2.72363 3.62317 3.84237 3.62317 5.2224V14.726C3.62317 16.106 4.7419 17.2248 6.12193 17.2248H15.6255C17.0056 17.2248 18.1243 16.106 18.1243 14.726V5.2224C18.1243 3.84237 17.0056 2.72363 15.6255 2.72363Z" fill="white" stroke="#404040" stroke-miterlimit="10"/>
25
- <path d="M9.94854 12.1785V13.6327H11.4027V12.1785H9.94854ZM8.17957 8.4072L9.60608 8.69294C9.64657 8.4904 9.74373 8.30352 9.88627 8.15404C10.0288 8.00457 10.2109 7.89864 10.4113 7.84859C10.6117 7.79854 10.8221 7.80642 11.0182 7.87132C11.2143 7.93622 11.3879 8.05547 11.5189 8.21519C11.6499 8.3749 11.7328 8.56853 11.758 8.77353C11.7832 8.97853 11.7497 9.18648 11.6614 9.37318C11.573 9.55987 11.4335 9.71765 11.259 9.82814C11.0845 9.93863 10.8822 9.99729 10.6756 9.99731H9.94854V11.4515H10.6756C11.1575 11.4513 11.6294 11.3143 12.0365 11.0565C12.4436 10.7986 12.7691 10.4305 12.9752 9.99489C13.1812 9.55929 13.2594 9.07413 13.2005 8.59586C13.1417 8.11758 12.9482 7.66585 12.6427 7.29321C12.3371 6.92057 11.9321 6.64235 11.4746 6.49089C11.0172 6.33944 10.5261 6.32099 10.0586 6.43769C9.59102 6.55438 9.16623 6.80143 8.83359 7.15009C8.50095 7.49875 8.27415 7.93469 8.17957 8.4072Z" fill="#404040"/>
26
- </svg>
27
- `;
28
-
29
- export const FilledPhoneIcon = svg`<svg width="23" height="18" viewBox="0 0 23 18" fill="none" xmlns="http://www.w3.org/2000/svg">
21
+ export const FilledChatIcon = svg`<svg width="23" height="18" viewBox="0 0 23 18" fill="none" xmlns="http://www.w3.org/2000/svg">
30
22
  <path d="M7.32634 4.79272H19.2517C20.5911 4.79272 21.6723 5.87391 21.6723 7.2133V16.71H7.32634C5.98695 16.71 4.90576 15.6288 4.90576 14.2895V7.2133C4.90576 5.87391 5.98695 4.79272 7.32634 4.79272Z" fill="#404040" stroke="#B6C2FE" stroke-miterlimit="10"/>
31
23
  <path d="M0.403442 11.9657V3.22745C0.403442 1.67021 1.67021 0.403442 3.22745 0.403442H14.5235C16.0807 0.403442 17.3475 1.67021 17.3475 3.22745V9.14172C17.3475 10.699 16.0807 11.9657 14.5235 11.9657H0.403442Z" fill="white"/>
32
24
  <path d="M14.5235 0.806859C15.8628 0.806859 16.944 1.88805 16.944 3.22744V9.14171C16.944 10.4811 15.8628 11.5623 14.5235 11.5623H0.806859V3.22744C0.806859 1.88805 1.88805 0.806859 3.22744 0.806859H14.5235ZM14.5235 0H3.22744C1.44428 0 0 1.44428 0 3.22744V12.3691H14.5235C16.3066 12.3691 17.7509 10.9249 17.7509 9.14171V3.22744C17.7509 1.44428 16.3066 0 14.5235 0Z" fill="white"/>
@@ -36,6 +28,15 @@ export const FilledPhoneIcon = svg`<svg width="23" height="18" viewBox="0 0 23 1
36
28
  </svg>
37
29
  `;
38
30
 
31
+ export const FilledPhoneIcon = svg`<svg width="16" height="24" viewBox="0 0 16 24" fill="none" xmlns="http://www.w3.org/2000/svg">
32
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M5 0H2C0.895431 0 0 0.89543 0 2V22C0 23.1046 0.895431 24 2 24H14C15.1046 24 16 23.1046 16 22V2C16 0.895431 15.1046 0 14 0H11C11 0.552285 10.5523 1 10 1H6C5.44772 1 5 0.552285 5 0Z" fill="white"/>
33
+ <rect x="2" y="3" width="12" height="16" rx="1" fill="#B6C2FE"/>
34
+ <rect x="3" y="13" width="7" height="3" rx="1" fill="#353535"/>
35
+ <rect x="7" y="22" width="2" height="1" rx="0.5" fill="#353535"/>
36
+ </svg>
37
+
38
+ `;
39
+
39
40
  export const ChevronIcon = svg`<svg width="5" height="8" viewBox="0 0 5 8" fill="none" xmlns="http://www.w3.org/2000/svg">
40
41
  <path d="M1 7L4 4L1 1" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
41
42
  </svg>