Enable pricing (#151)

* Enable Pro plan - WIP

* no pricing page if have no paid plans

* Set pricing ids in env

* views & submissions FREE for all

* extra param for env

* form password FREE for all

* Custom Code is PRO feature

* Replace codeinput prism with codemirror

* Better form Cleaning message

* Added risky user email spam protection

* fix form cleaning

* Pricing page new UI

* form cleaner

* Polish changes

* Fixed tests

---------

Co-authored-by: Julien Nahum <julien@nahum.net>

resources/js/components/common/Collapse.vue

@@ -5,8 +5,13 @@
         <slot name="title" />
       </div>
       <div class="text-gray-400 hover:text-gray-600 absolute -right-2 -top-1 cursor-pointer p-2" @click="trigger">
-        <svg class="h-3 w-3 transition transform duration-500" :class="{'rotate-180':showContent}" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <path d="M1 1L7 7L13 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 transition transform duration-500"
+             :class="{'rotate-180':showContent}" viewBox="0 0 20 20" fill="currentColor"
+        >
+          <path fill-rule="evenodd"
+                d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-11a1 1 0 10-2 0v3.586L7.707 9.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L11 10.586V7z"
+                clip-rule="evenodd"
+          />
         </svg>
       </div>
     </div>
@@ -20,21 +25,23 @@
 
 <script>
 import VTransition from './transitions/VTransition.vue'
+
 export default {
   name: 'Collapse',
   components: { VTransition },
   props: {
-    defaultValue: { type: Boolean, default: false }
+    defaultValue: { type: Boolean, default: false },
+    value: { type: Boolean, default: null }
   },
   data () {
     return {
-      showContent: this.defaultValue
+      showContent: this.value ?? this.defaultValue
     }
   },
   methods: {
     trigger () {
       this.showContent = !this.showContent
-      this.$emit('click', this.showContent)
+      this.$emit('input', this.showContent)
     }
   }
 }

resources/js/components/common/ProTag.vue

@@ -33,7 +33,7 @@
       </p>
 
       <p class="my-4 text-center">
-        Feel free to <a href="mailto:contact@opnform.com">contact us</a> if you have any feature request.
+        Feel free to <a href="#" @click.prevent="openChat">contact us</a> if you have any feature request.
       </p>
       <div class="mb-4 text-center">
         <v-button color="gray" shade="light" @click="showPremiumModal=false">
@@ -66,13 +66,20 @@ export default {
       currentWorkSpace: 'open/workspaces/getCurrent',
     }),
     shouldDisplayProTag() {
-      return false; //!this.user.is_subscribed && !(this.currentWorkSpace.is_pro || this.currentWorkSpace.is_enterprise);
+      if(!window.config.paid_plans_enabled) return false
+      if (!this.user) return true
+      return !(this.currentWorkSpace().is_pro || this.currentWorkSpace().is_enterprise)
     },
   },
 
   mounted () {
   },
 
-  methods: {}
+  methods: {
+    openChat () {
+      window.$crisp.push(['do', 'chat:show'])
+      window.$crisp.push(['do', 'chat:open'])
+    },
+  }
 }
 </script>