From 7f3be4a2d2ca9408a8e958ae32f3899933b8bfa3 Mon Sep 17 00:00:00 2001
From: Diego Alba <diegoalba15@icloud.com>
Date: Fri, 25 Feb 2022 09:55:45 -0500
Subject: [PATCH] chore(theme): Customer cannot change their email on mobile

---
 .../MyAccount/ProfileUpdateForm.vue           | 24 ++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/packages/theme/components/MyAccount/ProfileUpdateForm.vue b/packages/theme/components/MyAccount/ProfileUpdateForm.vue
index 98e0b2554..02a7640b3 100644
--- a/packages/theme/components/MyAccount/ProfileUpdateForm.vue
+++ b/packages/theme/components/MyAccount/ProfileUpdateForm.vue
@@ -74,7 +74,29 @@
           {{ $t('Update personal data') }}
         </SfButton>
       </SfModal>
-      <SfButton class="form__button">
+      <div 
+        v-if="requirePassword"
+        class="smartphone-only"
+      >
+        {{ $t('Please type your current password to change your email address.') }}
+        <SfInput
+          v-model="currentPassword"
+          type="password"
+          name="currentPassword"
+          :label="$t('Current Password')"
+          required
+          class="form__element"
+          style="margin-top: 10px"
+          @keypress.enter="handleSubmit(submitForm(reset))"
+        />
+        <SfButton
+          class="form__button"
+          @click="handleSubmit(submitForm(reset))"
+        >
+          {{ $t('Update personal data') }}
+        </SfButton>
+      </div>
+      <SfButton v-if="!requirePassword" class="form__button">
         {{ $t('Update personal data') }}
       </SfButton>
     </form>