@meetelise/chat 1.20.83 → 1.20.85

package/src/disclaimers.ts

@@ -0,0 +1,56 @@
+import { html, TemplateResult } from "lit";
+import { styleMap } from "lit/directives/style-map.js";
+
+const disclaimerStyles = {
+  container: {
+    fontSize: "10px",
+    paddingTop: "4px",
+  },
+  link: {
+    color: "#4287f5",
+  },
+};
+
+const disclaimer = ({
+  buildingName,
+  phoneNumberInput,
+  emailInput,
+}: {
+  buildingName: string;
+  phoneNumberInput?: string;
+  emailInput?: string;
+}): TemplateResult => {
+  if (phoneNumberInput) {
+    return html` <div style=${styleMap(disclaimerStyles.container)}>
+      By providing your number and clicking submit, you consent to recurring
+      marketing text messages from or for
+      ${buildingName.length > 0 ? buildingName : "this building"} at this
+      number, which may be sent by an autodialer system. Replies 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)}
+        href="http://bit.ly/me_privacy_policy"
+        target="_blank"
+        rel="noopener noreferrer"
+        >privacy policy</a
+      >, including having your communications recorded by a third party.
+    </div>`;
+  }
+  if (emailInput) {
+    return html` <div style=${styleMap(disclaimerStyles.container)}>
+      By entering your email and clicking submit, you consent to this
+      <a
+        style=${styleMap(disclaimerStyles.link)}
+        href="http://bit.ly/me_privacy_policy"
+        target="_blank"
+        rel="noopener noreferrer"
+        >privacy policy</a
+      >, including having your email address and communications collected and
+      recorded by a third party.
+    </div>`;
+  }
+  return html``;
+};
+
+export default disclaimer;

package/src/fetchFeatureFlag.ts

@@ -82,3 +82,24 @@ export async function fetchFeatureFlagUseOverrideContactUsForm(
     return false;
   }
 }
+export async function fetchFeatureFlagUsePubnub(
+  buildingSlug: string
+): Promise<boolean> {
+  try {
+    const featureFlagResponse = await axios.get(
+      featureFlagEndpoint(buildingSlug),
+      {
+        params: {
+          building_slug: buildingSlug,
+          flag_type: "bool",
+          feature_flag: "use-pubnub-chat-provider",
+          default_str: null,
+          default_bool: false,
+        },
+      }
+    );
+    return featureFlagResponse.data;
+  } catch (_) {
+    return false;
+  }
+}

package/src/svgIcons.ts

@@ -3,6 +3,10 @@ export const XWhiteOutlineIcon = svg`<svg xmlns="http://www.w3.org/2000/svg" wid
 <line x1="1.70782" y1="13.2254" x2="13.2376" y2="1.69554" stroke="white" stroke-width="2.13401"/>
 <path d="M2.00929 1.99996L13.3328 13.3421" stroke="white" stroke-width="2.13401"/>
 </svg>`;
+export const XBlackOutlineIcon = svg`<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 15 15" fill="none">
+<line x1="1.70782" y1="13.2254" x2="13.2376" y2="1.69554" stroke="black" stroke-width="1.8"/>
+<path d="M2.00929 1.99996L13.3328 13.3421" stroke="black" stroke-width="1.8"/>
+</svg>`;
 export const BookTourBlackOutlineIcon = svg`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none">
 <path d="M15.6825 6.11855H0.00653076C0.0588276 4.00052 1.79117 2.30087 3.92226 2.30087H4.41255V3.6083C4.41255 3.88285 4.63481 4.09858 4.90283 4.09858C5.17085 4.09858 5.39311 3.88285 5.39311 3.6083V2.30087H10.2959V3.6083C10.2959 3.88285 10.5182 4.09858 10.7862 4.09858C11.0542 4.09858 11.2765 3.88285 11.2765 3.6083V2.30087H11.7668C13.8979 2.30087 15.6302 4.00052 15.6825 6.11855Z" fill="black"/>
 <path d="M15.0641 7.39731V14.0677C15.0641 15.8922 13.5861 17.365 11.7668 17.365H3.92227C2.10298 17.365 0.625 15.8922 0.625 14.0677V7.39731H15.0641Z" fill="white" stroke="black" stroke-width="1.25"/>
@@ -37,6 +41,11 @@ export const ChevronIconBlack = svg`<svg xmlns="http://www.w3.org/2000/svg" widt
 <path d="M1.31812 7L4.31812 4L1.31811 1" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>`;
 
+export const SendMessageIconWhite = svg`
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="none">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.94663 1.96781e-07H10.0534C12.2007 -1.17796e-05 13.8835 -2.12636e-05 15.1966 0.176509C16.5405 0.357197 17.601 0.734257 18.4334 1.56664C19.2657 2.39902 19.6428 3.45951 19.8235 4.80345C20 6.11646 20 7.79929 20 9.94663V10.0534C20 12.2007 20 13.8835 19.8235 15.1966C19.6428 16.5405 19.2657 17.601 18.4334 18.4334C17.601 19.2657 16.5405 19.6428 15.1966 19.8235C13.8835 20 12.2007 20 10.0534 20H9.94663C7.79929 20 6.11646 20 4.80345 19.8235C3.45951 19.6428 2.39902 19.2657 1.56664 18.4334C0.734257 17.601 0.357197 16.5405 0.176509 15.1966C-2.12636e-05 13.8835 -1.17796e-05 12.2007 1.96781e-07 10.0534V9.94662C-1.17796e-05 7.79928 -2.12636e-05 6.11646 0.176509 4.80345C0.357197 3.45951 0.734257 2.39902 1.56664 1.56664C2.39902 0.734257 3.45951 0.357197 4.80345 0.176509C6.11646 -2.12636e-05 7.79928 -1.17796e-05 9.94663 1.96781e-07ZM4.98937 1.55941C3.80016 1.7193 3.08321 2.02339 2.5533 2.5533C2.02339 3.08321 1.7193 3.80016 1.55941 4.98937C1.39683 6.19866 1.39535 7.7877 1.39535 10C1.39535 12.2123 1.39683 13.8013 1.55941 15.0106C1.7193 16.1998 2.02339 16.9168 2.5533 17.4467C3.08321 17.9766 3.80016 18.2807 4.98937 18.4406C6.19866 18.6032 7.7877 18.6047 10 18.6047C12.2123 18.6047 13.8013 18.6032 15.0106 18.4406C16.1998 18.2807 16.9168 17.9766 17.4467 17.4467C17.9766 16.9168 18.2807 16.1998 18.4406 15.0106C18.6032 13.8013 18.6047 12.2123 18.6047 10C18.6047 7.7877 18.6032 6.19866 18.4406 4.98937C18.2807 3.80016 17.9766 3.08321 17.4467 2.5533C16.9168 2.02339 16.1998 1.7193 15.0106 1.55941C13.8013 1.39683 12.2123 1.39535 10 1.39535C7.7877 1.39535 6.19866 1.39683 4.98937 1.55941ZM10.4369 6.71597C10.7094 6.44351 11.1511 6.44351 11.4236 6.71597L14.2143 9.50667C14.4867 9.77913 14.4867 10.2209 14.2143 10.4933L11.4236 13.284C11.1511 13.5565 10.7094 13.5565 10.4369 13.284C10.1644 13.0116 10.1644 12.5698 10.4369 12.2974L12.0366 10.6977H6.27907C5.89376 10.6977 5.5814 10.3853 5.5814 10C5.5814 9.61469 5.89376 9.30233 6.27907 9.30233H12.0366L10.4369 7.70263C10.1644 7.43017 10.1644 6.98843 10.4369 6.71597Z" fill="#EFEFEF"/>
+</svg>`;
+
 export const HeyThereEmoji = svg`<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" viewBox="0 0 25 25" fill="none">
 <rect x="0.5" y="0.5" width="24" height="24" fill="url(#pattern0)"/>
 <defs>