From 9f1c65092552d9f6773c1d93059f67fb5a647817 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ra=C3=AD=20Siqueira?= Date: Sat, 28 Mar 2020 22:52:42 -0300 Subject: [PATCH 1/4] fix: Fix input cursor jumping to wrong position on ELO type MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Raí Siqueira --- package.json | 4 ++-- src/usePaymentInputs.js | 4 +--- 2 files changed, 3 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index 1b1eec9..8c7c5a4 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "react-payment-inputs", - "version": "1.1.4", + "version": "1.1.4-patch.0", "description": "A zero-dependency React Hook & Container to help with payment card input fields.", "main": "lib/index.js", "module": "es/index.js", @@ -69,4 +69,4 @@ "keywords": [ "react-component" ] -} +} \ No newline at end of file diff --git a/src/usePaymentInputs.js b/src/usePaymentInputs.js index d1d8cd3..11e0970 100644 --- a/src/usePaymentInputs.js +++ b/src/usePaymentInputs.js @@ -107,9 +107,7 @@ export default function usePaymentCard({ // the input field. Here, we want to reposition the cursor to the correct place. requestAnimationFrame(() => { if (document.activeElement !== cardNumberField.current) return; - if (cardNumberField.current.value[cursorPosition - 1] === ' ') { - cursorPosition = cursorPosition + 1; - } + cursorPosition = cursorPosition + 1; cardNumberField.current.setSelectionRange(cursorPosition, cursorPosition); }); From 456d99d08160e69faca3d4175146d1daa43d49a7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ra=C3=AD=20Siqueira?= Date: Wed, 1 Apr 2020 17:36:51 -0300 Subject: [PATCH 2/4] Create LICENSE --- LICENSE | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) create mode 100644 LICENSE diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..c90b434 --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2020 Raí Siqueira + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. From c31cc33a517964e0bff5cd9f0b7561993ad4fcce Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ra=C3=AD=20Siqueira?= Date: Mon, 1 Jun 2020 19:41:21 -0300 Subject: [PATCH 3/4] chore: :rocket: Patch Version MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Raí Siqueira --- package.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index 8c7c5a4..d336ddc 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "react-payment-inputs", - "version": "1.1.4-patch.0", + "version": "1.1.6", "description": "A zero-dependency React Hook & Container to help with payment card input fields.", "main": "lib/index.js", "module": "es/index.js", @@ -13,7 +13,7 @@ "images" ], "scripts": { - "build": "rollup -c", + "build": "yarn clean && yarn create-proxies && rollup -c", "create-proxies": "node scripts/create-proxies.js", "remove-proxies": "node scripts/remove-proxies.js", "clean": "rimraf es/ lib/ umd/ && yarn remove-proxies", From c5dc9a0eaa8cd7665eaae2840f53620835a8bc2f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ra=C3=AD=20Siqueira?= Date: Mon, 1 Jun 2020 19:41:45 -0300 Subject: [PATCH 4/4] fix: fix event on credit card number blur event MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Raí Siqueira --- src/usePaymentInputs.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/usePaymentInputs.js b/src/usePaymentInputs.js index 11e0970..3f78ffe 100644 --- a/src/usePaymentInputs.js +++ b/src/usePaymentInputs.js @@ -124,7 +124,7 @@ export default function usePaymentCard({ const handleFocusCardNumber = React.useCallback((props = {}) => { return e => { - props.onFocus && props.onFocus(); + props.onFocus && props.onFocus(e); setFocused('cardNumber'); }; }, []); @@ -203,7 +203,7 @@ export default function usePaymentCard({ const handleFocusExpiryDate = React.useCallback((props = {}) => { return e => { - props.onFocus && props.onFocus(); + props.onFocus && props.onFocus(e); setFocused('expiryDate'); }; }, []); @@ -301,7 +301,7 @@ export default function usePaymentCard({ const handleFocusCVC = React.useCallback((props = {}) => { return e => { - props.onFocus && props.onFocus(); + props.onFocus && props.onFocus(e); setFocused('cvc'); }; }, []); @@ -393,7 +393,7 @@ export default function usePaymentCard({ const handleFocusZIP = React.useCallback((props = {}) => { return e => { - props.onFocus && props.onFocus(); + props.onFocus && props.onFocus(e); setFocused('zip'); }; }, []);