fix: update harmony package

package-lock.json

@@ -15,7 +15,7 @@
         "@mui/stylis-plugin-rtl": "^7.2.0",
         "@mui/x-data-grid-premium": "^8.10.0",
         "@mui/x-date-pickers": "^8.10.0",
-        "@rkheftan/harmony-ui": "^0.2.86",
+        "@rkheftan/harmony-ui": "^0.2.89",
         "@rollup/rollup-win32-x64-msvc": "^4.46.3",
         "axios": "^1.11.0",
         "date-fns": "^4.1.0",
@@ -1843,9 +1843,9 @@
       }
     },
     "node_modules/@rkheftan/harmony-ui": {
-      "version": "0.2.86",
+      "version": "0.2.89",
-      "resolved": "https://npm.pkg.github.com/download/@rkheftan/harmony-ui/0.2.86/db9acf1a2c0b61cc5ccf04e6b4be31e51ca09815",
+      "resolved": "https://npm.pkg.github.com/download/@rkheftan/harmony-ui/0.2.89/9e70a180df5bbfb804adc142a806eaf778c2730e",
-      "integrity": "sha512-oECk47uxn/CTeZI2YW0cPCWIbPE+xKkUaY5UpNrATYBFZ8PviH2CarHFxpnJOoxKmTj59eEmWa57Qu4oQl5P5Q==",
+      "integrity": "sha512-/7jGh8swn8kzBmeRiERoCPj+izpWe5LxiyfKmB/4wgJNBzpn3wE/OLbcy9+ANbWVuZsLGl0u8t/u0YqaH8OORQ==",
       "peerDependencies": {
         "@emotion/react": "^11.14.0",
         "@emotion/styled": "^11.14.1",
@@ -2852,7 +2852,6 @@
       "version": "1.1.12",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
       "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0",
@@ -4145,28 +4144,6 @@
         "node": ">=10.13.0"
       }
     },
-    "node_modules/glob/node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/glob/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/globals": {
       "version": "16.2.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-16.2.0.tgz",
@@ -4908,7 +4885,6 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
       "license": "ISC",
       "dependencies": {
         "brace-expansion": "^1.1.7"

package.json

@@ -18,7 +18,7 @@
     "@mui/stylis-plugin-rtl": "^7.2.0",
     "@mui/x-data-grid-premium": "^8.10.0",
     "@mui/x-date-pickers": "^8.10.0",
-    "@rkheftan/harmony-ui": "^0.2.86",
+    "@rkheftan/harmony-ui": "^0.2.89",
     "@rollup/rollup-win32-x64-msvc": "^4.46.3",
     "axios": "^1.11.0",
     "date-fns": "^4.1.0",

src/features/profile/components/userInformation/phoneNumber/PhoneEditForm.tsx

@@ -84,37 +84,36 @@ export default function PhoneEditForm({
           placeholder="09123456789"
           slotProps={{
             input: {
-              endAdornment:
+              endAdornment: isCodeSent ? (
-                buttonState === 'counting' ? (
+                <InputAdornment position="end">
-                  <InputAdornment position="end">
+                  <IconButton
-                    <IconButton
+                    size="small"
-                      size="small"
+                    onClick={() => {
-                      onClick={() => {
+                      setButtonState('default');
-                        setButtonState('default');
+                      setVerificationCode('');
-                        setVerificationCode('');
+                      setIsCodeSent(false);
-                        setIsCodeSent(false);
+                    }}
-                      }}
+                    edge="end"
-                      edge="end"
+                  >
-                    >
+                    <Icon
-                      <Icon
+                      Component={Edit2}
-                        Component={Edit2}
+                      color="primary.main"
-                        color="primary.main"
+                      variant="Bold"
-                        variant="Bold"
-                      />
-                    </IconButton>
-                  </InputAdornment>
-                ) : (
-                  i18n.dir() === 'rtl' && (
-                    <CountryCodeSelector
-                      value={countryCode}
-                      onChange={setCountryCode}
-                      show={true}
-                      disabled={isCodeSent}
-                      menuAnchor={textFieldRef.current}
-                      onCloseFocusRef={inputRef}
                     />
-                  )
+                  </IconButton>
-                ),
+                </InputAdornment>
+              ) : (
+                i18n.dir() === 'rtl' && (
+                  <CountryCodeSelector
+                    value={countryCode}
+                    onChange={setCountryCode}
+                    show={true}
+                    disabled={isCodeSent}
+                    menuAnchor={textFieldRef.current}
+                    onCloseFocusRef={inputRef}
+                  />
+                )
+              ),
               startAdornment: i18n.dir() === 'ltr' && (
                 <CountryCodeSelector
                   value={countryCode}