@meetelise/chat 1.20.167 → 1.20.169

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meetelise/chat",
-  "version": "1.20.167",
+  "version": "1.20.169",
   "description": "",
   "main": "public/dist/index.js",
   "type": "module",

package/public/dist/index.js

@@ -3806,7 +3806,7 @@ otherwise there's some empty space at the bottom of the button, which interferes
       position: fixed;
       bottom: 0;
     }
-  `,qr([ue({type:String})],Br.prototype,"buildingSlug",void 0),qr([ue({type:String})],Br.prototype,"orgSlug",void 0),qr([ue({type:Object})],Br.prototype,"launcherStyles",void 0),qr([ue()],Br.prototype,"mobileStyles",void 0),qr([ue({type:Boolean})],Br.prototype,"isMinimized",void 0),qr([ue({type:String})],Br.prototype,"brandColor",void 0),qr([le()],Br.prototype,"chatId",void 0),qr([le()],Br.prototype,"analytics",void 0),qr([le()],Br.prototype,"launcher",void 0),qr([le()],Br.prototype,"building",void 0),qr([le()],Br.prototype,"designConcept",void 0),qr([le()],Br.prototype,"leadSources",void 0),qr([le()],Br.prototype,"currentLeadSource",void 0),qr([le()],Br.prototype,"featureFlagShowDropdown",void 0),qr([le()],Br.prototype,"phoneNumberForSource",void 0),qr([le()],Br.prototype,"hasMounted",void 0),qr([le()],Br.prototype,"hideLauncher",void 0),qr([le()],Br.prototype,"isLoading",void 0),qr([le()],Br.prototype,"showTourNextToChat",void 0),qr([le()],Br.prototype,"displayPubnubChat",void 0),qr([le()],Br.prototype,"myPubnub",void 0),qr([le()],Br.prototype,"enabledChatWidgets",void 0),qr([le()],Br.prototype,"webchatConfigHasAutoOpenChat",void 0),qr([le()],Br.prototype,"requiresConsent",void 0),qr([le()],Br.prototype,"privacyPolicyUrl",void 0),Br=qr([ae("me-chat")],Br);const Lr=e=>{for(const t of e){const e=document.getElementById(t);if(e)return e}return null},Jr=async(e,n)=>{var i;if(!n||!e)return;const r=await async function(e){if(!e)return!1;try{return(await t().get(Gn(e),{params:{building_slug:e,flag_type:"bool",feature_flag:"webchat-use-override-contact-us-form",default_str:null,default_bool:!1}})).data}catch(e){return!1}}(n);if(!r)return;const o=Lr(["myContactForm","contactus"]);let a;if(!(o&&o instanceof HTMLFormElement)){const t=document.querySelector("form");return void(window.location.pathname.toLowerCase().includes("contactus")&&jr(n,e,"Could not find form",t?{id:t.id}:void 0))}for(let e=0;e<o.elements.length;e++){const t=o.elements[e];if("button"===t.tagName.toLowerCase()&&"fakebutton"===t.getAttribute("data-selenium-id")){a=t;break}}if(!a)return jr(n,e,"Could not find submit button");const s=()=>({firstName:Lr(["firstname","txtName"]),lastName:Lr(["lastname","txtName2"]),email:Lr(["email","txtEmail"]),phone:Lr(["phonenumber","txtPhone"]),message:Lr(["message","txtComments"])});if(Object.values(s()).some((e=>null===e))){const t=Object.entries(s()).filter((([,e])=>null===e)).map((([e])=>e));return jr(n,e,"Missing the following form elements: "+t.join(", "))}const u=a.textContent,l=a.cloneNode(!0);null===(i=a.parentNode)||void 0===i||i.replaceChild(l,a),l.onclick=async function(t){if(Object.values(s()).forEach((e=>{"true"!==(null==e?void 0:e.getAttribute("aria-required"))||e.value||(e.className="form-control required is-invalid")})),!Object.values(s()).every((e=>null!==e&&!("true"===e.getAttribute("aria-required")&&!e.value)&&("email"!==e.id&&"phonenumber"!==e.id||"true"!==e.getAttribute("aria-invalid")))))return;t.preventDefault(),l.textContent="Processing request...",l.disabled=!0;const i={};Object.entries(s()).forEach((([e,t])=>i[e]=null==t?void 0:t.value));const r=await li(e,n),a=await fi(n,document.referrer);if(!r)return jr(n,e,"Could not find building"),null;const d={email_address:i.email,first_name:i.firstName,last_name:i.lastName,phone_number:i.phone,first_message:i.message,building_id:r.id,is_external_form:!0,lead_sources:[...new Set(a?[a,"property-website"]:["property-website"])]},c=JSON.stringify(d);fetch("https://app.meetelise.com/platformApi/state/create/contactMe",{method:"POST",headers:{"Content-Type":"application/json","building-slug":n,"org-slug":e},body:c}).then((e=>{if(!e.ok)throw new Error(`HTTP error ${e.status}`);return o&&o.reset(),Object.values(s()).forEach((e=>{e&&(e.disabled=!0)})),l.textContent="Submitted",l.disabled=!0,e.json()})).catch((()=>{l.textContent=u}))}},jr=(e,t,n,i)=>{const r=JSON.stringify({orgSlug:t,buildingSlug:e,reason:n,url:window.location.href,formIdInfo:i});fetch("https://app.meetelise.com/platformApi/webchat/form-override-error",{method:"POST",headers:{"Content-Type":"application/json","building-slug":e,"org-slug":t},body:r})};var Hr=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 Gr=class extends re{constructor(){super(...arguments),this.healthcareId="",this.launcher=null,this.currentLeadSource=null,this.displayPubnubChat=!un(),this.myPubnub=null,this.requiresConsent=!1,this.privacyPolicyUrl="http://bit.ly/me_privacy_policy",this.launcherRef=Ae(),this.firstUpdated=async()=>{await this.initializeChatVariables()},this.initializeChatVariables=async()=>{const e=xr(this.healthcareId),t=Or(this.healthcareId,e)?e:Ar(this.healthcareId,!1);if(!t.leadId)throw new Error("Lead ID is null");this.myPubnub=new Ir(this.healthcareId,null,"",this.currentLeadSource,t.leadId),t.initiatedChat&&await this.myPubnub.initializePubnub(e),this.attachOnClickToLauncher()},this.attachOnClickToLauncher=()=>{const e=this.launcherRef.value;e&&(e.onChatTapped=async()=>{this.displayPubnubChat=!0})}}async restartConversation(){var e;null===(e=this.myPubnub)||void 0===e||e.handleDisconnect(),Tr(this.healthcareId),this.myPubnub=null,this.displayPubnubChat=!1,await this.initializeChatVariables()}show(){this.launcher&&(this.launcher.style.display="")}hide(){this.launcher&&(this.launcher.style.display="none")}disconnectedCallback(){var e;null===(e=this.myPubnub)||void 0===e||e.handleDisconnect(),super.disconnectedCallback()}render(){var e;return Vi(),U`
+  `,qr([ue({type:String})],Br.prototype,"buildingSlug",void 0),qr([ue({type:String})],Br.prototype,"orgSlug",void 0),qr([ue({type:Object})],Br.prototype,"launcherStyles",void 0),qr([ue()],Br.prototype,"mobileStyles",void 0),qr([ue({type:Boolean})],Br.prototype,"isMinimized",void 0),qr([ue({type:String})],Br.prototype,"brandColor",void 0),qr([le()],Br.prototype,"chatId",void 0),qr([le()],Br.prototype,"analytics",void 0),qr([le()],Br.prototype,"launcher",void 0),qr([le()],Br.prototype,"building",void 0),qr([le()],Br.prototype,"designConcept",void 0),qr([le()],Br.prototype,"leadSources",void 0),qr([le()],Br.prototype,"currentLeadSource",void 0),qr([le()],Br.prototype,"featureFlagShowDropdown",void 0),qr([le()],Br.prototype,"phoneNumberForSource",void 0),qr([le()],Br.prototype,"hasMounted",void 0),qr([le()],Br.prototype,"hideLauncher",void 0),qr([le()],Br.prototype,"isLoading",void 0),qr([le()],Br.prototype,"showTourNextToChat",void 0),qr([le()],Br.prototype,"displayPubnubChat",void 0),qr([le()],Br.prototype,"myPubnub",void 0),qr([le()],Br.prototype,"enabledChatWidgets",void 0),qr([le()],Br.prototype,"webchatConfigHasAutoOpenChat",void 0),qr([le()],Br.prototype,"requiresConsent",void 0),qr([le()],Br.prototype,"privacyPolicyUrl",void 0),Br=qr([ae("me-chat")],Br);const Lr=e=>{for(const t of e){const e=document.getElementById(t);if(e)return e}return null},Jr=async(e,n)=>{var i;if(!n||!e)return;const r=await async function(e){if(!e)return!1;try{return(await t().get(Gn(e),{params:{building_slug:e,flag_type:"bool",feature_flag:"webchat-use-override-contact-us-form",default_str:null,default_bool:!1}})).data}catch(e){return!1}}(n);if(!r)return;const o=Lr(["myContactForm","contactus"]);let a;if(!(o&&o instanceof HTMLFormElement)){const t=document.querySelector("form");return void(window.location.pathname.toLowerCase().includes("contactus")&&jr(n,e,"Could not find form",t?{id:t.id}:void 0))}for(let e=0;e<o.elements.length;e++){const t=o.elements[e];if("button"===t.tagName.toLowerCase()&&"fakebutton"===t.getAttribute("data-selenium-id")){a=t;break}}if(!a)return jr(n,e,"Could not find submit button");const s=()=>({firstName:Lr(["firstname","txtName"]),lastName:Lr(["lastname","txtName2"]),email:Lr(["email","txtEmail"]),phone:Lr(["phonenumber","txtPhone"]),message:Lr(["message","txtComments"])});if(Object.values(s()).some((e=>null===e))){const t=Object.entries(s()).filter((([,e])=>null===e)).map((([e])=>e));return jr(n,e,"Missing the following form elements: "+t.join(", "))}const u=a.textContent,l=a.cloneNode(!0);null===(i=a.parentNode)||void 0===i||i.replaceChild(l,a),l.onclick=async function(t){if(Object.values(s()).forEach((e=>{"true"!==(null==e?void 0:e.getAttribute("aria-required"))||e.value||(e.className="form-control required is-invalid")})),!Object.values(s()).every((e=>null!==e&&!("true"===e.getAttribute("aria-required")&&!e.value)&&("email"!==e.id&&"phonenumber"!==e.id||"true"!==e.getAttribute("aria-invalid")))))return;t.preventDefault(),l.textContent="Processing request...",l.disabled=!0;const i={};Object.entries(s()).forEach((([e,t])=>i[e]=null==t?void 0:t.value));const r=await li(e,n),a=await fi(n,document.referrer);if(!r)return jr(n,e,"Could not find building"),null;const d={email_address:i.email,first_name:i.firstName,last_name:i.lastName,phone_number:i.phone,first_message:i.message,building_id:r.id,is_external_form:!0,lead_sources:[...new Set(a?[a,"property-website"]:["property-website"])]},c=JSON.stringify(d);fetch("https://app.meetelise.com/platformApi/state/create/contactMe",{method:"POST",headers:{"Content-Type":"application/json","building-slug":n,"org-slug":e},body:c}).then((e=>{if(!e.ok)throw new Error(`HTTP error ${e.status}`);return o&&o.reset(),Object.values(s()).forEach((e=>{e&&(e.disabled=!0)})),l.textContent="Submitted",l.disabled=!0,e.json()})).catch((()=>{l.textContent=u}))}},jr=(e,t,n,i)=>{const r=JSON.stringify({orgSlug:t,buildingSlug:e,reason:n,url:window.location.href,formIdInfo:i});fetch("https://app.meetelise.com/platformApi/webchat/form-override-error",{method:"POST",headers:{"Content-Type":"application/json","building-slug":e,"org-slug":t},body:r})};var Hr=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 Gr=class extends re{constructor(){super(...arguments),this.healthcareId="",this.launcher=null,this.currentLeadSource=null,this.displayPubnubChat=!1,this.myPubnub=null,this.requiresConsent=!1,this.privacyPolicyUrl="http://bit.ly/me_privacy_policy",this.isLoading=!0,this.launcherRef=Ae(),this.firstUpdated=async()=>{await this.initializeChatVariables()},this.initializeChatVariables=async()=>{this.isLoading=!0;const e=xr(this.healthcareId),t=Or(this.healthcareId,e)?e:Ar(this.healthcareId,!1);if(!t.leadId)throw new Error("Lead ID is null");this.myPubnub=new Ir(this.healthcareId,null,"",this.currentLeadSource,t.leadId),t.initiatedChat&&await this.myPubnub.initializePubnub(e),un()||(this.displayPubnubChat=!0),this.attachOnClickToLauncher(),this.isLoading=!1},this.attachOnClickToLauncher=()=>{const e=this.launcherRef.value;e&&(e.onChatTapped=async()=>{this.displayPubnubChat=!0})}}async restartConversation(){var e;null===(e=this.myPubnub)||void 0===e||e.handleDisconnect(),Tr(this.healthcareId),this.myPubnub=null,this.displayPubnubChat=!1,await this.initializeChatVariables()}show(){this.launcher&&(this.launcher.style.display="")}hide(){this.launcher&&(this.launcher.style.display="none")}disconnectedCallback(){var e;null===(e=this.myPubnub)||void 0===e||e.handleDisconnect(),super.disconnectedCallback()}render(){var e;return Vi(),this.isLoading?U``:U`
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
       <div id="aria-describe-info" style="display: none;">
           EliseAI widget that allows you to chat with a virtual assistant, book
@@ -3861,6 +3861,7 @@ otherwise there's some empty space at the bottom of the button, which interferes
       display: flex;
       justify-content: center;
       align-items: center;
+      margin-right: 40px;
     }
     #typeMobile-bttn:hover > #typeMobile-inner {
       background: #eaecf4;
@@ -3886,4 +3887,4 @@ otherwise there's some empty space at the bottom of the button, which interferes
       line-height: 150%;
       font-size: 16px;
     }
-  `,Hr([ue({type:String})],Gr.prototype,"healthcareId",void 0),Hr([le()],Gr.prototype,"launcher",void 0),Hr([le()],Gr.prototype,"currentLeadSource",void 0),Hr([le()],Gr.prototype,"displayPubnubChat",void 0),Hr([le()],Gr.prototype,"myPubnub",void 0),Hr([le()],Gr.prototype,"requiresConsent",void 0),Hr([le()],Gr.prototype,"privacyPolicyUrl",void 0),Gr=Hr([ae("health-chat")],Gr);class zr{static healthcareStart(e,t=!0){t&&(this.healthcareId=e.id),Wr();const n=document.createElement("health-chat");n.setAttribute("class","health-chat"),n.setAttribute("role","dialog"),n.setAttribute("aria-label","EliseAI Healthcare Widget"),n.setAttribute("aria-describedby","aria-describe-info"),n.setAttribute("aria-modal","true"),n.setAttribute("healthcareId",e.id),document.body.appendChild(n),zr.healthChat=n}static start(e,t=!0){if(window.location.pathname.includes("residentservices")||window.location.pathname.includes("onlineleasing"))return;t&&(this.orgSlug=e.organization,this.hasBuildingSlug=!!e.building),Wr();const n=document.createElement("me-chat");n.setAttribute("orgSlug",e.organization),this.handleBuildingslug(n,e.building),n.setAttribute("class","meetelise-chat"),n.setAttribute("role","dialog"),n.setAttribute("aria-label","EliseAI Widget"),n.setAttribute("aria-describedby","aria-describe-info"),n.setAttribute("aria-modal","true"),e.launcherStyles&&(n.launcherStyles=e.launcherStyles),e.mobileStyles&&(n.mobileStyles=e.mobileStyles),e.brandColor&&(this.brandColor=e.brandColor,n.setAttribute("brandColor",((e,t)=>{const n=(r=e,{r:parseInt(r.substring(1,3),16),g:parseInt(r.substring(3,5),16),b:parseInt(r.substring(5,7),16)}),i={r:n.r+Math.round(.3*(0-n.r)),g:n.g+Math.round(.3*(0-n.g)),b:n.b+Math.round(.3*(0-n.b))};var r;return((e,t,n)=>"#"+[e,t,n].map((e=>{const t=e.toString(16);return 1===t.length?"0"+t:t})).join(""))(i.r,i.g,i.b)})(e.brandColor))),document.body.appendChild(n),zr.meChat=n}static async restartConversation(){this.meChat&&await this.meChat.restartConversation()}static async remove(){this.meChat&&(await this.meChat.remove(),document.body.removeChild(this.meChat),zr.meChat=null)}static async handleBuildingslug(e,t){t?e.setAttribute("buildingSlug",t):this.mutationObserver||(this.handleSingleFamilyUrl(),this.previousUrl=window.location.href,document.body.addEventListener("click",(()=>{requestAnimationFrame((()=>{this.previousUrl===window.location.href||this.hasBuildingSlug||(this.previousUrl=window.location.href,this.handleSingleFamilyUrl())}))}),!0))}static async handleSingleFamilyUrl(){if(this.hasBuildingSlug)return;this.remove();const e=window.location.href,n=`https://app.meetelise.com/platformApi/webchat/microsite_slug?uri=${encodeURIComponent(e)}`,i=await t().get(n,{headers:{"org-slug":this.orgSlug}});if(!i||!i.data)return;const r={organization:this.orgSlug,building:i.data,brandColor:this.brandColor};this.start(r,!1)}}zr.meChat=null,zr.healthChat=null,zr.orgSlug="",zr.mutationObserver=null,zr.previousUrl="",zr.hasBuildingSlug=null,zr.brandColor="",zr.healthcareId="";const Wr=()=>{const e=document.createElement("link");e.setAttribute("rel","stylesheet"),e.setAttribute("type","text/css"),document.head.appendChild(e)}})();var r=i.Z;export{r as default};
+  `,Hr([ue({type:String})],Gr.prototype,"healthcareId",void 0),Hr([le()],Gr.prototype,"launcher",void 0),Hr([le()],Gr.prototype,"currentLeadSource",void 0),Hr([le()],Gr.prototype,"displayPubnubChat",void 0),Hr([le()],Gr.prototype,"myPubnub",void 0),Hr([le()],Gr.prototype,"requiresConsent",void 0),Hr([le()],Gr.prototype,"privacyPolicyUrl",void 0),Hr([le()],Gr.prototype,"isLoading",void 0),Gr=Hr([ae("health-chat")],Gr);class zr{static healthcareStart(e,t=!0){t&&(this.healthcareId=e.id),Wr();const n=document.createElement("health-chat");n.setAttribute("class","health-chat"),n.setAttribute("role","dialog"),n.setAttribute("aria-label","EliseAI Healthcare Widget"),n.setAttribute("aria-describedby","aria-describe-info"),n.setAttribute("aria-modal","true"),n.setAttribute("healthcareId",e.id),document.body.appendChild(n),zr.healthChat=n}static start(e,t=!0){if(window.location.pathname.includes("residentservices")||window.location.pathname.includes("onlineleasing"))return;t&&(this.orgSlug=e.organization,this.hasBuildingSlug=!!e.building),Wr();const n=document.createElement("me-chat");n.setAttribute("orgSlug",e.organization),this.handleBuildingslug(n,e.building),n.setAttribute("class","meetelise-chat"),n.setAttribute("role","dialog"),n.setAttribute("aria-label","EliseAI Widget"),n.setAttribute("aria-describedby","aria-describe-info"),n.setAttribute("aria-modal","true"),e.launcherStyles&&(n.launcherStyles=e.launcherStyles),e.mobileStyles&&(n.mobileStyles=e.mobileStyles),e.brandColor&&(this.brandColor=e.brandColor,n.setAttribute("brandColor",((e,t)=>{const n=(r=e,{r:parseInt(r.substring(1,3),16),g:parseInt(r.substring(3,5),16),b:parseInt(r.substring(5,7),16)}),i={r:n.r+Math.round(.3*(0-n.r)),g:n.g+Math.round(.3*(0-n.g)),b:n.b+Math.round(.3*(0-n.b))};var r;return((e,t,n)=>"#"+[e,t,n].map((e=>{const t=e.toString(16);return 1===t.length?"0"+t:t})).join(""))(i.r,i.g,i.b)})(e.brandColor))),document.body.appendChild(n),zr.meChat=n}static async restartConversation(){this.meChat&&await this.meChat.restartConversation()}static async remove(){this.meChat&&(await this.meChat.remove(),document.body.removeChild(this.meChat),zr.meChat=null)}static async handleBuildingslug(e,t){t?e.setAttribute("buildingSlug",t):this.mutationObserver||(this.handleSingleFamilyUrl(),this.previousUrl=window.location.href,document.body.addEventListener("click",(()=>{requestAnimationFrame((()=>{this.previousUrl===window.location.href||this.hasBuildingSlug||(this.previousUrl=window.location.href,this.handleSingleFamilyUrl())}))}),!0))}static async handleSingleFamilyUrl(){if(this.hasBuildingSlug)return;this.remove();const e=window.location.href,n=`https://app.meetelise.com/platformApi/webchat/microsite_slug?uri=${encodeURIComponent(e)}`,i=await t().get(n,{headers:{"org-slug":this.orgSlug}});if(!i||!i.data)return;const r={organization:this.orgSlug,building:i.data,brandColor:this.brandColor};this.start(r,!1)}}zr.meChat=null,zr.healthChat=null,zr.orgSlug="",zr.mutationObserver=null,zr.previousUrl="",zr.hasBuildingSlug=null,zr.brandColor="",zr.healthcareId="";const Wr=()=>{const e=document.createElement("link");e.setAttribute("rel","stylesheet"),e.setAttribute("type","text/css"),document.head.appendChild(e)}})();var r=i.Z;export{r as default};

package/src/WebComponent/health-chat.ts

@@ -50,6 +50,7 @@ export class HealthChat extends LitElement {
       display: flex;
       justify-content: center;
       align-items: center;
+      margin-right: 40px;
     }
     #typeMobile-bttn:hover > #typeMobile-inner {
       background: #eaecf4;
@@ -76,6 +77,7 @@ export class HealthChat extends LitElement {
       font-size: 16px;
     }
   `;
+
   @property({ type: String })
   private healthcareId = "";
 
@@ -86,7 +88,7 @@ export class HealthChat extends LitElement {
   private currentLeadSource: string | null = null;
 
   @state()
-  private displayPubnubChat = isMobile() ? false : true;
+  private displayPubnubChat = false;
 
   @state()
   private myPubnub: MyPubnub | null = null;
@@ -97,6 +99,9 @@ export class HealthChat extends LitElement {
   @state()
   private privacyPolicyUrl = "http://bit.ly/me_privacy_policy";
 
+  @state()
+  private isLoading = true;
+
   launcherRef: Ref<Launcher> = createRef();
 
   firstUpdated = async (): Promise<void> => {
@@ -104,6 +109,8 @@ export class HealthChat extends LitElement {
   };
 
   private initializeChatVariables = async (): Promise<void> => {
+    this.isLoading = true;
+
     // important to distinguish between a user who has never opened the chat and a user who has opened the chat but closed it
     const currentChatStorageKey = getChatStorageKey(this.healthcareId);
     const updatedChatStorageKey = isChatKeyValid(
@@ -129,7 +136,13 @@ export class HealthChat extends LitElement {
       await this.myPubnub.initializePubnub(currentChatStorageKey);
     }
 
+    if (!isMobile()) {
+      this.displayPubnubChat = true;
+    }
+
     this.attachOnClickToLauncher();
+
+    this.isLoading = false;
   };
 
   public async restartConversation(): Promise<void> {
@@ -173,6 +186,8 @@ export class HealthChat extends LitElement {
 
   render(): TemplateResult {
     installLauncher();
+
+    if (this.isLoading) return html``;
     return html`
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
       <div id="aria-describe-info" style="display: none;">