fix(sms): drop iOS gateway and harden simple-sms-gateway flow

frontend/src/components/campaigns/SmsCampaignComposerDialog.vue

@@ -67,13 +67,17 @@
           :placeholder="t('message_placeholder')"
           @input="updateCharCount"
         />
+        <small class="text-surface-500">{{ t('attribute_syntax_help') }}</small>
         <div class="flex justify-between text-xs text-surface-500">
           <span>{{ smsParts }} {{ smsParts === 1 ? 'SMS' : 'SMS' }}</span>
           <span>{{ charactersLeftLabel }}</span>
         </div>
         <small v-if="showFieldError('messageTemplate')" class="text-red-500">
           {{ validationErrors.messageTemplate }}
         </small>
+        <small v-if="validationErrors.placeholders" class="text-red-500">
+          {{ validationErrors.placeholders }}
+        </small>
       </div>
 
       <div class="border border-surface-200 rounded-md p-3">
@@ -271,11 +275,12 @@ const form = reactive({
   selectedGatewayIds: [] as string[],
 });
 
-type FormField = 'messageTemplate' | 'gateways';
+type FormField = 'messageTemplate' | 'gateways' | 'placeholders';
 
 const touched = reactive<Record<FormField, boolean>>({
   messageTemplate: false,
   gateways: false,
+  placeholders: false,
 });
 
 const charCount = ref(0);
@@ -359,20 +364,32 @@ const toggleAttributeMenu = (event: MouseEvent) => {
 };
 
 const validationErrors = computed<Record<FormField, string>>(() => {
-  return {
+  const errors: Record<FormField, string> = {
     messageTemplate: form.messageTemplate.trim().length
       ? ''
       : t('message_required'),
     gateways: '',
+    placeholders: '',
   };
+
+  if (form.messageTemplate.trim().length > 0) {
+    const singleBraceRegex =
+      /(?<![{])\{(?:name|email|worksFor|jobTitle|location)\}(?![}])/;
+    if (singleBraceRegex.test(form.messageTemplate)) {
+      errors.placeholders = t('placeholder_syntax_error');
+    }
+  }
+
+  return errors;
 });
 
 const showFieldError = (field: FormField) => {
   return touched[field] && validationErrors.value[field];
 };
 
-const isFormValid = computed(() =>
-  Object.values(validationErrors.value).every((value) => !value),
+const isFormValid = computed(
+  () =>
+    !validationErrors.value.messageTemplate && !validationErrors.value.gateways,
 );
 
 const selectedContactsLength = computed(() => {
@@ -658,18 +675,20 @@ watch(() => form.footerTextTemplate, updateCharCount);
     "sms_limit_note": "SMS is distributed across your gateways. Each gateway has a default limit of 200 SMS/day and 200 recipients/month.",
     "sms_gateways": "SMS Gateways",
     "message": "Message",
-    "message_placeholder": "Enter your SMS message here...",
+    "message_placeholder": "Hi {{name}}, your message here... Use {{name}} for the recipient's name.",
     "message_required": "Message is required",
     "characters_left": "{count} characters left",
     "insert_person_attribute_body": "Insert contact attribute in SMS",
+    "attribute_syntax_help": "Insert placeholders like {{name}}, {{email}}, or {{worksFor}} — they will be replaced with the contact's data.",
+    "placeholder_syntax_error": "Use {{name}} (double braces) instead of {name} for placeholders",
     "show_advanced": "Show advanced options",
     "hide_advanced": "Hide advanced options",
     "monthly_recipient_limit": "Monthly recipient limit",
     "monthly_recipient_limit_help": "Maximum number of recipients per month (max 200)",
     "monthly_recipient_limit_exceeded": "You selected {selected} recipients, but the limit is {limit}.",
     "footer_template": "Footer template",
     "footer_template_help": "Editable footer appended to each SMS.",
-    "footer_template_hint": "Use {placeholder} to insert the unsubscribe link.",
+    "footer_template_hint": "Use {{unsubscribeUrl}} to insert the unsubscribe link.",
     "default_footer_template": "Unsubscribe me: {placeholder}",
     "use_short_links": "Use short links",
     "use_short_links_help": "Shorten URLs to reduce message length. Falls back to full URL if shortening fails.",
@@ -698,18 +717,20 @@ watch(() => form.footerTextTemplate, updateCharCount);
     "sms_limit_note": "Les SMS sont distribués sur vos passerelles. Chaque passerelle a une limite par défaut de 200 SMS/jour et 200 destinataires/mois.",
     "sms_gateways": "Passerelles SMS",
     "message": "Message",
-    "message_placeholder": "Entrez votre message SMS ici...",
+    "message_placeholder": "Bonjour {{name}}, votre message ici... Utilisez {{name}} pour le nom du destinataire.",
     "message_required": "Le message est requis",
     "characters_left": "{count} caractères restants",
     "insert_person_attribute_body": "Insérer un attribut contact dans le SMS",
+    "attribute_syntax_help": "Insérez des variables comme {{name}}, {{email}} ou {{worksFor}} — elles seront remplacées par les données du contact.",
+    "placeholder_syntax_error": "Utilisez {{nom}} (doubles accolades) au lieu de {nom} pour les variables",
     "show_advanced": "Afficher les options avancées",
     "hide_advanced": "Masquer les options avancées",
     "monthly_recipient_limit": "Limite mensuelle de destinataires",
     "monthly_recipient_limit_help": "Nombre maximum de destinataires par mois (max 200)",
     "monthly_recipient_limit_exceeded": "Vous avez sélectionné {selected} destinataires, mais la limite est de {limit}.",
     "footer_template": "Modèle de pied de message",
     "footer_template_help": "Pied de message modifiable ajouté à chaque SMS.",
-    "footer_template_hint": "Utilisez {placeholder} pour insérer le lien de désinscription.",
+    "footer_template_hint": "Utilisez {{unsubscribeUrl}} pour insérer le lien de désinscription.",
     "default_footer_template": "Se désinscrire : {placeholder}",
     "use_short_links": "Utiliser des liens courts",
     "use_short_links_help": "Raccourcit les URLs pour réduire la longueur du message. Revient à l'URL complète en cas d'échec.",

frontend/src/components/mining/table/MiningTable.vue

@@ -264,6 +264,7 @@
                   <MultiSelect
                     v-model="$contactsStore.visibleColumns"
                     :options="visibleColumnsOptions"
+                    :option-disabled="disabledColumns"
                     option-label="label"
                     class="min-w-56"
                     fluid
@@ -272,6 +273,7 @@
                       t('visible_columns', $contactsStore.visibleColumns.length)
                     "
                     :max-selected-labels="0"
+                    @change="onSelectColumnsChange"
                   />
                 </li>
               </ul>
@@ -1374,6 +1376,16 @@
   { label: t('mining_id'), value: 'mining_id' },
 ]);
 
+function disabledColumns(column: { label: string; value: string }) {
+  return column.value === 'contacts';
+}
+function onSelectColumnsChange() {
+  // PrimeVue bug fix: MultiSelect: Can deselect disabled options https://github.com/primefaces/primevue/issues/5490
+  if (!visibleColumns.value.includes('contacts')) {
+    visibleColumns.value.push('contacts');
+  }
+}
+
 function getDefaultVisibleColumns() {
   return ['contacts', 'name', 'location', 'works_for', 'job_title'];
 }
@@ -1478,7 +1490,7 @@
     await $contactsStore.reloadContacts();
 
     if (!$contactsStore.contactCount && (await $contactsStore.hasPersons())) {
       console.log(
         'Data in persons table but not in refinedpersons, refining contacts...',
       );
       await $contactsStore.refineContacts();

frontend/src/components/sms-fleet/FleetGatewaySelector.vue

@@ -88,11 +88,6 @@
               outlined
               @click="setupSelectedProvider = 'simple-sms-gateway'"
             />
-            <Button
-              :label="t('ios_sms_gateway')"
-              outlined
-              @click="setupSelectedProvider = 'sms-gateway'"
-            />
           </div>
         </div>
         <div v-else class="flex flex-col gap-2">
@@ -164,22 +159,6 @@
               {{ t('open_playstore') }}
             </a>
           </template>
-          <template v-else-if="setupSelectedProvider === 'sms-gateway'">
-            <p class="m-0">{{ t('ios_sms_gateway_setup_intro') }}</p>
-            <ol class="pl-4 m-0 list-decimal">
-              <li class="mb-2">{{ t('ios_sms_gateway_setup_step_1') }}</li>
-              <li class="mb-2">{{ t('ios_sms_gateway_setup_step_2') }}</li>
-              <li>{{ t('ios_sms_gateway_setup_step_3') }}</li>
-            </ol>
-            <a
-              :href="iosSmsGatewayDownloadUrl"
-              target="_blank"
-              rel="noopener noreferrer"
-              class="underline"
-            >
-              {{ t('ios_app_store') }}
-            </a>
-          </template>
         </div>
       </div>
     </Dialog>
@@ -308,15 +287,15 @@ const $smsFleetStore = useSmsFleetStore();
 
 const showAddDialog = ref(false);
 const showSetupDialog = ref(false);
-const setupSelectedProvider = ref<
-  'smsgate' | 'simple-sms-gateway' | 'sms-gateway' | null
->(null);
+const setupSelectedProvider = ref<'smsgate' | 'simple-sms-gateway' | null>(
+  null,
+);
 const isSubmitting = ref(false);
 
 const gatewayName = ref('');
-const selectedProvider = ref<
-  'smsgate' | 'simple-sms-gateway' | 'sms-gateway' | null
->('simple-sms-gateway');
+const selectedProvider = ref<'smsgate' | 'simple-sms-gateway' | null>(
+  'simple-sms-gateway',
+);
 const dailyLimit = ref(200);
 const monthlyLimit = ref(200);
 const providerFormRef = ref<InstanceType<typeof ProviderForm> | null>(null);
@@ -363,7 +342,6 @@ const toggleGateway = (gatewayId: string) => {
 const providerOptions = [
   { label: 'SMSGate', value: 'smsgate' },
   { label: 'Simple SMS Gateway', value: 'simple-sms-gateway' },
-  { label: 'SMS Gateway (iOS)', value: 'sms-gateway' },
 ];
 
 function handleFormSubmit(config: {
@@ -425,14 +403,11 @@ function openSetupDialog() {
 const smsgateDownloadUrl = 'https://sms-gate.app/';
 const simpleSmsGatewayDownloadUrl =
   'https://play.google.com/store/apps/details?id=com.pabrikaplikasi.simplesmsgateway';
-const iosSmsGatewayDownloadUrl =
-  'https://apps.apple.com/us/app/sms-gateway/id6767250233';
 
 const getProviderIcon = (provider: SmsGatewayProvider) => {
   const icons: Record<SmsGatewayProvider, string> = {
     smsgate: 'pi pi-android',
     'simple-sms-gateway': 'pi pi-mobile',
-    'sms-gateway': 'pi pi-mobile',
     twilio: 'pi pi-phone',
   };
   return icons[provider] || 'pi pi-mobile';
@@ -442,7 +417,6 @@ const formatProvider = (provider: SmsGatewayProvider) => {
   const names: Record<SmsGatewayProvider, string> = {
     smsgate: 'SMSGate',
     'simple-sms-gateway': 'Simple SMS Gateway',
-    'sms-gateway': 'SMS Gateway (iOS)',
     twilio: 'Twilio',
   };
   return names[provider] || provider;
@@ -481,12 +455,6 @@ const formatProvider = (provider: SmsGatewayProvider) => {
     "simple_sms_gateway_setup_step_2": "Configure the server URL in the app settings",
     "simple_sms_gateway_setup_step_3": "Enter the server URL in the form above",
     "open_playstore": "Open in Play Store",
-    "ios_sms_gateway": "SMS Gateway (iOS)",
-    "ios_sms_gateway_setup_intro": "To use SMS Gateway (iOS) as your SMS gateway, install the iOS app and configure the server URL.",
-    "ios_sms_gateway_setup_step_1": "Install SMS Gateway from the App Store on your iOS device",
-    "ios_sms_gateway_setup_step_2": "Open the app and configure the server URL in its settings",
-    "ios_sms_gateway_setup_step_3": "Enter the server URL (e.g. http://192.168.x.x:8080) in the form below",
-    "ios_app_store": "Open App Store",
     "how_to_install": "How to install",
     "select_provider_to_see_instructions": "Select a provider to see installation instructions",
     "smsgate": "SMSGate",
@@ -524,12 +492,6 @@ const formatProvider = (provider: SmsGatewayProvider) => {
     "simple_sms_gateway_setup_step_2": "Configurez l'URL du serveur dans les paramètres de l'application",
     "simple_sms_gateway_setup_step_3": "Entrez l'URL du serveur dans le formulaire ci-dessus",
     "open_playstore": "Ouvrir sur Play Store",
-    "ios_sms_gateway": "SMS Gateway (iOS)",
-    "ios_sms_gateway_setup_intro": "Pour utiliser SMS Gateway (iOS) comme passerelle SMS, installez l'app iOS et configurez l'URL du serveur.",
-    "ios_sms_gateway_setup_step_1": "Installez SMS Gateway depuis l'App Store sur votre appareil iOS",
-    "ios_sms_gateway_setup_step_2": "Ouvrez l'app et configurez l'URL du serveur dans ses paramètres",
-    "ios_sms_gateway_setup_step_3": "Entrez l'URL du serveur (ex. http://192.168.x.x:8080) dans le formulaire ci-dessous",
-    "ios_app_store": "Ouvrir l'App Store",
     "how_to_install": "Comment installer",
     "select_provider_to_see_instructions": "Sélectionnez un fournisseur pour voir les instructions d'installation",
     "smsgate": "SMSGate",

frontend/src/components/sms-fleet/ProviderForm.vue

@@ -7,7 +7,7 @@ import { z } from 'zod';
 
 const { t } = useI18n({ useScope: 'local' });
 
-type SupportedProvider = 'smsgate' | 'simple-sms-gateway' | 'sms-gateway';
+type SupportedProvider = 'smsgate' | 'simple-sms-gateway';
 
 const props = defineProps<{
   provider: SupportedProvider;
@@ -45,9 +45,6 @@ const isValid = computed(() => {
       baseUrl: baseUrl.value,
     }).success;
   }
-  // Both Android Simple SMS Gateway and iOS SMS Gateway share the same
-  // URL form. Dispatch between them is driven by `props.provider`
-  // ("simple-sms-gateway" vs "sms-gateway") on the backend.
   return selfHostedGatewaySchema.safeParse({
     baseUrl: baseUrl.value,
   }).success;
@@ -77,21 +74,6 @@ function handleSubmit() {
     return;
   }
 
-  if (props.provider === 'sms-gateway') {
-    // The iOS app exposes `POST /send-sms` with the same URL contract as
-    // the Android Simple SMS Gateway. We re-use the
-    // `simpleSmsGatewayBaseUrl` storage key; the `provider` field
-    // ("sms-gateway") tells the backend to dispatch to the
-    // `SmsGatewayProvider`.
-    emit('submit', {
-      provider: 'sms-gateway',
-      config: {
-        simpleSmsGatewayBaseUrl: baseUrl.value,
-      },
-    });
-    return;
-  }
-
   emit('submit', {
     provider: 'simple-sms-gateway',
     config: {

frontend/src/components/sms-fleet/SmsFleetManagement.vue

@@ -16,7 +16,7 @@ import Checkbox from 'primevue/checkbox';
 import ProgressSpinner from 'primevue/progressspinner';
 import type { SmsGatewayProvider, SmsFleetGateway } from '@/types/sms-fleet';
 
-type SupportedProvider = 'smsgate' | 'simple-sms-gateway' | 'sms-gateway';
+type SupportedProvider = 'smsgate' | 'simple-sms-gateway';
 
 const props = defineProps<{
   autoAdd?: boolean;
@@ -63,7 +63,6 @@ const providerOptions = computed(() => [
     label: t('simple_sms_gateway_option'),
     value: 'simple-sms-gateway' as const,
   },
-  { label: t('ios_sms_gateway_option'), value: 'sms-gateway' as const },
 ]);
 
 function handleFormValid(valid: boolean) {
@@ -132,7 +131,6 @@ function getDefaultName(provider: SupportedProvider): string {
   const names: Record<SupportedProvider, string> = {
     smsgate: 'SMSGate Gateway',
     'simple-sms-gateway': 'SMS Gateway',
-    'sms-gateway': 'SMS Gateway (iOS)',
   };
   return names[provider];
 }
@@ -213,7 +211,6 @@ function getProviderLabel(provider: SmsGatewayProvider): string {
   const labels: Record<SmsGatewayProvider, string> = {
     smsgate: 'SMSGate',
     'simple-sms-gateway': 'Simple SMS Gateway',
-    'sms-gateway': 'SMS Gateway (iOS)',
     twilio: 'Twilio',
   };
   return labels[provider] || provider;
@@ -223,7 +220,6 @@ function getProviderIcon(provider: SmsGatewayProvider): string {
   const icons: Record<SmsGatewayProvider, string> = {
     smsgate: 'pi pi-android',
     'simple-sms-gateway': 'pi pi-mobile',
-    'sms-gateway': 'pi pi-mobile',
     twilio: 'pi pi-phone',
   };
   return icons[provider] || 'pi pi-mobile';
@@ -295,6 +291,17 @@ onMounted(() => {
             :label="$screenStore.size.md ? t('delete') : undefined"
             @click="confirmDelete(gateway)"
           />
+          <span v-if="gateway.daily_limit > 0" class="text-xs text-surface-500">
+            {{
+              t('daily_usage_with_limit', {
+                sent: gateway.sent_today,
+                limit: gateway.daily_limit,
+              })
+            }}
+          </span>
+          <span v-else class="text-xs text-surface-500">
+            {{ t('daily_usage_unlimited', { sent: gateway.sent_today }) }}
+          </span>
           <Tag
             :value="gateway.is_active ? t('active') : t('inactive')"
             :severity="gateway.is_active ? 'success' : 'secondary'"
@@ -447,7 +454,8 @@ onMounted(() => {
     "delete_confirm_header": "Confirm Deletion",
     "save_changes": "Save Changes",
     "simple_sms_gateway_option": "Simple SMS Gateway",
-    "ios_sms_gateway_option": "SMS Gateway (iOS)"
+    "daily_usage_with_limit": "{sent}/{limit} today",
+    "daily_usage_unlimited": "{sent} sent today"
   },
   "fr": {
     "sms_fleet_management": "Gestion de la flotte SMS",
@@ -478,7 +486,8 @@ onMounted(() => {
     "delete_confirm_header": "Confirmer la suppression",
     "save_changes": "Enregistrer les modifications",
     "simple_sms_gateway_option": "Simple SMS Gateway",
-    "ios_sms_gateway_option": "SMS Gateway (iOS)"
+    "daily_usage_with_limit": "{sent}/{limit} aujourd'hui",
+    "daily_usage_unlimited": "{sent} envoyés aujourd'hui"
   }
 }
 </i18n>