feat: optimize SMS notifications RTL.

src/containers/Dialogs/SMSMessageDialog/SMSMessageFormContent.js

@@ -12,6 +12,8 @@ import { useSMSMessageDialogContext } from './SMSMessageDialogProvider';
 import { SMSMessagePreview } from 'components';
 import { getSMSUnits } from '../../NotifyViaSMS/utils';
 
+import { whenRtl, whenLtr } from 'utils/styled-components';
+
 /**
  * SMS message form content.
  */
@@ -103,7 +105,15 @@ const FormPreview = styled.div`
   display: flex;
   flex-direction: column;
   width: 45%;
-  padding-left: 25px;
-  margin-left: 25px;
-  border-left: 1px solid #dcdcdd;
+
+  ${whenLtr(`
+    padding-left: 25px;
+    margin-left: 25px;
+    border-left: 1px solid #dcdcdd;
+  `)}
+  ${whenRtl(`
+    padding-right: 25px;
+    margin-right: 25px;
+    border-right: 1px solid #dcdcdd;
+  `)}
 `;

src/containers/Dialogs/SMSMessageDialog/SMSMessageFormFields.js

@@ -42,7 +42,7 @@ export default function SMSMessageFormFields() {
                   intent={Intent.PRIMARY}
                   onClick={handleBtnClick}
                 >
-                  Reset to default message.
+                  <T id={'sms_message.edit_form.reset_to_default_message'} />
                 </ResetButton>
               </>
             }

src/containers/NotifyViaSMS/NotifyViaSMSForm.js

@@ -15,6 +15,8 @@ import { FormObserver, SMSMessagePreview } from 'components';
 import { transformToForm, safeInvoke } from 'utils';
 import { getSMSUnits } from './utils';
 
+import { whenRtl, whenLtr } from 'utils/styled-components';
+
 const defaultInitialValues = {
   notification_key: '',
   customer_name: '',
@@ -145,9 +147,17 @@ const SMSPreviewSectionRoot = styled.div`
   display: flex;
   flex-direction: column;
   width: 45%;
-  padding-left: 25px;
-  margin-left: 25px;
-  border-left: 1px solid #dcdcdd;
+
+  ${whenLtr(`
+    padding-left: 25px;
+    margin-left: 25px;
+    border-left: 1px solid #dcdcdd;
+  `)}
+  ${whenRtl(`
+    padding-right: 25px;
+    margin-right: 25px;
+    border-right: 1px solid #dcdcdd;
+  `)}
 `;
 
 const SMSPreviewSectionNote = styled.div`

src/lang/ar/index.json

@@ -1444,7 +1444,7 @@
   "notify_via_sms.dialog.message_text": "نص الرسالة ",
   "notify_via_sms.dialog.notification_type": "نوع الإشعار",
   "notify_via_sms.dialog.notify_via_sms": "إشعار عبر رسائل قصيرة",
-  "notiify_via_sms.dialog.sms_note": "<strong>ملاحظة :</strong> يمكن أن تحتوي رسالة قصيرة الواحدة على 160 حرفًا كحد أقصى. <strong>{value}</strong> سيتم استخدام وحدات الرسائل القصيرة لإرسال هذا  إشعار عبر الرسائل القصيرة. ",
+  "notiify_via_sms.dialog.sms_note": "<strong>ملاحظة :</strong> يمكن أن تحتوي رسالة قصيرة الواحدة على 160 حرفًا كحد أقصى <strong>{value}</strong>. سيتم استخدام وحدات الرسائل القصيرة لإرسال هذا  إشعار عبر الرسائل القصيرة. ",
   "notify_Via_sms.dialog.customer_phone_number_does_not_eixst": "رقم هاتف العميل غير موجود ، يرجى  إدخال رقم هاتف للعميل. ",
   "notify_Via_sms.dialog.customer_phone_number_invalid": "رقم هاتف العميل غير صالح ، يرجى  إدخال رقم هاتف صحيح للعميل. ",
   "notify_via_sms.dialog.phone_invalid_error_message": "لا يمكن إرسال إشعار الرسائل القصيرة ، رقم الهاتف للعميل غير صالح ، يرجى إدخال رقم صالح والمحاولة مرة أخرى.",
@@ -1470,6 +1470,6 @@
   "edit_message_text": "تعديل نص رسالة",
   "enable_notification": "تفعيل الإشعارات",
   "send_sms": "إرسال رسالة قصيرة",
-  "save_sms_message": "حفظ رسالة قصيرة"
-
+  "save_sms_message": "حفظ رسالة قصيرة",
+  "sms_message.edit_form.reset_to_default_message": "إعادة التعيين إلى الرسالة الافتراضية."
 }

src/lang/en/index.json

@@ -1456,5 +1456,6 @@
   "edit_message_text": "Edit message text",
   "enable_notification": "Enable notification",
   "send_sms": "Send SMS",
-  "save_sms_message": "Save SMS Message"
+  "save_sms_message": "Save SMS Message",
+  "sms_message.edit_form.reset_to_default_message": "Reset to default message."
 }