@meetelise/chat 1.36.0 → 1.37.0

package/dist/src/WebComponent/FeeCalculator/fee-calculator.d.ts

@@ -51,5 +51,6 @@ export declare class FeeCalculator extends LitElement {
     handleClickTextUsOption: (e: MouseEvent) => void;
     handleClose: () => void;
     handleSelectLayout: (layoutIds: number[]) => void;
+    handleShare: () => Promise<void>;
     render(): TemplateResult;
 }

package/dist/src/services/fees/downloadQuotePdf.d.ts

@@ -0,0 +1,12 @@
+import { DesiredAddon, DesiredRentableItem } from "../../WebComponent/FeeCalculator/model";
+declare type DownloadQuotePdfRequest = {
+    buildingSlug: string;
+    unitId: number;
+    unitNumber: string;
+    addons: DesiredAddon[];
+    rentableItems: DesiredRentableItem[];
+    leaseTerm: number;
+    moveInDate: string;
+};
+export declare const downloadQuotePdf: ({ buildingSlug, unitId, unitNumber, addons, rentableItems, leaseTerm, moveInDate, }: DownloadQuotePdfRequest) => Promise<void>;
+export default downloadQuotePdf;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meetelise/chat",
-  "version": "1.36.0",
+  "version": "1.37.0",
   "description": "",
   "keywords": [],
   "homepage": "https://github.com/MeetElise/chat-ui#readme",

package/public/dist/index.js

@@ -4523,7 +4523,7 @@ xmlns="http://www.w3.org/2000/svg"
           </p>
         </div>
       </div>
-    `:B``}};Kr.styles=Vr,Yr([le({type:Object})],Kr.prototype,"incentive",void 0),Kr=Yr([ae("incentive-banner")],Kr);var Xr=function(e,t,i,n){var o,r=arguments.length,a=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,i,a):o(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a};let Zr=class extends oe{constructor(){super(...arguments),this.buildingSlug="",this.orgSlug="",this.primaryColor=Ie,this.backgroundColor=De,this.onCloseClicked=null,this.onClickEmailOption=null,this.onClickPhoneOption=null,this.onClickSSTOption=null,this.onClickTextUsOption=null,this.isLoading=!1,this.selectedLayoutIds=[-1],this.selectedUnit=null,this.desiredAddons=[],this.desiredRentableItems=[],this.leaseTerm=12,this.moveInDate=pi,this.buildingWebchatView=null,this.incentives=[],this.quote=null,this.groupedFees={[qo.OneTime]:[],[qo.Monthly]:[],[qo.Quarterly]:[],[qo.Annually]:[],[qo.PerOccurrence]:[]},this.rentableItems=[],this.debouncedCalculateQuote=tr()((async()=>{var e;if(!this.selectedUnit||!this.moveInDate)return;const i=this.moveInDate<new Date(this.selectedUnit.earliestAvailable)?this.selectedUnit.earliestAvailable:null===(e=this.moveInDate)||void 0===e?void 0:e.toISOString().split("T")[0];try{this.quote=await(async({buildingSlug:e,unitId:i,addons:n,rentableItems:o,leaseTerm:r,moveInDate:a})=>{try{const s=await t().post(`https://app.meetelise.com/platformApi/webchat/${e}/fees/calculate`,gi({unitId:i,addons:n,rentableItems:o,leaseTerm:r,moveInDate:a}));if(s.data){const e=fi(s.data);return{...e,units:e.units.map((e=>({...e,fees:e.fees.map(Jo)})))}}}catch(t){xn({logType:Cn.error,buildingSlug:e,logTitle:"[ERROR_CALCULATING_QUOTE]",logData:{error:t}})}return{units:[]}})({buildingSlug:this.buildingSlug,unitId:this.selectedUnit.id,addons:this.desiredAddons,rentableItems:this.desiredRentableItems,leaseTerm:this.leaseTerm,moveInDate:i})}finally{this.isLoading=!1}}),1e3),this.firstUpdated=async()=>{this.style.setProperty("--primary-color",this.primaryColor),this.style.setProperty("--background-color",this.backgroundColor),await this.setupCalculator()},this.setupCalculator=async()=>{if(!this.buildingSlug||!this.orgSlug)return;this.isLoading=!0;const[e,t]=await Promise.all([Dn(this.orgSlug,this.buildingSlug),Xo(this.buildingSlug)]);e&&t&&(this.buildingWebchatView=e,this.groupedFees=this.groupFees(t.fees),this.rentableItems=t.rentableItems,this.isLoading=!1)},this.calculateQuote=async()=>{this.selectedUnit&&this.moveInDate&&(this.isLoading=!0,this.debouncedCalculateQuote())},this.handleUnitSelect=e=>{this.selectedUnit=e,this.calculateQuote()},this.handleMoveInDateChange=e=>{this.moveInDate=e,this.calculateQuote()},this.handleLeaseTermChange=e=>{this.leaseTerm=e,this.calculateQuote()},this.handleAddonSelect=e=>{const t=this.desiredAddons.some((t=>t.id===e.id));t&&e.quantities.every((e=>0===e.quantity))?this.desiredAddons=this.desiredAddons.filter((t=>t.id!==e.id)):t?this.desiredAddons=this.desiredAddons.map((t=>t.id===e.id?{...t,quantities:e.quantities}:t)):this.desiredAddons.push(e),this.calculateQuote()},this.handleRentableItemSelect=e=>{this.desiredRentableItems.some((t=>t.id===e.id))?this.desiredRentableItems=this.desiredRentableItems.filter((t=>t.id!==e.id)):this.desiredRentableItems.push(e),this.calculateQuote()},this.groupFees=e=>e.reduce(((e,t)=>{const i=t.frequency||qo.OneTime;return e[i]=[...e[i]||[],t],e}),{}),this.handleClickEmailOption=e=>{this.handleClose(),this.onClickEmailOption&&this.onClickEmailOption(e)},this.handleClickPhoneOption=e=>{this.handleClose(),this.onClickPhoneOption&&this.onClickPhoneOption(e)},this.handleClickSSTOption=e=>{this.handleClose(),this.onClickSSTOption&&this.onClickSSTOption(e)},this.handleClickTextUsOption=e=>{this.handleClose(),this.onClickTextUsOption&&this.onClickTextUsOption(e)},this.handleClose=()=>{var e;null===(e=this.onCloseClicked)||void 0===e||e.call(this)},this.handleSelectLayout=e=>{this.selectedLayoutIds=e}}get layouts(){var e,t;return null!==(t=null===(e=this.buildingWebchatView)||void 0===e?void 0:e.layoutOptions)&&void 0!==t?t:[]}updated(e){(e.has("primaryColor")||e.has("backgroundColor"))&&(this.style.setProperty("--primary-color",this.primaryColor),this.style.setProperty("--background-color",this.backgroundColor))}disconnectedCallback(){super.disconnectedCallback(),this.debouncedCalculateQuote.cancel()}render(){return B`
+    `:B``}};Kr.styles=Vr,Yr([le({type:Object})],Kr.prototype,"incentive",void 0),Kr=Yr([ae("incentive-banner")],Kr);var Xr=function(e,t,i,n){var o,r=arguments.length,a=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,i,a):o(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a};let Zr=class extends oe{constructor(){super(...arguments),this.buildingSlug="",this.orgSlug="",this.primaryColor=Ie,this.backgroundColor=De,this.onCloseClicked=null,this.onClickEmailOption=null,this.onClickPhoneOption=null,this.onClickSSTOption=null,this.onClickTextUsOption=null,this.isLoading=!1,this.selectedLayoutIds=[-1],this.selectedUnit=null,this.desiredAddons=[],this.desiredRentableItems=[],this.leaseTerm=12,this.moveInDate=pi,this.buildingWebchatView=null,this.incentives=[],this.quote=null,this.groupedFees={[qo.OneTime]:[],[qo.Monthly]:[],[qo.Quarterly]:[],[qo.Annually]:[],[qo.PerOccurrence]:[]},this.rentableItems=[],this.debouncedCalculateQuote=tr()((async()=>{var e;if(!this.selectedUnit||!this.moveInDate)return;const i=this.moveInDate<new Date(this.selectedUnit.earliestAvailable)?this.selectedUnit.earliestAvailable:null===(e=this.moveInDate)||void 0===e?void 0:e.toISOString().split("T")[0];try{this.quote=await(async({buildingSlug:e,unitId:i,addons:n,rentableItems:o,leaseTerm:r,moveInDate:a})=>{try{const s=await t().post(`https://app.meetelise.com/platformApi/webchat/${e}/fees/calculate`,gi({unitId:i,addons:n,rentableItems:o,leaseTerm:r,moveInDate:a}));if(s.data){const e=fi(s.data);return{...e,units:e.units.map((e=>({...e,fees:e.fees.map(Jo)})))}}}catch(t){xn({logType:Cn.error,buildingSlug:e,logTitle:"[ERROR_CALCULATING_QUOTE]",logData:{error:t}})}return{units:[]}})({buildingSlug:this.buildingSlug,unitId:this.selectedUnit.id,addons:this.desiredAddons,rentableItems:this.desiredRentableItems,leaseTerm:this.leaseTerm,moveInDate:i})}finally{this.isLoading=!1}}),1e3),this.firstUpdated=async()=>{this.style.setProperty("--primary-color",this.primaryColor),this.style.setProperty("--background-color",this.backgroundColor),await this.setupCalculator()},this.setupCalculator=async()=>{if(!this.buildingSlug||!this.orgSlug)return;this.isLoading=!0;const[e,t]=await Promise.all([Dn(this.orgSlug,this.buildingSlug),Xo(this.buildingSlug)]);e&&t&&(this.buildingWebchatView=e,this.groupedFees=this.groupFees(t.fees),this.rentableItems=t.rentableItems,this.isLoading=!1)},this.calculateQuote=async()=>{this.selectedUnit&&this.moveInDate&&(this.isLoading=!0,this.debouncedCalculateQuote())},this.handleUnitSelect=e=>{this.selectedUnit=e,this.calculateQuote()},this.handleMoveInDateChange=e=>{this.moveInDate=e,this.calculateQuote()},this.handleLeaseTermChange=e=>{this.leaseTerm=e,this.calculateQuote()},this.handleAddonSelect=e=>{const t=this.desiredAddons.some((t=>t.id===e.id));t&&e.quantities.every((e=>0===e.quantity))?this.desiredAddons=this.desiredAddons.filter((t=>t.id!==e.id)):t?this.desiredAddons=this.desiredAddons.map((t=>t.id===e.id?{...t,quantities:e.quantities}:t)):this.desiredAddons.push(e),this.calculateQuote()},this.handleRentableItemSelect=e=>{this.desiredRentableItems.some((t=>t.id===e.id))?this.desiredRentableItems=this.desiredRentableItems.filter((t=>t.id!==e.id)):this.desiredRentableItems.push(e),this.calculateQuote()},this.groupFees=e=>e.reduce(((e,t)=>{const i=t.frequency||qo.OneTime;return e[i]=[...e[i]||[],t],e}),{}),this.handleClickEmailOption=e=>{this.handleClose(),this.onClickEmailOption&&this.onClickEmailOption(e)},this.handleClickPhoneOption=e=>{this.handleClose(),this.onClickPhoneOption&&this.onClickPhoneOption(e)},this.handleClickSSTOption=e=>{this.handleClose(),this.onClickSSTOption&&this.onClickSSTOption(e)},this.handleClickTextUsOption=e=>{this.handleClose(),this.onClickTextUsOption&&this.onClickTextUsOption(e)},this.handleClose=()=>{var e;null===(e=this.onCloseClicked)||void 0===e||e.call(this)},this.handleSelectLayout=e=>{this.selectedLayoutIds=e},this.handleShare=async()=>{var e;if(!this.selectedUnit||!this.moveInDate)return;const i=this.moveInDate<new Date(this.selectedUnit.earliestAvailable)?this.selectedUnit.earliestAvailable:null===(e=this.moveInDate)||void 0===e?void 0:e.toISOString().split("T")[0];await(async({buildingSlug:e,unitId:i,unitNumber:n,addons:o,rentableItems:r,leaseTerm:a,moveInDate:s})=>{try{const l=await t().post(`https://app.meetelise.com/platformApi/webchat/${e}/fees/calculate/download`,gi({unitId:i,addons:o,rentableItems:r,leaseTerm:a,moveInDate:s}),{responseType:"blob"}),u=new Blob([l.data],{type:"application/pdf"}),c=URL.createObjectURL(u),d=document.createElement("a");d.href=c,d.download=`estimate-${n}.pdf`,document.body.appendChild(d),d.click(),document.body.removeChild(d),URL.revokeObjectURL(c)}catch(t){xn({logType:Cn.error,buildingSlug:e,logTitle:"[ERROR_DOWNLOADING_QUOTE_PDF]",logData:{error:t}})}})({buildingSlug:this.buildingSlug,unitId:this.selectedUnit.id,unitNumber:this.selectedUnit.unitNumber,addons:this.desiredAddons,rentableItems:this.desiredRentableItems,leaseTerm:this.leaseTerm,moveInDate:i})}}get layouts(){var e,t;return null!==(t=null===(e=this.buildingWebchatView)||void 0===e?void 0:e.layoutOptions)&&void 0!==t?t:[]}updated(e){(e.has("primaryColor")||e.has("backgroundColor"))&&(this.style.setProperty("--primary-color",this.primaryColor),this.style.setProperty("--background-color",this.backgroundColor))}disconnectedCallback(){super.disconnectedCallback(),this.debouncedCalculateQuote.cancel()}render(){return B`
       <div
         class="fee-calculator-container"
         @keydown=${e=>e.stopPropagation()}
@@ -4533,8 +4533,14 @@ xmlns="http://www.w3.org/2000/svg"
           <h1>Estimated Cost Calculator</h1>
 
           <div class="calculator-header-right">
+            <button
+              class="share-button"
+              @click=${this.handleShare}
+              ?disabled=${!this.selectedUnit}
+            >
+              <span>Export</span>
+            </button>
             <!-- TODO(Leo): Return once reqs are clear; also need apps link -->
-            <!-- <button class="share-button">Share</button> -->
             <!-- <button class="apply-button">Apply</button> -->
             <button
               aria-label="Close fee calculator"

package/src/WebComponent/FeeCalculator/fee-calculator.ts

@@ -15,6 +15,7 @@ import {
   calculateQuote,
   CalculateQuoteResponse,
 } from "../../services/fees/calculateQuote";
+import downloadQuotePdf from "../../services/fees/downloadQuotePdf";
 import { defaultBackgroundColor, defaultPrimaryColor } from "../../themes";
 import debounce from "lodash/debounce";
 import { XOutlineIcon } from "../icons/XOutlineIcon";
@@ -273,6 +274,25 @@ export class FeeCalculator extends LitElement {
     this.selectedLayoutIds = layoutIds;
   };
 
+  handleShare = async (): Promise<void> => {
+    if (!this.selectedUnit || !this.moveInDate) return;
+
+    const moveInDate =
+      this.moveInDate < new Date(this.selectedUnit.earliestAvailable)
+        ? this.selectedUnit.earliestAvailable
+        : this.moveInDate?.toISOString().split("T")[0];
+
+    await downloadQuotePdf({
+      buildingSlug: this.buildingSlug,
+      unitId: this.selectedUnit.id,
+      unitNumber: this.selectedUnit.unitNumber,
+      addons: this.desiredAddons,
+      rentableItems: this.desiredRentableItems,
+      leaseTerm: this.leaseTerm,
+      moveInDate,
+    });
+  };
+
   render(): TemplateResult {
     return html`
       <div
@@ -284,8 +304,14 @@ export class FeeCalculator extends LitElement {
           <h1>Estimated Cost Calculator</h1>
 
           <div class="calculator-header-right">
+            <button
+              class="share-button"
+              @click=${this.handleShare}
+              ?disabled=${!this.selectedUnit}
+            >
+              <span>Export</span>
+            </button>
             <!-- TODO(Leo): Return once reqs are clear; also need apps link -->
-            <!-- <button class="share-button">Share</button> -->
             <!-- <button class="apply-button">Apply</button> -->
             <button
               aria-label="Close fee calculator"

package/src/services/fees/downloadQuotePdf.ts

@@ -0,0 +1,71 @@
+import axios from "axios";
+
+import { LogType, sendLoggingEvent } from "../../analytics";
+import { snakify } from "../../utils";
+import {
+  DesiredAddon,
+  DesiredRentableItem,
+} from "../../WebComponent/FeeCalculator/model";
+import { BASE_DOMAIN } from "../../globals";
+
+type DownloadQuotePdfRequest = {
+  buildingSlug: string;
+  unitId: number;
+  unitNumber: string;
+  addons: DesiredAddon[];
+  rentableItems: DesiredRentableItem[];
+  leaseTerm: number;
+  moveInDate: string;
+};
+
+const BASE_URL = BASE_DOMAIN;
+
+export const downloadQuotePdf = async ({
+  buildingSlug,
+  unitId,
+  unitNumber,
+  addons,
+  rentableItems,
+  leaseTerm,
+  moveInDate,
+}: DownloadQuotePdfRequest): Promise<void> => {
+  try {
+    const response = await axios.post(
+      `${BASE_URL}/platformApi/webchat/${buildingSlug}/fees/calculate/download`,
+      snakify({
+        unitId,
+        addons,
+        rentableItems,
+        leaseTerm,
+        moveInDate,
+      }),
+      {
+        responseType: "blob",
+      }
+    );
+
+    const file = new Blob([response.data], { type: "application/pdf" });
+
+    // Create a link element to trigger the download
+    const fileURL = URL.createObjectURL(file);
+    const downloadLink = document.createElement("a");
+    downloadLink.href = fileURL;
+    downloadLink.download = `estimate-${unitNumber}.pdf`;
+
+    document.body.appendChild(downloadLink);
+    downloadLink.click();
+    document.body.removeChild(downloadLink);
+
+    // Clean up the object URL
+    URL.revokeObjectURL(fileURL);
+  } catch (error) {
+    sendLoggingEvent({
+      logType: LogType.error,
+      buildingSlug,
+      logTitle: "[ERROR_DOWNLOADING_QUOTE_PDF]",
+      logData: { error },
+    });
+  }
+};
+
+export default downloadQuotePdf;