Running version

app/javascript/entrypoints/widget.js

@@ -12,7 +12,7 @@ import {
 } from 'shared/helpers/Validators';
 import router from '../widget/router';
 import { domPurifyConfig } from '../shared/helpers/HTMLSanitizer';
-const PhoneInput = () => import('../widget/components/Form/PhoneInput');
+const PhoneInput = () => import('../widget/components/Form/PhoneInput.vue');
 
 Vue.use(VueI18n);
 Vue.use(VueDOMPurifyHTML, domPurifyConfig);

app/javascript/widget/App.vue

@@ -346,5 +346,5 @@ export default {
 </script>
 
 <style lang="scss">
-@import '~widget/assets/scss/woot.scss';
+@import 'widget/assets/scss/woot.scss';
 </style>

app/javascript/widget/components/AgentTypingBubble.vue

@@ -8,7 +8,7 @@
           :class="$dm('bg-white', 'dark:bg-slate-700')"
         >
           <img
-            src="~widget/assets/images/typing.gif"
+            src="widget/assets/images/typing.gif"
             alt="Agent is typing a message"
           />
         </div>

app/javascript/widget/components/UserAvatar.vue

@@ -33,7 +33,7 @@ export default {
 
 .user-avatar {
   @include light-shadow;
-  background: url('~widget/assets/images/defaultUser.png') center center
+  background: url('widget/assets/images/defaultUser.png') center center
     no-repeat;
   background-size: cover;
   border-radius: 50%;