More front-end bug fixes

Author: JhumanJ

client/components/forms/PhoneInput.vue

@@ -138,7 +138,7 @@ export default {
       if(this.compVal  === null){
         return;
       }
-      if (!this.compVal.startsWith('+')) {
+      if (!this.compVal?.startsWith('+')) {
         this.selectedCountryCode = this.getCountryBy(this.compVal.substring(2, 0))
       }
 

client/components/forms/SelectInput.vue

@@ -32,7 +32,7 @@
           <template v-if="multiple">
             <div class="flex items-center truncate mr-6">
               <span class="truncate">
-                {{ selectedValues.join(', ') }}
+                {{ selectedValues?.join(', ') }}
               </span>
             </div>
           </template>
@@ -122,6 +122,7 @@ export default {
       return null
     },
     updateModelValue(newValues){
+      if (newValues === null) newValues = []
       this.selectedValues = newValues
     },
     updateOptions (newItem) {

client/components/forms/SignatureInput.vue

@@ -53,7 +53,7 @@ export default {
       if (this.disabled) {
         this.$refs.signaturePad.clearSignature()
       } else {
-        const { isEmpty, data } = this.$refs.signaturePad.saveSignature()
+        const { isEmpty, data } = this.$refs.signaturePad?.saveSignature()
         this.form[this.name] = (!isEmpty && data) ? data : null
       }
     }

client/components/global/WorkspaceDropdown.vue

@@ -23,7 +23,7 @@
     <template v-for="worksp in workspaces" :key="worksp.id">
       <a href="#"
          class="px-4 py-2 text-md text-gray-700 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-100 dark:hover:text-white dark:hover:bg-gray-600 flex items-center"
-         :class="{'bg-blue-100 dark:bg-blue-900':workspace.id === worksp.id}" @click.prevent="switchWorkspace(worksp)"
+         :class="{'bg-blue-100 dark:bg-blue-900':workspace?.id === worksp?.id}" @click.prevent="switchWorkspace(worksp)"
       >
         <div class="rounded-full h-8 w-8 flex-shrink-0" role="button">
           <img v-if="isUrl(worksp.icon)"

client/components/open/forms/OpenForm.vue

@@ -47,7 +47,7 @@
       </open-form-button>
 
       <slot v-if="isLastPage" name="submit-btn" :submitForm="submitForm" />
-      <open-form-button v-else native-type="button" :color="form.color" :theme="theme" class="mt-2 px-8 mx-1"
+      <open-form-button v-else-if="currentFieldsPageBreak" native-type="button" :color="form.color" :theme="theme" class="mt-2 px-8 mx-1"
                         @click.stop="nextPage"
       >
         {{ currentFieldsPageBreak.next_btn_text }}

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

@@ -56,7 +56,7 @@ function initUpdatedForm() {
 
 // Create a form.id watcher that updates working form
 watch(form, (form) => {
-  if (form.value) {
+  if (form?.value) {
     initUpdatedForm()
   }
 })

client/pages/home.vue

@@ -157,7 +157,7 @@ const editForm = (form) => {
   showEditFormModal.value = true
 }
 const onTagClick = (tag) => {
-  if (selectedTags.value.has(tag)) {
+  if (selectedTags?.value?.has(tag)) {
     selectedTags.value.remove(tag)
   } else {
     selectedTags.value.add(tag)

client/pages/settings/workspace.vue

@@ -159,7 +159,7 @@ const saveChanges = () => {
   // Update the workspace custom domain
   customDomainsForm.put('/open/workspaces/' + workspace.value.id + '/custom-domains', {
     data: {
-      custom_domains: customDomainsForm.custom_domains.split('\n')
+      custom_domains: customDomainsForm?.custom_domains?.split('\n')
         .map(domain => domain ? domain.trim() : null)
         .filter(domain => domain && domain.length > 0)
     }
@@ -175,7 +175,7 @@ const saveChanges = () => {
 
 const initCustomDomains = () => {
   if (!workspace || !workspace.value.custom_domains) return
-  customDomainsForm.custom_domains = workspace.value.custom_domains.join('\n')
+  customDomainsForm.custom_domains = workspace.value?.custom_domains.join('\n')
 }
 
 const deleteWorkspace = (workspaceId) => {