Merge branch 'main' of https://github.com/JhumanJ/OpnForm

client/components/global/ProTag.vue

@@ -77,8 +77,7 @@ export default {
 
   methods: {
     openChat() {
-      window.$crisp.push(['do', 'chat:show'])
+      useCrisp().openAndShowChat()
-      window.$crisp.push(['do', 'chat:open'])
     },
   }
 }

client/components/open/forms/OpenFormField.vue

@@ -230,7 +230,7 @@ export default {
         classes += '-mx-4 px-4 -my-1 py-1 group/nffield relative transition-colors'
 
         if (this.beingEdited) {
-          classes += ' bg-blue-50 rounded-md'
+          classes += ' bg-blue-50 dark:bg-gray-800 rounded-md'
         }
       }
       return classes

client/components/open/forms/components/form-components/FormAboutSubmission.vue

@@ -67,7 +67,7 @@
           <small>If the submission has the same value(s) as a previous one for the selected
             column(s), we will update it, instead of creating a new one.
             <a href="#"
-               @click.prevent="$crisp.push(['do', 'helpdesk:article:open', ['en', 'how-to-update-a-page-on-form-submission-1t1jwmn']])"
+               @click.prevent="crisp.openHelpdeskArticle('how-to-update-a-page-on-form-submission-1t1jwmn')"
             >More
               info here.</a>
           </small>
@@ -142,7 +142,8 @@ export default {
     const {content: form} = storeToRefs(workingFormStore)
     return {
       form,
-      workingFormStore
+      workingFormStore,
+      crisp: useCrisp()
     }
   },
   data () {

client/components/pages/forms/show/FormCleanings.vue

@@ -99,8 +99,7 @@ export default {
   },
   methods: {
     openCrisp () {
-      this.$crisp.push(['do', 'chat:show'])
+      useCrisp().openAndShowChat()
-      this.$crisp.push(['do', 'chat:open'])
     }
   }
 }

client/components/pages/pricing/CustomPlan.vue

@@ -32,9 +32,7 @@ export default {
 
   methods: {
     customPlanClick () {
-      window.$crisp.push(['do', 'chat:show'])
+      useCrisp().sendTextMessage('Hi, I would like to discuss about a custom plan')
-      window.$crisp.push(['do', 'chat:open'])
-      window.$crisp.push(['do', 'message:send', ['text', 'Hi, I would like to discuss about a custom plan']])
     }
   }
 }

client/pages/forms/[slug]/index.vue

@@ -82,7 +82,6 @@ const passwordEntered = function (password) {
         openCompleteForm.value.addPasswordError('Invalid password.')
       }
     })
-    openCompleteForm.value.submit()
   })
 }
 

client/pages/pricing.vue

@@ -271,8 +271,7 @@ export default {
 
   methods: {
     contactUs() {
-      window.$crisp.push(['do', 'chat:show'])
+      useCrisp().openAndShowChat()
-      window.$crisp.push(['do', 'chat:open'])
     }
   }
 }

client/pages/subscriptions/success.vue

@@ -32,7 +32,8 @@ export default {
     return {
       authStore,
       authenticated : computed(() => authStore.check),
-      user : computed(() => authStore.user)
+      user : computed(() => authStore.user),
+      crisp: useCrisp()
     }
   },
 
@@ -58,7 +59,7 @@ export default {
     redirectIfSubscribed () {
       if (this.user.is_subscribed) {
         useAmplitude().logEvent('subscribed', { plan: this.user.has_enterprise_subscription ? 'enterprise' : 'pro' })
-        this.$crisp.push(['set', 'session:event', [[['subscribed', { plan: this.user.has_enterprise_subscription ? 'enterprise' : 'pro' }, 'blue']]]])
+        this.crisp.pushEvent('subscribed', { plan: this.user.has_enterprise_subscription ? 'enterprise' : 'pro' })
         this.$router.push({ name: 'home' })
 
         if (this.user.has_enterprise_subscription) {

client/tailwind.config.js

@@ -12,9 +12,10 @@ module.exports = {
   ],
   safelist: [
     {
-      pattern:  /.*bg-(blue|gray|red|yellow|green).*/,
+      pattern: /.*bg-(blue|gray|red|yellow|green).*/,
     },
-    ...['green', 'red', 'blue', 'yellow'].map((color) => ['bg-' + color + '-100', 'border-' + color + '-500']).flat() // Alerts
+    ...['green', 'red', 'blue', 'yellow'].map((color) => ['bg-' + color + '-100', 'border-' + color + '-500']).flat(), // Alerts
+    ...['dark:hover:bg-notion-dark-light']
   ],
   darkMode: 'class', // or 'media' or 'class'
   theme: {
@@ -26,8 +27,8 @@ module.exports = {
           '16%': {transform: 'translateY(+10%)'}
         },
         'infinite-scroll': {
-          from: { transform: 'translateX(0)' },
+          from: {transform: 'translateX(0)'},
-          to: { transform: 'translateX(-100%)' },
+          to: {transform: 'translateX(-100%)'},
         }
       },
       animation: {
@@ -84,7 +85,7 @@ module.exports = {
   },
   plugins: [
     require('@tailwindcss/aspect-ratio'),
-    plugin(function({ addVariant }) {
+    plugin(function ({addVariant}) {
       addVariant('between', '&:not(:first-child):not(:last-child)')
       addVariant('hocus', ['&:hover', '&:focus'])
     })