diff --git a/src/digital-components/sierra-webchat/sierra-webchat.vue b/src/digital-components/sierra-webchat/sierra-webchat.vue index 2ba74b33a..b01755432 100644 --- a/src/digital-components/sierra-webchat/sierra-webchat.vue +++ b/src/digital-components/sierra-webchat/sierra-webchat.vue @@ -7,10 +7,15 @@ import analyticsMixin from "@/mixins/analytics-mixin"; import store from "@/store"; import { routeData } from "@/router/constants/routes"; import { deepClone } from "@/helpers/object-helper"; +import { webchatHelper } from "@/helpers/webchat-helper"; export default { name: "sierraWebchat", mixins: [analyticsMixin], + setup() { + const { webchatGlobalNonpersistedState, launchWebchat } = webchatHelper(); + return { webchatGlobalNonpersistedState, launchWebchat }; + }, methods: { openSierraChatModal() { const sierra = window.sierraChat || window.sierra || window.SierraChat; @@ -152,15 +157,9 @@ export default { LastName: transfer.data.last_name, Email: transfer.data.email, }); - if ( - window.embeddedservice_bootstrap.utilAPI && - typeof window.embeddedservice_bootstrap.utilAPI.launchChat === "function" - ) { - window.embeddedservice_bootstrap.utilAPI.launchChat(); - return; - } } - window.embeddedservice_bootstrap.utilAPI.launchChat(); + this.webchatGlobalNonpersistedState.shouldLaunchSierra = false; + this.launchWebchat(); } }; window.addEventListener("sierra-chat-transfer", this._handleSierraTransfer); diff --git a/src/helpers/webchat-helper.js b/src/helpers/webchat-helper.js index e5254d08d..1317f3341 100644 --- a/src/helpers/webchat-helper.js +++ b/src/helpers/webchat-helper.js @@ -8,6 +8,7 @@ const webchatGlobalNonpersistedState = reactive({ export const webchatHelper = () => { function launchWebchat() { + webchatGlobalNonpersistedState.showWebchatButton = false; if (webchatGlobalNonpersistedState.shouldLaunchSierra) { window.dispatchEvent(new CustomEvent("launch-sierra-webchat")); // launches the sierra chat } else {