More front-end bug fixes

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
       }
     }