@rpg-engine/long-bow 0.8.177 → 0.8.179

package/dist/components/Stepper.d.ts

@@ -12,6 +12,7 @@ interface IStepperProps {
         onClick: (() => void) | (() => Promise<void>) | ((e: any) => Promise<void>);
     };
     onError?: (message: string) => void;
+    onStepChange?: (stepIndex: number) => void;
     useSideArrows?: boolean;
     styles?: {
         stepperProgressColor?: string;

package/dist/components/Store/PaymentMethodModal.d.ts

@@ -4,6 +4,8 @@ export interface IPaymentMethodModalProps {
     dcRequired?: number;
     onPayWithDC: () => void;
     onPayWithCard: () => void;
+    onPayWithPix: () => void;
     onClose: () => void;
+    showPix?: boolean;
 }
 export declare const PaymentMethodModal: React.FC<IPaymentMethodModalProps>;

package/dist/components/Tutorial/TutorialStepper.d.ts

@@ -10,6 +10,7 @@ export interface ITutorialLesson {
 export interface ITutorialStepperProps {
     lessons: ITutorialLesson[];
     onLessonFinish: () => void;
+    onStepChange?: (stepIndex: number) => void;
     imageStyle?: CSSProperties;
 }
-export declare const TutorialStepper: React.MemoExoticComponent<({ lessons, onLessonFinish, imageStyle }: ITutorialStepperProps) => JSX.Element>;
+export declare const TutorialStepper: React.MemoExoticComponent<({ lessons, onLessonFinish, onStepChange, imageStyle }: ITutorialStepperProps) => JSX.Element>;

package/dist/long-bow.cjs.development.js

@@ -49258,6 +49258,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;
@@ -49302,7 +49303,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();
         }
@@ -70511,7 +70513,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 = React.useState('card'),
     selected = _useState[0],
     setSelected = _useState[1];
@@ -70527,10 +70532,12 @@ var PaymentMethodModal = function PaymentMethodModal(_ref) {
   var handleConfirm = React.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__default.createElement(ModalPortal, null, React__default.createElement(Overlay$8, {
     onPointerDown: onClose
@@ -70548,7 +70555,14 @@ var PaymentMethodModal = function PaymentMethodModal(_ref) {
     }
   }, React__default.createElement(RadioCircle$1, {
     "$selected": selected === 'card'
-  }), 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, {
+  }), 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, {
+    "$selected": selected === 'pix',
+    onPointerDown: function onPointerDown() {
+      return setSelected('pix');
+    }
+  }, React__default.createElement(RadioCircle$1, {
+    "$selected": selected === 'pix'
+  }), 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, {
     "$selected": selected === 'dc',
     "$disabled": dcDisabled,
     onPointerDown: dcDisabled ? undefined : function () {
@@ -72668,6 +72682,7 @@ var ZoomableImage = function ZoomableImage(_ref) {
 var TutorialStepper = /*#__PURE__*/React__default.memo(function (_ref) {
   var lessons = _ref.lessons,
     onLessonFinish = _ref.onLessonFinish,
+    onStepChange = _ref.onStepChange,
     imageStyle = _ref.imageStyle;
   var generateLessons = React.useMemo(function () {
     return lessons.map(function (lesson, index) {
@@ -72712,6 +72727,7 @@ var TutorialStepper = /*#__PURE__*/React__default.memo(function (_ref) {
       label: 'Close',
       onClick: onLessonFinish
     },
+    onStepChange: onStepChange,
     useSideArrows: true
   }));
 });