contentoh-components-library 21.3.73 → 21.3.75
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/.env.development
CHANGED
|
@@ -27,6 +27,7 @@ REACT_APP_GET_AUDIT=https://fc069ovhuk.execute-api.us-east-1.amazonaws.com/dev/v
|
|
|
27
27
|
REACT_APP_READ_MESSAGES=https://fc069ovhuk.execute-api.us-east-1.amazonaws.com/dev/read-messages
|
|
28
28
|
REACT_APP_CREATE_MESSAGES=https://fc069ovhuk.execute-api.us-east-1.amazonaws.com/dev/create-messages
|
|
29
29
|
REACT_APP_CARDS_ENDPOINT=https://fc069ovhuk.execute-api.us-east-1.amazonaws.com/dev/cards
|
|
30
|
+
REACT_APP_PAYMENTS=https://fc069ovhuk.execute-api.us-east-1.amazonaws.com/dev/payments
|
|
30
31
|
|
|
31
32
|
REACT_APP_IMAGES_ENDPOINT=https://content-management-images.s3.amazonaws.com
|
|
32
33
|
REACT_APP_IMAGES_BUCKET=content-management-images
|
|
@@ -18,11 +18,16 @@ var Card = function Card(_ref) {
|
|
|
18
18
|
card = _ref$card === void 0 ? {} : _ref$card,
|
|
19
19
|
selectedCard = _ref.selectedCard,
|
|
20
20
|
setSelectedCard = _ref.setSelectedCard,
|
|
21
|
-
setCard = _ref.setCard
|
|
21
|
+
setCard = _ref.setCard,
|
|
22
|
+
setStripe = _ref.setStripe;
|
|
23
|
+
console.log(card);
|
|
24
|
+
var stripe = (0, _reactStripeJs.useStripe)();
|
|
22
25
|
|
|
23
26
|
var handleIputChange = function handleIputChange(event) {
|
|
24
27
|
if (event.complete) {
|
|
28
|
+
card.isNew = 0;
|
|
25
29
|
setCard && setCard(card);
|
|
30
|
+
setStripe && setStripe(stripe);
|
|
26
31
|
}
|
|
27
32
|
};
|
|
28
33
|
|
|
@@ -33,7 +33,8 @@ var stripeApiKey = (0, _stripeJs.loadStripe)("".concat(process.env.REACT_APP_KEY
|
|
|
33
33
|
|
|
34
34
|
var CardSelector = function CardSelector(_ref) {
|
|
35
35
|
var jwt = _ref.jwt,
|
|
36
|
-
setCard = _ref.setCard
|
|
36
|
+
setCard = _ref.setCard,
|
|
37
|
+
setStripe = _ref.setStripe;
|
|
37
38
|
|
|
38
39
|
var _useState = (0, _react.useState)(false),
|
|
39
40
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
@@ -95,7 +96,8 @@ var CardSelector = function CardSelector(_ref) {
|
|
|
95
96
|
card: card,
|
|
96
97
|
selectedCard: selectedCard,
|
|
97
98
|
setSelectedCard: setSelectedCard,
|
|
98
|
-
setCard: setCard
|
|
99
|
+
setCard: setCard,
|
|
100
|
+
setStripe: setStripe
|
|
99
101
|
}, card.id);
|
|
100
102
|
})
|
|
101
103
|
})]
|
package/package.json
CHANGED
|
@@ -1,11 +1,21 @@
|
|
|
1
1
|
import { Container } from "./styles";
|
|
2
2
|
import { CheckBox } from "../CheckBox";
|
|
3
|
-
import { CardCvcElement } from "@stripe/react-stripe-js";
|
|
3
|
+
import { CardCvcElement, useStripe } from "@stripe/react-stripe-js";
|
|
4
4
|
|
|
5
|
-
export const Card = ({
|
|
5
|
+
export const Card = ({
|
|
6
|
+
card = {},
|
|
7
|
+
selectedCard,
|
|
8
|
+
setSelectedCard,
|
|
9
|
+
setCard,
|
|
10
|
+
setStripe,
|
|
11
|
+
}) => {
|
|
12
|
+
console.log(card);
|
|
13
|
+
const stripe = useStripe();
|
|
6
14
|
const handleIputChange = (event) => {
|
|
7
15
|
if (event.complete) {
|
|
16
|
+
card.isNew = 0;
|
|
8
17
|
setCard && setCard(card);
|
|
18
|
+
setStripe && setStripe(stripe);
|
|
9
19
|
}
|
|
10
20
|
};
|
|
11
21
|
const handleOnChange = (e, cardId) => {
|
|
@@ -7,7 +7,7 @@ import { Card } from "../../atoms/Card";
|
|
|
7
7
|
import { Loading } from "../../atoms/Loading";
|
|
8
8
|
const stripeApiKey = loadStripe(`${process.env.REACT_APP_KEY_STRIPE}`);
|
|
9
9
|
|
|
10
|
-
export const CardSelector = ({ jwt, setCard }) => {
|
|
10
|
+
export const CardSelector = ({ jwt, setCard, setStripe }) => {
|
|
11
11
|
const [stripeLoaded, setStripeLoaded] = useState(false);
|
|
12
12
|
const [cards, setCards] = useState([]);
|
|
13
13
|
const [selectedCard, setSelectedCard] = useState("");
|
|
@@ -33,6 +33,7 @@ export const CardSelector = ({ jwt, setCard }) => {
|
|
|
33
33
|
selectedCard={selectedCard}
|
|
34
34
|
setSelectedCard={setSelectedCard}
|
|
35
35
|
setCard={setCard}
|
|
36
|
+
setStripe={setStripe}
|
|
36
37
|
/>
|
|
37
38
|
))}
|
|
38
39
|
</Elements>
|