From 0ee9ccce5fda53708ac194e3612d3dbba4d0ce87 Mon Sep 17 00:00:00 2001
From: Sean Perkins <sean@ionic.io>
Date: Wed, 21 Jun 2023 10:05:04 -0400
Subject: [PATCH 1/2] chore: upgrade maskito dependencies to v1

---
 static/usage/v7/input/mask/index.md | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/static/usage/v7/input/mask/index.md b/static/usage/v7/input/mask/index.md
index 92ae30b967f..174aabc1e30 100644
--- a/static/usage/v7/input/mask/index.md
+++ b/static/usage/v7/input/mask/index.md
@@ -20,7 +20,7 @@ import angular_example_component_ts from './angular/example_component_ts.md';
         'index.ts': javascript_index_ts,
       },
       dependencies: {
-        '@maskito/core': '^0.16.0',
+        '@maskito/core': '^1.0.0',
       },
     },
     react: {
@@ -28,8 +28,8 @@ import angular_example_component_ts from './angular/example_component_ts.md';
         'src/main.tsx': react_main_tsx,
       },
       dependencies: {
-        '@maskito/react': '^0.16.0',
-        '@maskito/core': '^0.16.0',
+        '@maskito/react': '^1.0.0',
+        '@maskito/core': '^1.0.0',
       },
     },
     vue: {
@@ -37,8 +37,8 @@ import angular_example_component_ts from './angular/example_component_ts.md';
         'src/components/Example.vue': vue_example_vue,
       },
       dependencies: {
-        '@maskito/vue': '^0.16.0',
-        '@maskito/core': '^0.16.0',
+        '@maskito/vue': '^1.0.0',
+        '@maskito/core': '^1.0.0',
       },
     },
     angular: {
@@ -48,8 +48,8 @@ import angular_example_component_ts from './angular/example_component_ts.md';
         'src/app/example.component.ts': angular_example_component_ts,
       },
       dependencies: {
-        '@maskito/angular': '^0.16.0',
-        '@maskito/core': '^0.16.0',
+        '@maskito/angular': '^1.0.0',
+        '@maskito/core': '^1.0.0',
       },
     },
   }}

From d0611f283a639d61684507ce986ea15f5b8624e1 Mon Sep 17 00:00:00 2001
From: Sean Perkins <sean@ionic.io>
Date: Wed, 21 Jun 2023 10:16:38 -0400
Subject: [PATCH 2/2] refactor: react example

---
 static/usage/v7/input/mask/react.md | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/static/usage/v7/input/mask/react.md b/static/usage/v7/input/mask/react.md
index dd22df29914..2c7bb6ac213 100644
--- a/static/usage/v7/input/mask/react.md
+++ b/static/usage/v7/input/mask/react.md
@@ -30,7 +30,8 @@ function Example() {
         <IonInput
           ref={async (cardRef) => {
             if (cardRef) {
-              cardMask(await cardRef.getInputElement());
+              const input = await cardRef.getInputElement();
+              cardMask(input);
             }
           }}
           label="Card number"
@@ -41,7 +42,8 @@ function Example() {
         <IonInput
           ref={async (phoneInput) => {
             if (phoneInput) {
-              phoneMask(await phoneInput.getInputElement());
+              const input = await phoneInput.getInputElement();
+              phoneMask(input);
             }
           }}
           label="US phone number"