@meetelise/chat 1.43.5 → 1.43.7

package/src/disclaimers.ts

@@ -20,22 +20,25 @@ const formDisclaimer = ({
   emailInput,
   orgLegalName,
   orgSlug,
+  clickingButtonText = "send",
 }: {
   buildingName: string;
   phoneNumberInput?: string;
   emailInput?: string;
   orgLegalName: string;
   orgSlug: string;
+  clickingButtonText?: string;
 }): TemplateResult => {
   if (phoneNumberInput && orgSlug === "greystar") {
     return html`<div style=${styleMap(disclaimerStyles.container)}>
-      By providing your phone number and clicking send, you consent to receive
-      recurring marketing calls and voice and text messages from Greystar or on
-      its behalf at this number using artificial voice and/or an autodialer.
-      Messages may be AI or human-generated. Your phone number and
-      communications are shared with and recorded and used by EliseAI. You are
-      not required to provide your phone number or consent to these terms to
-      lease at this property. Msg & Data rates may apply. You consent to
+      By providing your phone number and clicking ${clickingButtonText}, you
+      consent to receive recurring marketing calls and voice and text messages
+      from Greystar or on its behalf at this number using artificial voice
+      and/or an autodialer. Messages may be AI or human-generated. Your phone
+      number and communications are shared with and recorded and used by
+      EliseAI. You are not required to provide your phone number or consent to
+      these terms to lease at this property. Msg & Data rates may apply. You
+      consent to
       <a
         style=${styleMap(disclaimerStyles.link)}
         href="https://www.greystar.com/privacy"
@@ -55,11 +58,11 @@ const formDisclaimer = ({
   }
   if (phoneNumberInput) {
     return html` <div style=${styleMap(disclaimerStyles.container)}>
-      By providing your number and clicking send, you consent to receive
-      recurring marketing calls and voice and text messages from or on behalf of
-      ${orgLegalName} at this number using artificial voice or an autodialer
-      system. Messages may be AI or human generated. This consent is not
-      required to lease at this property. Msg & Data rates may apply. You
+      By providing your number and clicking ${clickingButtonText}, you consent
+      to receive recurring marketing calls and voice and text messages from or
+      on behalf of ${orgLegalName} at this number using artificial voice or an
+      autodialer system. Messages may be AI or human generated. This consent is
+      not required to lease at this property. Msg & Data rates may apply. You
       consent to this
       <a
         style=${styleMap(disclaimerStyles.link)}
@@ -73,7 +76,8 @@ const formDisclaimer = ({
   }
   if (emailInput) {
     return html` <div style=${styleMap(disclaimerStyles.container)}>
-      By entering your email and clicking submit, you consent to this
+      By entering your email and clicking ${clickingButtonText}, you consent to
+      this
       <a
         style=${styleMap(disclaimerStyles.link)}
         href="http://bit.ly/me_privacy_policy"

package/src/services/fees/calculateQuote.ts

@@ -2,17 +2,25 @@ import axios, { AxiosError } from "axios";
 
 import { LogType, sendLoggingEvent } from "../../analytics";
 import { camelize, snakify } from "../../utils";
-import {
-  DesiredAddon,
-  DesiredRentableItem,
-} from "../../WebComponent/FeeCalculator/model";
+import { DesiredRentableItem } from "../../WebComponent/FeeCalculator/model";
+
+// ChargeInputs interface matching backend structure
+export interface ChargeInputs {
+  base_rent: number;
+  num_pets: number;
+  num_vehicles: number;
+  num_applicants: number;
+  num_cats?: number;
+  num_dogs?: number;
+  num_other_pets?: number;
+}
 import { Quote } from "../../WebComponent/FeeCalculator/model/quote";
 import { BASE_DOMAIN } from "../../globals";
 
 type CalculateQuoteRequest = {
   buildingSlug: string;
   unitId: number;
-  addons: DesiredAddon[];
+  chargeInputs: ChargeInputs;
   rentableItems: DesiredRentableItem[];
   leaseTerm: number;
   moveInDate: string;
@@ -20,6 +28,7 @@ type CalculateQuoteRequest = {
 
 export type CalculateQuoteResponse = {
   quote: Quote;
+  pdfUrl?: string;
 };
 
 const BASE_URL = BASE_DOMAIN;
@@ -28,7 +37,7 @@ export const calculateQuote = async (
   {
     buildingSlug,
     unitId,
-    addons,
+    chargeInputs,
     rentableItems,
     leaseTerm,
     moveInDate,
@@ -37,10 +46,10 @@ export const calculateQuote = async (
 ): Promise<CalculateQuoteResponse> => {
   try {
     const feesResponse = await axios.post(
-      `${BASE_URL}/platformApi/webchat/${buildingSlug}/fees/v2/calculate`,
+      `${BASE_URL}/platformApi/webchat/${buildingSlug}/quote/calculate`,
       snakify({
         unitId,
-        addons,
+        chargeInputs,
         rentableItems,
         leaseTerm,
         moveInDate,

package/src/services/fees/downloadQuotePdf.ts

@@ -2,17 +2,15 @@ import axios from "axios";
 
 import { LogType, sendLoggingEvent } from "../../analytics";
 import { snakify } from "../../utils";
-import {
-  DesiredAddon,
-  DesiredRentableItem,
-} from "../../WebComponent/FeeCalculator/model";
+import { DesiredRentableItem } from "../../WebComponent/FeeCalculator/model";
+import { ChargeInputs } from "./calculateQuote";
 import { BASE_DOMAIN } from "../../globals";
 
 type DownloadQuotePdfRequest = {
   buildingSlug: string;
   unitId: number;
   unitNumber: string;
-  addons: DesiredAddon[];
+  chargeInputs: ChargeInputs;
   rentableItems: DesiredRentableItem[];
   leaseTerm: number;
   moveInDate: string;
@@ -24,17 +22,17 @@ export const downloadQuotePdf = async ({
   buildingSlug,
   unitId,
   unitNumber,
-  addons,
+  chargeInputs,
   rentableItems,
   leaseTerm,
   moveInDate,
 }: DownloadQuotePdfRequest): Promise<void> => {
   try {
     const response = await axios.post(
-      `${BASE_URL}/platformApi/webchat/${buildingSlug}/fees/calculate/download`,
+      `${BASE_URL}/platformApi/webchat/${buildingSlug}/quote/download-pdf`,
       snakify({
         unitId,
-        addons,
+        chargeInputs,
         rentableItems,
         leaseTerm,
         moveInDate,

package/src/services/fees/fetchBuildingFeesV2.ts

@@ -1,16 +1,19 @@
 import axios from "axios";
 import { LogType, sendLoggingEvent } from "../../analytics";
-import { BASE_DOMAIN } from "../../globals";
 import { camelize } from "../../utils";
 import { IncentiveV2 } from "../../types/incentive-v2";
 import { RentableItemSummary } from "../../WebComponent/FeeCalculator/model/rentable-item-summary";
-import { BuildingFeeView } from "../../WebComponent/FeeCalculator/model/building-fee-view";
+import {
+  MarketableFee,
+  MarketableFeeModel,
+} from "../../WebComponent/FeeCalculator/model/marketable-fee";
 import QueryParamBuilder from "../../utils/queryParamBuilder";
+import { BASE_DOMAIN } from "../../globals";
 
 const BASE_URL = BASE_DOMAIN;
 
 type BuildingFeeResponse = {
-  fees: BuildingFeeView[];
+  fees: MarketableFee[];
   rentableItems: RentableItemSummary[];
   buildingIncentives: IncentiveV2[];
 };
@@ -25,12 +28,12 @@ const fetchBuildingFeesV2 = async (
       layoutIds?.map((id) => id.toString())
     );
     const feesResponse = await axios.get(
-      `${BASE_URL}/platformApi/webchat/${buildingSlug}/fees?${params.build()}`
+      `${BASE_URL}/platformApi/webchat/${buildingSlug}/marketable-fees?${params.build()}`
     );
     if (feesResponse.data) {
       const data = camelize<BuildingFeeResponse>(feesResponse.data);
       return {
-        fees: data.fees.map(toBuildingFeeClass),
+        fees: data.fees.map(toMarketableFeeClass),
         rentableItems: data.rentableItems.map(toRentableItemSummary),
         buildingIncentives: data.buildingIncentives,
       };
@@ -51,7 +54,8 @@ const fetchBuildingFeesV2 = async (
   };
 };
 
-const toBuildingFeeClass = (fee: BuildingFeeView) => new BuildingFeeView(fee);
+const toMarketableFeeClass = (fee: MarketableFee) =>
+  new MarketableFeeModel(fee);
 
 const toRentableItemSummary = (item: RentableItemSummary) =>
   new RentableItemSummary(item);

package/src/utils.ts

@@ -117,7 +117,7 @@ export const formatCurrency = (
   return Intl.NumberFormat("en-US", {
     style: "currency",
     currency: "USD",
-    minimumFractionDigits: 0,
+    minimumFractionDigits: maximumFractionDigits,
     maximumFractionDigits,
   }).format(amount ?? 0);
 };

package/dist/src/WebComponent/FeeCalculator/components/addons/addon-table/table-matrix-qty-selector-styles.d.ts

@@ -1 +0,0 @@
-export declare const tableMatrixStyles: import("lit").CSSResult;

package/dist/src/WebComponent/FeeCalculator/components/addons/addon-table/table-matrix-qty-selector.d.ts

@@ -1,23 +0,0 @@
-import { LitElement, TemplateResult } from "lit";
-import { BuildingFeeView, DesiredAddon } from "../../../model";
-export declare class TableMatrixQtySelector extends LitElement {
-    static styles: import("lit").CSSResult;
-    set feeItem(value: BuildingFeeView | null);
-    get feeItem(): BuildingFeeView | null;
-    private _feeItem;
-    onQuantityChange: ((addon: DesiredAddon) => void) | null;
-    disabled: boolean;
-    private quantities;
-    private _availableTypes;
-    private get matrixRules();
-    private getAvailableTypes;
-    private get itemTypes();
-    private getMaxQuantityForType;
-    private isValidCombination;
-    private handleIncrement;
-    private handleDecrement;
-    private notifyQuantityChange;
-    private formatItemType;
-    private renderItemType;
-    render(): TemplateResult;
-}

package/dist/src/WebComponent/FeeCalculator/model/building-fee-view.d.ts

@@ -1,42 +0,0 @@
-import { PricingMatrix } from "./pricing-matrix";
-export declare enum BuildingFeeFrequency {
-    OneTime = "One Time",
-    Monthly = "Monthly",
-    Quarterly = "Quarterly",
-    Annually = "Annually",
-    PerOccurrence = "Per Occurrence"
-}
-export declare class BuildingFeeView {
-    id?: number;
-    buildingId: number;
-    feeName: string;
-    description?: string;
-    category: string;
-    unitIds?: number[];
-    layoutIds?: number[];
-    startDate?: Date;
-    endDate?: Date;
-    source?: string;
-    externalKey?: string;
-    syncActive: boolean;
-    hiddenReason?: string;
-    refundable: boolean;
-    bundleKey?: string;
-    publicFacing: boolean;
-    chargeCode?: string;
-    prorated?: boolean;
-    pricingCategory: "mandatory" | "situational";
-    pricingType: "fixed" | "per-item" | "usage-based" | "percent-rent" | "custom";
-    frequency: BuildingFeeFrequency;
-    nlpPricing?: string;
-    isAddon: boolean;
-    amount?: number;
-    percentRent?: number;
-    unitLabel?: string;
-    minAmount?: number;
-    maxAmount?: number;
-    customMatrixData?: PricingMatrix;
-    constructor(data?: Partial<BuildingFeeView>);
-    get isOptional(): boolean;
-    get hasMatrix(): boolean;
-}

package/dist/src/WebComponent/FeeCalculator/model/pricing-rule.d.ts

@@ -1,10 +0,0 @@
-import { ItemCombination } from "./item-combination";
-export interface PricingRule {
-    combination: ItemCombination;
-    price?: number;
-    percentRent?: number;
-    percentRentMin?: number;
-    percentRentMax?: number;
-    minimumPrice?: number;
-    maximumPrice?: number;
-}

package/dist/src/WebComponent/FeeCalculator/model/pricing-type.d.ts

@@ -1,10 +0,0 @@
-declare enum PricingType {
-    FIXED = "FIXED",
-    USAGE_BASED = "USAGE_BASED",
-    PERCENT_RENT = "PERCENT_RENT",
-    PER_ITEM = "PER_ITEM",
-    CUSTOM = "CUSTOM",
-    FIXED_MAX_PERCENT_RENT = "FIXED_MAX_PERCENT_RENT",
-    FIXED_MIN_PERCENT_RENT = "FIXED_MIN_PERCENT_RENT"
-}
-export default PricingType;

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

@@ -1,12 +0,0 @@
-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/src/WebComponent/FeeCalculator/components/addons/addon-table/table-matrix-qty-selector-styles.ts

@@ -1,82 +0,0 @@
-import { css } from "lit";
-
-export const tableMatrixStyles = css`
-  :host {
-    display: block;
-  }
-
-  .matrix-container {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-  }
-
-  .item-type-row {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 8px;
-  }
-
-  .item-label {
-    flex: 1;
-    font-size: 0.875rem;
-    color: #4b5563;
-    text-align: left;
-  }
-
-  .quantity-control {
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    border: 1px solid #dee2e6;
-    border-radius: 4px;
-    background-color: #fff;
-  }
-
-  .quantity-control.unavailable {
-    background-color: #f9f9f9;
-    border-color: #e0e0e0;
-    cursor: not-allowed;
-  }
-
-  .operator-sign {
-    display: inline-block;
-    line-height: 1;
-    position: relative;
-    transform: translateY(1px);
-    width: 0.8rem;
-    text-align: center;
-  }
-
-  .quantity-button {
-    font-size: 1.1rem;
-    padding: 0.3rem 0.4rem;
-    background: none;
-    border: none;
-    color: #347ff7;
-    cursor: pointer;
-  }
-
-  .quantity-button:hover {
-    background-color: #f3f4f6;
-  }
-
-  .quantity-button:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .quantity-value {
-    padding: 0.25rem;
-    min-width: 1.5rem;
-    text-align: center;
-    font-size: 0.875rem;
-  }
-
-  .unavailable-text {
-    color: #9ca3af;
-    font-style: italic;
-    cursor: not-allowed;
-  }
-`;

package/src/WebComponent/FeeCalculator/components/addons/addon-table/table-matrix-qty-selector.ts

@@ -1,203 +0,0 @@
-import { LitElement, html, TemplateResult } from "lit";
-import { customElement, property, state } from "lit/decorators.js";
-import { BuildingFeeView, DesiredAddon, PricingRule } from "../../../model";
-
-import { tableMatrixStyles } from "./table-matrix-qty-selector-styles";
-
-@customElement("table-matrix-qty-selector")
-export class TableMatrixQtySelector extends LitElement {
-  static styles = tableMatrixStyles;
-
-  @property({ type: Object })
-  set feeItem(value: BuildingFeeView | null) {
-    const oldValue = this._feeItem;
-    const oldId = oldValue?.id ?? null;
-    const newId = value?.id ?? null;
-
-    this._feeItem = value;
-    if (newId !== oldId) {
-      this.quantities = {};
-      this._availableTypes = this.getAvailableTypes();
-    }
-    this.requestUpdate("feeItem", oldValue);
-  }
-  get feeItem(): BuildingFeeView | null {
-    return this._feeItem;
-  }
-  private _feeItem: BuildingFeeView | null = null;
-
-  @property()
-  onQuantityChange: ((addon: DesiredAddon) => void) | null = null;
-
-  @property({ type: Boolean, reflect: true })
-  disabled = false;
-
-  @state()
-  private quantities: Record<string, number> = {};
-
-  // Cache available types to prevent recalculation on each render
-  private _availableTypes: string[] = [];
-
-  private get matrixRules(): PricingRule[] {
-    return this.feeItem?.customMatrixData?.toRuleArray() ?? [];
-  }
-
-  private getAvailableTypes(): string[] {
-    const availableTypes = new Set<string>();
-    this.matrixRules.forEach((rule) => {
-      rule.combination.quantities.forEach((q) =>
-        availableTypes.add(q.itemType)
-      );
-    });
-    return Array.from(availableTypes).sort();
-  }
-
-  private get itemTypes(): string[] {
-    return this._availableTypes;
-  }
-
-  private getMaxQuantityForType(itemType: string): number {
-    let max = 0;
-    this.matrixRules.forEach((rule) => {
-      const itemQty = rule.combination.quantities.find(
-        (q) => q.itemType === itemType
-      );
-      if (itemQty) {
-        max = Math.max(max, itemQty.quantity);
-      }
-    });
-    return max;
-  }
-
-  private isValidCombination(type: string, newQuantity: number): boolean {
-    const proposedQuantities = { ...this.quantities, [type]: newQuantity };
-
-    const relevantRules = this.matrixRules.filter((rule) =>
-      rule.combination.quantities.some((q) => q.itemType === type)
-    );
-
-    return relevantRules.some((rule) => {
-      const ruleQuantities = new Map(
-        rule.combination.quantities.map((q) => [q.itemType, q.quantity])
-      );
-
-      return Array.from(ruleQuantities.entries()).every(
-        ([itemType, quantity]) => {
-          const proposedQty = proposedQuantities[itemType] ?? 0;
-          return proposedQty === quantity;
-        }
-      );
-    });
-  }
-
-  private handleIncrement(type: string): void {
-    if (this.disabled) return;
-
-    const currentQty = this.quantities[type] ?? 0;
-    const newQty = currentQty + 1;
-
-    if (newQty > this.getMaxQuantityForType(type)) return;
-    if (!this.isValidCombination(type, newQty)) return;
-
-    const newQuantities = { ...this.quantities };
-    newQuantities[type] = newQty;
-    this.quantities = newQuantities;
-
-    this.notifyQuantityChange();
-  }
-
-  private handleDecrement(type: string): void {
-    if (this.disabled) return;
-
-    const currentQty = this.quantities[type] ?? 0;
-    if (currentQty <= 0) return;
-
-    const newQty = currentQty - 1;
-    if (!this.isValidCombination(type, newQty)) return;
-
-    const newQuantities = { ...this.quantities };
-    newQuantities[type] = newQty;
-    this.quantities = newQuantities;
-
-    this.notifyQuantityChange();
-  }
-
-  private notifyQuantityChange(): void {
-    if (!this.onQuantityChange || !this.feeItem) return;
-
-    // Include all available types, using 0 as default quantity if not set
-    // e.g. { "dog": 1, "cat": 2 }
-    const quantities = this.itemTypes.map((type) => ({
-      itemType: type,
-      quantity: this.quantities[type] ?? 0,
-    }));
-
-    this.onQuantityChange({
-      id: this.feeItem.id ?? 0,
-      quantities,
-    });
-  }
-
-  private formatItemType(type: string): string {
-    return type
-      .split(/[_-]/)
-      .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
-      .join(" ");
-  }
-
-  private renderItemType(type: string, isSingleItem: boolean): TemplateResult {
-    const quantity = this.quantities[type] ?? 0;
-    const maxQty = this.getMaxQuantityForType(type);
-    const canIncrement =
-      this.isValidCombination(type, quantity + 1) && quantity < maxQty;
-    const formattedType = this.formatItemType(type);
-
-    const showTypeLabel = !isSingleItem;
-
-    return html`
-      <div class="item-type-row">
-        ${showTypeLabel
-          ? html`<div class="item-label">${formattedType}:</div>`
-          : html`<div></div>`}
-        <div class="quantity-control ${this.disabled ? "unavailable" : ""}">
-          <button
-            class="quantity-button"
-            @click=${() => this.handleDecrement(type)}
-            ?disabled=${this.disabled || quantity <= 0}
-            aria-label="Decrease ${type} quantity"
-          >
-            <span class="operator-sign">&minus;</span>
-          </button>
-          <span
-            class="quantity-value ${this.disabled ? "unavailable-text" : ""}"
-          >
-            ${quantity}
-          </span>
-          <button
-            class="quantity-button"
-            @click=${() => this.handleIncrement(type)}
-            ?disabled=${this.disabled || !canIncrement}
-            aria-label="Increase ${type} quantity"
-          >
-            <span class="operator-sign">+</span>
-          </button>
-        </div>
-      </div>
-    `;
-  }
-
-  render(): TemplateResult {
-    if (!this.feeItem || !this.matrixRules.length) return html``;
-
-    const types = this.itemTypes;
-    if (!types.length) return html``;
-
-    const isSingleItem = types.length === 1;
-
-    return html`
-      <div class="matrix-container">
-        ${types.map((type) => this.renderItemType(type, isSingleItem))}
-      </div>
-    `;
-  }
-}