@meetelise/chat 1.51.0 → 1.51.2

package/dist/src/WebComponent/Scheduler/tour-scheduler.d.ts

@@ -1,4 +1,6 @@
 import { LitElement, PropertyValueMap, TemplateResult } from "lit";
+import "../actions/international-phone-input";
+import type { InternationalPhoneChangeDetail } from "../actions/international-phone-input";
 import "./tour-type-option.ts";
 import "./date-picker.ts";
 import "./time-picker.ts";
@@ -36,6 +38,10 @@ export declare class TourScheduler extends LitElement {
     private shouldShowTourType;
     private email;
     private phoneNumber;
+    private phoneNumberE164;
+    private phoneCountry;
+    private phoneNumberIsValid;
+    private phoneNumberHasBlurred;
     private availabilitiesGroupedByDay;
     private calendarTimeZone;
     private waitingForAvailabilities;
@@ -61,7 +67,6 @@ export declare class TourScheduler extends LitElement {
     firstNameInput: HTMLInputElement;
     lastNameInput: HTMLInputElement;
     emailInput: HTMLInputElement;
-    phoneInput: HTMLInputElement;
     selectedLeadSource: MESelect;
     selectedLayoutEl?: MESelect;
     selectedUnitEl?: MESelect;
@@ -95,8 +100,7 @@ export declare class TourScheduler extends LitElement {
     protected willUpdate: (_changedProperties: PropertyValueMap<{
         tourType: TourType;
     }> | Map<PropertyKey, unknown>) => Promise<void>;
-    handlePhoneKeydown: (e: Event) => void;
-    handlePhoneKeyup: (e: KeyboardEvent) => void;
+    onChangePhoneNumber: (event: CustomEvent<InternationalPhoneChangeDetail>) => void;
     onChangeEmail: (e: Event) => void;
     validators: {
         tourType: () => boolean;

package/dist/src/WebComponent/actions/email-us-window.d.ts

@@ -1,7 +1,8 @@
 import { LitElement, TemplateResult } from "lit";
-import { Ref } from "lit/directives/ref.js";
 import "../me-select.ts";
 import { MESelect } from "../me-select";
+import "./international-phone-input";
+import type { InternationalPhoneChangeDetail } from "./international-phone-input";
 export declare class EmailUsWindow extends LitElement {
     static styles: import("lit").CSSResult[];
     leadSources: string[];
@@ -16,13 +17,14 @@ export declare class EmailUsWindow extends LitElement {
     private leadSourceClient;
     private leadSourceMultitouchClient;
     featureFlagShowDropdown: string;
-    phoneNumberInputRef: Ref<HTMLInputElement>;
     privatePolicyUrl: string;
     termsOfServiceUrl: string;
     firstName: string;
     lastName: string;
     email: string;
     phoneNumber: string;
+    phoneNumberE164: string | null;
+    phoneCountry: string | null;
     message: string;
     selectedLeadSource: MESelect;
     currentLeadSource: string;
@@ -37,9 +39,8 @@ export declare class EmailUsWindow extends LitElement {
     onChangeFirstName: (e: Event) => void;
     onChangeLastName: (e: Event) => void;
     onChangeEmail: (e: Event) => void;
-    onChangePhoneNumber: (e: Event) => void;
+    onChangePhoneNumber: (e: CustomEvent<InternationalPhoneChangeDetail>) => void;
     onChangeMessage: (e: Event) => void;
-    enforceFormat: (e: KeyboardEvent) => void;
     validateFormFields: () => void;
     onClick: () => Promise<void>;
     getNumErrors: () => number;

package/dist/src/WebComponent/actions/formatPhoneNumber.d.ts

@@ -1,8 +1,27 @@
+import type { CountryCode } from "libphonenumber-js/min";
+export declare type PhoneCountryOption = {
+    value: CountryCode;
+    label: string;
+    compactLabel: string;
+    countryName: string;
+};
+export declare const getPhoneCountry: (country: string | null | undefined) => CountryCode;
+export declare const phoneCountryOptions: PhoneCountryOption[];
 /**
- * For now, only handles the US phone number case.....
- * Formats into phone number as you type
+ * Formats a phone number as the user types. Numbers beginning with `+` infer
+ * their country from the calling code; national numbers use `country`.
  */
-export declare const formatToPhoneInput: (phoneNumber: string) => string;
+export declare const formatToPhoneInput: (phoneNumber: string, country?: string | null) => string;
+export declare const getCountryFromPhoneInput: (phoneNumber: string, country?: string | null) => CountryCode;
+export declare const getNationalPhoneNumber: (phoneNumber: string, country?: string | null) => string;
+export declare const getE164PhoneNumber: (phoneNumber: string, country?: string | null) => string | null;
+export declare const isValidInternationalPhoneNumber: (phoneNumber: string, country?: string | null) => boolean;
+/**
+ * Text Us remains limited to +1 destinations because outbound SMS currently
+ * skips other calling codes. Keep its ten-digit behavior isolated from the
+ * international Tour and Email Us input.
+ */
+export declare const formatToUsPhoneInput: (phoneNumber: string) => string;
 /**
  * Formats a phone number into a human-readable format.
  */

package/dist/src/WebComponent/actions/international-phone-input.d.ts

@@ -0,0 +1,30 @@
+import { LitElement, PropertyValues, TemplateResult } from "lit";
+export declare type InternationalPhoneChangeDetail = {
+    country: string;
+    e164: string | null;
+    formattedValue: string;
+    isValid: boolean;
+};
+export declare class InternationalPhoneInput extends LitElement {
+    static styles: import("lit").CSSResult[];
+    country: string | null;
+    value: string;
+    invalid: boolean;
+    private selectedCountry;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    get e164(): string | null;
+    get isValid(): boolean;
+    private dispatchPhoneChange;
+    private setFormattedInputValue;
+    private handleInput;
+    private handleCountryChange;
+    private handleKeydown;
+    private handleBlur;
+    private get selectedCountryLabel();
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "international-phone-input": InternationalPhoneInput;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meetelise/chat",
-  "version": "1.51.0",
+  "version": "1.51.2",
   "description": "",
   "keywords": [],
   "homepage": "https://github.com/MeetElise/chat-ui#readme",
@@ -51,6 +51,7 @@
     "date-fns-tz": "^2.0.1",
     "dompurify": "^3.1.2",
     "dotenv": "^16.0.1",
+    "libphonenumber-js": "^1.13.10",
     "lit": "^2.2.4",
     "lodash": "^4.17.21",
     "pubnub": "^7.2.2",