@meetelise/chat 1.25.0 → 1.25.2

package/src/WebComponent/launcher/typeEmojiStyles.ts

@@ -1,161 +0,0 @@
-import { css } from "lit";
-
-export const typeEmojiStyles = css`
-  .type-hey__list {
-    width: 280px;
-    height: 300px;
-    margin-right: 4px;
-
-    border-radius: 16px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    position: relative;
-    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
-  }
-  .type-hey__top-section {
-    width: 100%;
-    border-radius: 16px;
-    height: calc(100% + 56px);
-  }
-  #type-hey__ask-prompt:hover {
-    filter: brightness(0.9);
-  }
-  .type-hey__chat-container {
-    position: absolute;
-    bottom: -72px;
-    right: 0px;
-  }
-
-  .type-hey__bottom-section {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 0;
-
-    height: 120px;
-
-    background: rgba(255, 255, 255, 1);
-    border-radius: 16px;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    gap: 4px;
-
-    padding: 16px 40px;
-  }
-  .type-hey__botton-section-pills {
-    margin-top: -24px;
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-  }
-  .type-hey__pill {
-    width: 164px;
-    height: 32px;
-
-    background: #ffffff;
-    mix-blend-mode: normal;
-    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.15);
-    border-radius: 4px;
-
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    padding-left: 15px;
-    padding-right: 15px;
-    font-size: 12px;
-
-    cursor: pointer;
-  }
-  .type-hey__pill-left {
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    gap: 8px;
-  }
-
-  .type-hey__pill:hover {
-    background: #eaecf4;
-  }
-  .type-hey__ai-topic {
-    background: rgba(255, 255, 255, 0.2);
-    border-radius: 4px 4px 4px 0px;
-    padding: 0px 8px;
-    text-align: center;
-    width: 73px;
-
-    margin: auto;
-    margin-top: 26px;
-    color: #ffffff;
-    position: relative;
-  }
-  .type-hey__ai-topic p {
-    font-weight: 700;
-    font-size: 8px;
-    line-height: 18px;
-    letter-spacing: 0.05em;
-    text-transform: uppercase;
-  }
-  .type-hey__ai-topic-notch {
-    content: "";
-    width: 0px;
-    height: 0px;
-    position: absolute;
-    border-left: 3px solid rgba(255, 255, 255, 0.2);
-    border-right: 3px solid transparent;
-    border-top: 3px solid rgba(255, 255, 255, 0.2);
-    border-bottom: 3px solid transparent;
-    left: 0px;
-    bottom: -6px;
-  }
-  .type-hey__icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-  .type-hey__greeting {
-    margin: auto;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    gap: 4px;
-  }
-  .type-hey__greeting > h1 {
-    font-family: "Helvetica Neue", Arial;
-    font-style: normal;
-    font-weight: 500;
-    font-size: 20px;
-    line-height: 22px;
-    margin: 0;
-
-    color: #ffffff;
-  }
-
-  #type-hey__ask-prompt {
-    margin: auto;
-    margin-top: 9px;
-    margin-bottom: 24px;
-
-    border: 1px solid rgba(255, 255, 255, 0.8);
-    box-shadow: 0px 12px 10px rgba(0, 0, 0, 0.1);
-
-    color: #ffffff;
-  }
-
-  .type-hey__bottom-info {
-    margin-top: 16px;
-  }
-  .type-hey__bottom-info-inner,
-  .type-hey__bottom-info-inner > .title-bold {
-    font-family: "Helvetica Neue", Arial;
-    font-style: normal;
-    font-size: 10px;
-    line-height: 140%;
-  }
-  .title-bold {
-    font-weight: 700;
-  }
-`;

package/src/WebComponent/launcher/typeMiniStyles.ts

@@ -1,60 +0,0 @@
-import { css } from "lit";
-
-export const typeMiniStyles = css`
-  .vertical-pill-list {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-    margin-right: 4px;
-  }
-  #overlay-inner-pill {
-    color: #ffffff;
-  }
-  .inner-pill-wrapper {
-    width: 164px;
-    height: 36px;
-    position: relative;
-
-    background: #ffffff;
-    mix-blend-mode: normal;
-    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.15);
-    border-radius: 4px;
-
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-
-    padding-left: 15px;
-    padding-right: 15px;
-  }
-  .inner-pill-wrapper:hover,
-  #overlay-inner-pill:hover {
-    cursor: pointer;
-    filter: brightness(90%);
-  }
-
-  .vertical-pill-left {
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-start;
-    align-items: center;
-    gap: 12px;
-  }
-  .vertical-pill-title {
-    font-size: 13px;
-    font-weight: 400;
-    line-height: 18px;
-    letter-spacing: 0em;
-  }
-  .vertical-pill-bold {
-    font-weight: 700;
-  }
-  .vertical-pill-icon {
-    text-align: center;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-`;

package/src/WebComponent/launcher/typeMobileStyles.ts

@@ -1,50 +0,0 @@
-import { css } from "lit";
-
-export const typeMobileStyles = css`
-  #minimize-mobile {
-    position: absolute;
-    top: -12px;
-    right: 0;
-  }
-  .typeMobile-list {
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-    margin-right: 0px;
-  }
-  .typeMobile-list > ul {
-    padding: 0;
-    list-style: none;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    gap: 3px;
-  }
-  .typeMobile-bttn {
-    width: 54px;
-    height: 54px;
-
-    border: 2px solid #f3f6fc;
-    border-radius: 1000px;
-
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-  .typeMobile-bttn:hover > .typeMobile-inner {
-    background: #eaecf4;
-    cursor: pointer;
-  }
-  .typeMobile-bttn > .typeMobile-inner {
-    width: 48px;
-    height: 48px;
-
-    background: #ffffff;
-    border: 2px solid #f3f6fc;
-    border-radius: 1000px;
-
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-`;

package/src/WebComponent/leasing-chat-styles.ts

@@ -1,114 +0,0 @@
-import { css } from "lit";
-
-export const leasingChatStyles = css`
-  #pubnub-chat-container {
-    position: fixed;
-
-    z-index: 100001;
-    display: flex;
-    align-items: center;
-
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-
-    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
-      rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
-
-    font-family: Poppins, "Open Sans", "Helvetica", sans-serif;
-  }
-  .pubnub-container__mobile {
-    right: 0px;
-    bottom: 0px;
-    width: 100%;
-    height: 100%;
-    border-radius: 0px;
-  }
-  .pubnub-container__desktop {
-    right: 0px;
-    bottom: 110px;
-    width: 340px;
-    height: 600px;
-    border-radius: 24px 24px 0px 24px;
-  }
-  #leasing-header {
-    height: 70px;
-    width: 100%;
-    background: white;
-    overflow: hidden;
-
-    box-sizing: border-box;
-
-    display: flex;
-    align-items: center;
-    padding: 24px;
-    justify-content: space-between;
-  }
-  .leasing-conversation-body-backdrop {
-    background: rgba(193, 193, 193, 0.5);
-    backdrop-filter: blur(4px);
-
-    border-top: 1px solid rgba(0, 0, 0, 0.1);
-    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-  }
-
-  @media screen and (max-width: 767px) {
-    #conversation-body {
-      background: #efefef;
-      backdrop-filter: none;
-    }
-  }
-
-  .disclaimer-message {
-    font-size: 12px;
-  }
-  .disclaimer-inner {
-    margin: 0;
-  }
-  .disclaimer-inner > a {
-    color: black;
-  }
-
-  #footer {
-    min-height: 70px;
-    max-height: 200px;
-    width: 100%;
-    background: black;
-
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    box-sizing: border-box;
-    gap: 16px;
-    padding: 24px;
-    z-index: 100001;
-  }
-  #message-input {
-    width: 100%;
-    height: auto;
-    max-height: 100%;
-
-    resize: none;
-
-    font-family: inherit;
-    box-sizing: border-box;
-    font-weight: 300;
-    line-height: 150%;
-    border: none;
-    color: white;
-    background: none;
-    padding-right: 6px; /* width of the scrollbar */
-    box-sizing: border-box;
-    z-index: 1000000000000000000000000001;
-  }
-  #message-input:focus {
-    outline: none;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-  }
-  #send-message-bttn {
-    background: none;
-    border: none;
-    cursor: pointer;
-  }
-`;