@rpg-engine/long-bow 0.8.177 → 0.8.179

package/dist/long-bow.esm.js

@@ -49256,6 +49256,7 @@ var Stepper = function Stepper(_ref) {
   var steps = _ref.steps,
     finalCTAButton = _ref.finalCTAButton,
     onError = _ref.onError,
+    onStepChangeProp = _ref.onStepChange,
     _ref$useSideArrows = _ref.useSideArrows,
     useSideArrows = _ref$useSideArrows === void 0 ? false : _ref$useSideArrows,
     styles = _ref.styles;
@@ -49300,7 +49301,8 @@ var Stepper = function Stepper(_ref) {
             return _context.abrupt("return");
           case 14:
             setCurrentStep(step);
-          case 15:
+            onStepChangeProp == null ? void 0 : onStepChangeProp(step);
+          case 16:
           case "end":
             return _context.stop();
         }
@@ -70509,7 +70511,10 @@ var PaymentMethodModal = function PaymentMethodModal(_ref) {
     dcRequired = _ref.dcRequired,
     onPayWithDC = _ref.onPayWithDC,
     onPayWithCard = _ref.onPayWithCard,
-    onClose = _ref.onClose;
+    onPayWithPix = _ref.onPayWithPix,
+    onClose = _ref.onClose,
+    _ref$showPix = _ref.showPix,
+    showPix = _ref$showPix === void 0 ? false : _ref$showPix;
   var _useState = useState('card'),
     selected = _useState[0],
     setSelected = _useState[1];
@@ -70525,10 +70530,12 @@ var PaymentMethodModal = function PaymentMethodModal(_ref) {
   var handleConfirm = useCallback(function () {
     if (selected === 'dc' && !dcDisabled) {
       onPayWithDC();
+    } else if (selected === 'pix') {
+      onPayWithPix();
     } else {
       onPayWithCard();
     }
-  }, [selected, dcDisabled, onPayWithDC, onPayWithCard]);
+  }, [selected, dcDisabled, onPayWithDC, onPayWithCard, onPayWithPix]);
   var dcSubText = dcRequired !== undefined ? dcBalance.toLocaleString() + " DC available \xB7 " + dcRequired.toLocaleString() + " DC needed" : dcBalance.toLocaleString() + " DC available";
   return React.createElement(ModalPortal, null, React.createElement(Overlay$8, {
     onPointerDown: onClose
@@ -70546,7 +70553,14 @@ var PaymentMethodModal = function PaymentMethodModal(_ref) {
     }
   }, React.createElement(RadioCircle$1, {
     "$selected": selected === 'card'
-  }), React.createElement(OptionText$1, null, React.createElement(OptionLabel$2, null, "Credit Card"), React.createElement(OptionSub$1, null, "Stripe secure checkout"))), React.createElement(RadioOption$1, {
+  }), React.createElement(OptionText$1, null, React.createElement(OptionLabel$2, null, "Credit Card"), React.createElement(OptionSub$1, null, "Stripe secure checkout"))), showPix && React.createElement(RadioOption$1, {
+    "$selected": selected === 'pix',
+    onPointerDown: function onPointerDown() {
+      return setSelected('pix');
+    }
+  }, React.createElement(RadioCircle$1, {
+    "$selected": selected === 'pix'
+  }), React.createElement(OptionText$1, null, React.createElement(OptionLabel$2, null, "Pix"), React.createElement(OptionSub$1, null, "Instant payment via Pix"))), React.createElement(RadioOption$1, {
     "$selected": selected === 'dc',
     "$disabled": dcDisabled,
     onPointerDown: dcDisabled ? undefined : function () {
@@ -72666,6 +72680,7 @@ var ZoomableImage = function ZoomableImage(_ref) {
 var TutorialStepper = /*#__PURE__*/React.memo(function (_ref) {
   var lessons = _ref.lessons,
     onLessonFinish = _ref.onLessonFinish,
+    onStepChange = _ref.onStepChange,
     imageStyle = _ref.imageStyle;
   var generateLessons = useMemo(function () {
     return lessons.map(function (lesson, index) {
@@ -72710,6 +72725,7 @@ var TutorialStepper = /*#__PURE__*/React.memo(function (_ref) {
       label: 'Close',
       onClick: onLessonFinish
     },
+    onStepChange: onStepChange,
     useSideArrows: true
   }));
 });