make phone field always required

app/javascript/template_builder/area.vue

@@ -68,7 +68,7 @@
         @blur="onNameBlur"
       >{{ field.name || defaultName }}</span>
       <div
-        v-if="isNameFocus && field.type !== 'checkbox'"
+        v-if="isNameFocus && !['checkbox', 'phone'].includes(field.type)"
         class="flex items-center ml-1.5"
       >
         <input

app/javascript/template_builder/field.vue

@@ -34,6 +34,7 @@
           v-if="isNameFocus"
           class="flex items-center relative"
         >
+          <template v-if="field.type != 'phone'">
             <input
               :id="`required-checkbox-${field.uuid}`"
               v-model="field.required"
@@ -47,6 +48,7 @@
               @click.prevent="field.required = !field.required"
               @mousedown.prevent
             >Required</label>
+          </template>
         </div>
         <div
           v-else-if="editable"
@@ -104,7 +106,10 @@
                   Default value
                 </label>
               </div>
-              <li @click.stop>
+              <li
+                v-if="field.type != 'phone'"
+                @click.stop
+              >
                 <label class="cursor-pointer py-1.5">
                   <input
                     v-model="field.required"