diff --git a/conversations/index.php b/conversations/index.php new file mode 100644 index 0000000..d21c962 --- /dev/null +++ b/conversations/index.php @@ -0,0 +1,24 @@ +body, +intercom-modal-open, +#intercom-container-body { + overflow: hidden !important; +} + +intercom-mobile-messenger-active, +intercom-mobile-messenger-active>body { + position: static !important; +} + +intercom-mobile-messenger-active>body { + height: 0 !important; + margin: 0 !important; +} + +#intercom-frame { + position: absolute !important; + opacity: 0 !important; + width: 1px !important; + height: 1px !important; + top: 0 !important; + left: 0 !important; + border: none !important; + display: block !important; + z-index: -1 !important; +} + +.intercom-namespace .intercom-app { + line-height: 1; +} + +.intercom-namespace .intercom-1k5islr { + z-index: 2147483000; + position: fixed; + bottom: 100px; + background-color: white; + right: 20px; + height: calc(100% - 120px); + width: 376px; + min-height: 250px; + max-height: 704px; + box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px; + opacity: 1; + border-radius: 8px; + overflow: hidden; + transition: width 350ms ease 0s, height ease 0s, max-height ease 0s; +} + +.intercom-namespace div, +.intercom-namespace frame { + display: block; +} + +intercom-namespace div, +.intercom-namespace span, +.intercom-namespace .region { + font-family: intercom-font, "Helvetica Neue", "Apple Color Emoji", Helvetica, Arial, sans-serif; + font-size: 100%; + font-style: normal; + letter-spacing: normal; + font-stretch: normal; + font-variant: normal; + font-weight: normal; + text-align-last: initial; + text-decoration: none; + text-indent: 0px; + text-shadow: none; + text-transform: none; + alignment-baseline: baseline; + animation-play-state: running; + backface-visibility: visible; + background-color: transparent; + background-image: none; + baseline-shift: baseline; + border: 0px none transparent; + border-radius: 0px; + inset: auto; + -webkit-box-decoration-break: slice; + box-shadow: none; + box-sizing: content-box; + caption-side: top; + clear: none; + clip: auto; + color: inherit; + columns: auto auto; + column-fill: balance; + column-gap: normal; + content: normal; + counter-increment: none; + counter-reset: none; + cursor: auto; + direction: ltr; + display: inline; + dominant-baseline: auto; + empty-cells: show; + float: none; + height: auto; + -webkit-hyphenate-character: auto; + hyphens: manual; + image-rendering: auto; + line-height: inherit; + list-style: outside none disc; + margin: 0px; + max-height: none; + max-width: none; + min-height: 0px; + min-width: 0px; + opacity: 1; + orphans: 2; + outline-offset: 0px; + overflow: visible; + padding: 0px; + page: auto; + break-after: auto; + break-before: auto; + break-inside: auto; + perspective: none; + perspective-origin: 50% 50%; + pointer-events: auto; + position: static; + quotes: none; + resize: none; + size: auto; + table-layout: auto; + transform: none; + transform-origin: 50% 50% 0px; + transform-style: flat; + unicode-bidi: normal; + vertical-align: baseline; + white-space: normal; + widows: 2; + width: auto; + word-break: normal; + word-spacing: normal; + overflow-wrap: normal; + z-index: auto; + text-align: start; + -webkit-font-smoothing: antialiased; +} + +.intercom-k9lbvn { + display: flex; + flex-direction: column; + -webkit-box-pack: start; + justify-content: flex-start; + position: absolute; + inset: 0px; + overflow: hidden; +} + +.intercom-1i24npt { + position: relative; + min-height: 75px; + color: white; + transition: height 160ms ease-out 0s; + background: linear-gradient( 135deg, rgb(36, 167, 237) 0%, rgb(13, 107, 158) 100%); +} + +.intercom-1yrq9n7 { + position: absolute; + top: 0px; + left: 0px; + right: 0px; + outline-offset: -5px; +} + +.intercom-99sib9, +.intercom-99sib9 * { + cursor: pointer; +} + +.intercom-99sib9 { + z-index: 2147483000; + position: absolute; + background-position: center center; + width: 51px; + height: 51px; + margin: 12px 2px 12px 8px; + top: 0px; + left: 0px; +} + +.intercom-m8mn7f { + padding: 24px 24px 0px 75px; + box-sizing: border-box; +} + +.intercom-kdbfby { + color: rgb(255, 255, 255); + font-size: 20px; + line-height: 30px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.intercom-1qjqs0o { + color: rgba(255, 255, 255, 0.7); + font-size: 14px; + line-height: 21px; +} + +.intercom-lrxvm textarea { + position: absolute; + bottom: 0px; + left: 0px; + color: rgb(0, 0, 0); + resize: none; + border: none; + transition: background-color 200ms ease 0s, box-shadow 200ms ease 0s; + outline-offset: -5px; +} + +.intercom-lrxvm textarea, +.intercom-lrxvm pre { + box-sizing: border-box; + padding: 18px 100px 18px 29px; + width: 100%; + height: 100%; + font-family: intercom-font, "Helvetica Neue", "Apple Color Emoji", Helvetica, Arial, sans-serif; + font-size: 14px; + font-weight: normal; + line-height: 1.33; + background-color: rgb(255, 255, 255); + white-space: pre-wrap; + overflow-wrap: break-word; +} + +.intercom-dj4xvs { + display: flex; + flex-direction: column; + -webkit-box-flex: 1; + flex-grow: 1; + flex-shrink: 0; + -webkit-box-pack: justify; + justify-content: space-between; + overflow-anchor: none; + height: auto; + position: relative; +} + +.intercom-74t546 .e1h2hbch0::after { + animation-name: animation-1acbpvw; + animation-duration: 320ms; + animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); + animation-delay: 230ms; + animation-fill-mode: backwards; +} + +.intercom-1cu59x3 .intercom-conversation-body-main-group { + display: flex; + flex-direction: column; + -webkit-box-flex: 1; + flex-grow: 1; +} + +.intercom-90ug9k { + display: flex; + flex-direction: column; + position: absolute; + inset: 0px; + overflow: hidden scroll; + outline-offset: -5px; +} + +.intercom-1cu59x3 { + position: absolute; + inset: 0px; +} + +.intercom-74t546 { + position: absolute; + inset: 0px; +} + +.intercom-1xafcqx { + position: relative; + flex: 1 1 0%; + background-color: white; + box-shadow: rgb(0 0 0 / 20%) 0px 21px 4px -20px inset; +} + +.intercom-m8mn7f { + padding: 24px 24px 0px 75px; + box-sizing: border-box; +} + +// new chat styles \ No newline at end of file diff --git a/examples/js/vue.js b/examples/js/vue.js index 2f5c637..9e7039d 100644 --- a/examples/js/vue.js +++ b/examples/js/vue.js @@ -1,5 +1,3 @@ - - Vue.component('comment-thread', { props: [ 'comment', @@ -23,6 +21,7 @@ var app = new Vue({ data: { pageSlug: "test", newComment: {}, + chat: {}, comments: [], example: "comments", status: null, @@ -35,14 +34,15 @@ var app = new Vue({ userForm: {}, modal: { type: 'email', - signIn: false + signIn: false, + chat: true }, errors: null, userData: null, isGuest: false }, filters: { - date: function (str) { + date: function(str) { if (!str) { return '(n/a)'; } str = new Date(str); return str.getFullYear() + '-' + ((str.getMonth() < 9) ? '0' : '') + (str.getMonth() + 1) + '-' + @@ -65,7 +65,7 @@ var app = new Vue({ this.$http.post("/form/?action=submit", request).then((response) => { this.loading.form = false; console.log(response) - // this.message = response.data.message; + // this.message = response.data.message; if (response.status == 201) { this.form = {}; console.log(response.data); @@ -106,7 +106,7 @@ var app = new Vue({ this.$http.post("/comments/?action=submit", request, config).then((response) => { this.loading.general = false; console.log(response) - // this.message = response.data.message; + // this.message = response.data.message; if (response.status == 201) { this.newComment.text = ""; console.log(response.data); @@ -140,7 +140,7 @@ var app = new Vue({ this.$http.post("/users/?action=login", request).then((response) => { this.loading.general = false; console.log(response) - // this.message = response.data.message; + // this.message = response.data.message; if (response.status == 200) { console.log(response.data) this.userData = response.data; @@ -162,7 +162,7 @@ var app = new Vue({ this.$http.post("/comments/?action=get", { "slug": this.pageSlug }).then((response) => { this.loading.comments = false; console.log(response) - // this.message = response.data.message; + // this.message = response.data.message; if (response.status == 200) { console.log(response.data) this.comments = response.data; diff --git a/examples/vue.html b/examples/vue.html index e6d58f9..d68ccc1 100644 --- a/examples/vue.html +++ b/examples/vue.html @@ -64,23 +64,17 @@