contentoh-components-library 21.3.76 → 21.3.78

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.
Files changed (7) hide show
  1. package/dist/components/atoms/Card/index.js +9 -17
  2. package/dist/components/molecules/StripeCardForm/index.js +6 -2
  3. package/dist/components/molecules/StripeCardForm/paymentForm.js +6 -4
  4. package/package.json +1 -1
  5. package/src/components/atoms/Card/index.js +7 -15
  6. package/src/components/molecules/StripeCardForm/index.js +9 -1
  7. package/src/components/molecules/StripeCardForm/paymentForm.js +5 -3
package/dist/components/atoms/Card/index.js CHANGED
@@ -22,20 +22,20 @@ var Card = function Card(_ref) {
22
22
  setStripe = _ref.setStripe;
23
23
  var stripe = (0, _reactStripeJs.useStripe)();
24
24
 
25
- var handleIputChange = function handleIputChange(event) {
26
- if (event.complete) {
25
+ var handleOnChange = function handleOnChange(e, cardId) {
26
+ if (e.target.checked) {
27
27
  card.isNew = 0;
28
28
  setCard && setCard(card);
29
29
  setStripe && setStripe(stripe);
30
+ setSelectedCard && setSelectedCard(cardId);
31
+ } else {
32
+ setSelectedCard && setSelectedCard("");
33
+ setCard && setCard(null);
30
34
  }
31
35
  };
32
36
 
33
- var handleOnChange = function handleOnChange(e, cardId) {
34
- e.target.checked ? setSelectedCard && setSelectedCard(cardId) : setSelectedCard && setSelectedCard("");
35
- };
36
-
37
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
38
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
37
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
38
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
39
39
  className: "card-details",
40
40
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckBox.CheckBox, {
41
41
  id: card.id,
@@ -52,15 +52,7 @@ var Card = function Card(_ref) {
52
52
  return handleOnChange(e, card.id);
53
53
  }
54
54
  })
55
- }), selectedCard === card.id && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
56
- className: "cvc-input",
57
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactStripeJs.CardCvcElement, {
58
- className: "card-input",
59
- onChange: function onChange(e) {
60
- return handleIputChange(e);
61
- }
62
- })
63
- })]
55
+ })
64
56
  });
65
57
  };
66
58
 
package/dist/components/molecules/StripeCardForm/index.js CHANGED
@@ -32,7 +32,9 @@ var stripeApiKey = (0, _stripeJs.loadStripe)("".concat(process.env.REACT_APP_KEY
32
32
  var StripeCardForm = function StripeCardForm(_ref) {
33
33
  var setToken = _ref.setToken,
34
34
  setCard = _ref.setCard,
35
- setStripe = _ref.setStripe;
35
+ setStripe = _ref.setStripe,
36
+ setModalErrorCard = _ref.setModalErrorCard,
37
+ setMsj = _ref.setMsj;
36
38
 
37
39
  var _useState = (0, _react.useState)(false),
38
40
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -74,7 +76,9 @@ var StripeCardForm = function StripeCardForm(_ref) {
74
76
  labelForm: "Pago con tarjeta",
75
77
  setToken: setToken,
76
78
  setCard: setCard,
77
- setStripe: setStripe
79
+ setStripe: setStripe,
80
+ setModalErrorCard: setModalErrorCard,
81
+ setMsj: setMsj
78
82
  })
79
83
  })
80
84
  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {});
package/dist/components/molecules/StripeCardForm/paymentForm.js CHANGED
@@ -28,7 +28,9 @@ var PaymentForm = function PaymentForm(_ref) {
28
28
  labelForm = _ref$labelForm === void 0 ? "Pago con tarjeta" : _ref$labelForm,
29
29
  setToken = _ref.setToken,
30
30
  setCard = _ref.setCard,
31
- setStripe = _ref.setStripe;
31
+ setStripe = _ref.setStripe,
32
+ setModalErrorCard = _ref.setModalErrorCard,
33
+ setMsj = _ref.setMsj;
32
34
  var stripe = (0, _reactStripeJs.useStripe)();
33
35
  var elements = (0, _reactStripeJs.useElements)();
34
36
 
@@ -99,11 +101,11 @@ var PaymentForm = function PaymentForm(_ref) {
99
101
  if (token.token) {
100
102
  token = token.token.id;
101
103
  } else {
102
- setModalErrorCard(true);
103
- setMsj(token.error.message);
104
+ setModalErrorCard && setModalErrorCard(true);
105
+ setMsj && setMsj(token.error.message);
104
106
  }
105
107
 
106
- paymentMethod.isNew = true;
108
+ paymentMethod.isNew = 1;
107
109
  setToken && setToken(token);
108
110
  setCard && setCard(paymentMethod);
109
111
  } catch (err) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "contentoh-components-library",
3
- "version": "21.3.76",
3
+ "version": "21.3.78",
4
4
  "dependencies": {
5
5
  "@aws-amplify/auth": "^4.5.3",
6
6
  "@aws-amplify/datastore": "^3.11.0",
package/src/components/atoms/Card/index.js CHANGED
@@ -10,18 +10,18 @@ export const Card = ({
10
10
  setStripe,
11
11
  }) => {
12
12
  const stripe = useStripe();
13
- const handleIputChange = (event) => {
14
- if (event.complete) {
13
+
14
+ const handleOnChange = (e, cardId) => {
15
+ if (e.target.checked) {
15
16
  card.isNew = 0;
16
17
  setCard && setCard(card);
17
18
  setStripe && setStripe(stripe);
19
+ setSelectedCard && setSelectedCard(cardId);
20
+ } else {
21
+ setSelectedCard && setSelectedCard("");
22
+ setCard && setCard(null);
18
23
  }
19
24
  };
20
- const handleOnChange = (e, cardId) => {
21
- e.target.checked
22
- ? setSelectedCard && setSelectedCard(cardId)
23
- : setSelectedCard && setSelectedCard("");
24
- };
25
25
 
26
26
  return (
27
27
  <Container>
@@ -38,14 +38,6 @@ export const Card = ({
38
38
  onChange={(e) => handleOnChange(e, card.id)}
39
39
  />
40
40
  </div>
41
- {selectedCard === card.id && (
42
- <div className="cvc-input">
43
- <CardCvcElement
44
- className="card-input"
45
- onChange={(e) => handleIputChange(e)}
46
- />
47
- </div>
48
- )}
49
41
  </Container>
50
42
  );
51
43
  };
package/src/components/molecules/StripeCardForm/index.js CHANGED
@@ -6,7 +6,13 @@ import { PaymentForm } from "./paymentForm";
6
6
  import { Loading } from "../../atoms/Loading";
7
7
  const stripeApiKey = loadStripe(`${process.env.REACT_APP_KEY_STRIPE}`);
8
8
 
9
- export const StripeCardForm = ({ setToken, setCard, setStripe }) => {
9
+ export const StripeCardForm = ({
10
+ setToken,
11
+ setCard,
12
+ setStripe,
13
+ setModalErrorCard,
14
+ setMsj,
15
+ }) => {
10
16
  const [stripeLoaded, setStripeLoaded] = useState(false);
11
17
 
12
18
  const loadStripeJS = async () => {
@@ -25,6 +31,8 @@ export const StripeCardForm = ({ setToken, setCard, setStripe }) => {
25
31
  setToken={setToken}
26
32
  setCard={setCard}
27
33
  setStripe={setStripe}
34
+ setModalErrorCard={setModalErrorCard}
35
+ setMsj={setMsj}
28
36
  />
29
37
  </Elements>
30
38
  </Container>
package/src/components/molecules/StripeCardForm/paymentForm.js CHANGED
@@ -14,6 +14,8 @@ export const PaymentForm = ({
14
14
  setToken,
15
15
  setCard,
16
16
  setStripe,
17
+ setModalErrorCard,
18
+ setMsj,
17
19
  }) => {
18
20
  const stripe = useStripe();
19
21
  const elements = useElements();
@@ -59,11 +61,11 @@ export const PaymentForm = ({
59
61
  if (token.token) {
60
62
  token = token.token.id;
61
63
  } else {
62
- setModalErrorCard(true);
63
- setMsj(token.error.message);
64
+ setModalErrorCard && setModalErrorCard(true);
65
+ setMsj && setMsj(token.error.message);
64
66
  }
65
67
 
66
- paymentMethod.isNew = true;
68
+ paymentMethod.isNew = 1;
67
69
  setToken && setToken(token);
68
70
  setCard && setCard(paymentMethod);
69
71
  } catch (err) {