@rpg-engine/long-bow 0.8.178 → 0.8.179
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/dist/components/Store/PaymentMethodModal.d.ts +2 -0
- package/dist/long-bow.cjs.development.js +15 -3
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +15 -3
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Store/PaymentMethodModal.tsx +21 -2
|
@@ -4,6 +4,8 @@ export interface IPaymentMethodModalProps {
|
|
|
4
4
|
dcRequired?: number;
|
|
5
5
|
onPayWithDC: () => void;
|
|
6
6
|
onPayWithCard: () => void;
|
|
7
|
+
onPayWithPix: () => void;
|
|
7
8
|
onClose: () => void;
|
|
9
|
+
showPix?: boolean;
|
|
8
10
|
}
|
|
9
11
|
export declare const PaymentMethodModal: React.FC<IPaymentMethodModalProps>;
|
|
@@ -70513,7 +70513,10 @@ var PaymentMethodModal = function PaymentMethodModal(_ref) {
|
|
|
70513
70513
|
dcRequired = _ref.dcRequired,
|
|
70514
70514
|
onPayWithDC = _ref.onPayWithDC,
|
|
70515
70515
|
onPayWithCard = _ref.onPayWithCard,
|
|
70516
|
-
|
|
70516
|
+
onPayWithPix = _ref.onPayWithPix,
|
|
70517
|
+
onClose = _ref.onClose,
|
|
70518
|
+
_ref$showPix = _ref.showPix,
|
|
70519
|
+
showPix = _ref$showPix === void 0 ? false : _ref$showPix;
|
|
70517
70520
|
var _useState = React.useState('card'),
|
|
70518
70521
|
selected = _useState[0],
|
|
70519
70522
|
setSelected = _useState[1];
|
|
@@ -70529,10 +70532,12 @@ var PaymentMethodModal = function PaymentMethodModal(_ref) {
|
|
|
70529
70532
|
var handleConfirm = React.useCallback(function () {
|
|
70530
70533
|
if (selected === 'dc' && !dcDisabled) {
|
|
70531
70534
|
onPayWithDC();
|
|
70535
|
+
} else if (selected === 'pix') {
|
|
70536
|
+
onPayWithPix();
|
|
70532
70537
|
} else {
|
|
70533
70538
|
onPayWithCard();
|
|
70534
70539
|
}
|
|
70535
|
-
}, [selected, dcDisabled, onPayWithDC, onPayWithCard]);
|
|
70540
|
+
}, [selected, dcDisabled, onPayWithDC, onPayWithCard, onPayWithPix]);
|
|
70536
70541
|
var dcSubText = dcRequired !== undefined ? dcBalance.toLocaleString() + " DC available \xB7 " + dcRequired.toLocaleString() + " DC needed" : dcBalance.toLocaleString() + " DC available";
|
|
70537
70542
|
return React__default.createElement(ModalPortal, null, React__default.createElement(Overlay$8, {
|
|
70538
70543
|
onPointerDown: onClose
|
|
@@ -70550,7 +70555,14 @@ var PaymentMethodModal = function PaymentMethodModal(_ref) {
|
|
|
70550
70555
|
}
|
|
70551
70556
|
}, React__default.createElement(RadioCircle$1, {
|
|
70552
70557
|
"$selected": selected === 'card'
|
|
70553
|
-
}), React__default.createElement(OptionText$1, null, React__default.createElement(OptionLabel$2, null, "Credit Card"), React__default.createElement(OptionSub$1, null, "Stripe secure checkout"))), React__default.createElement(RadioOption$1, {
|
|
70558
|
+
}), React__default.createElement(OptionText$1, null, React__default.createElement(OptionLabel$2, null, "Credit Card"), React__default.createElement(OptionSub$1, null, "Stripe secure checkout"))), showPix && React__default.createElement(RadioOption$1, {
|
|
70559
|
+
"$selected": selected === 'pix',
|
|
70560
|
+
onPointerDown: function onPointerDown() {
|
|
70561
|
+
return setSelected('pix');
|
|
70562
|
+
}
|
|
70563
|
+
}, React__default.createElement(RadioCircle$1, {
|
|
70564
|
+
"$selected": selected === 'pix'
|
|
70565
|
+
}), React__default.createElement(OptionText$1, null, React__default.createElement(OptionLabel$2, null, "Pix"), React__default.createElement(OptionSub$1, null, "Instant payment via Pix"))), React__default.createElement(RadioOption$1, {
|
|
70554
70566
|
"$selected": selected === 'dc',
|
|
70555
70567
|
"$disabled": dcDisabled,
|
|
70556
70568
|
onPointerDown: dcDisabled ? undefined : function () {
|