oa-componentbook 1.0.1-stage.348 → 1.0.1-stage.349

package/build/widgets/oa-widget-progressive-steps/ProgressiveStepsWidget.js

@@ -37,7 +37,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 /**
  * ProgressiveStepsWidget: Advanced progressive question stepper with answer capturing
  * - Shows questions progressively as user answers previous ones
- * - Handles different answer types (buttons, text, upload, etc.)
+ * - Handles different answer types (singleSelect, text, upload, etc.)
  * - Manages internal state and emits complete answers
  * - Uses the original CustomSteps component for step display
  */
@@ -57,16 +57,6 @@ function ProgressiveStepsWidget(_ref) {
   const [visibleSteps, setVisibleSteps] = (0, _react.useState)(1);
   const steps = (data === null || data === void 0 ? void 0 : data.steps) || [];
 
-  // Helper function to find step index by ID
-  const findStepIndexById = stepId => {
-    return steps.findIndex(step => (step.key || steps.indexOf(step)) === stepId);
-  };
-
-  // Helper function to find step by ID
-  const findStepById = stepId => {
-    return steps.find(step => (step.key || steps.indexOf(step)) === stepId);
-  };
-
   // Update current step when external prop changes
   (0, _react.useEffect)(() => {
     if (externalCurrent !== undefined) {
@@ -83,7 +73,7 @@ function ProgressiveStepsWidget(_ref) {
 
   // Calculate visible steps based on current step
   (0, _react.useEffect)(() => {
-    // When starting from a later step, show all steps up to current + 1
+    // Show current step + 1 (for the disabled next step)
     const maxVisible = Math.min(currentStep + 2, steps.length);
     setVisibleSteps(maxVisible);
   }, [currentStep, steps.length]);
@@ -130,7 +120,7 @@ function ProgressiveStepsWidget(_ref) {
     const stepId = step.key || stepIndex;
     const currentAnswer = answers[stepId];
     switch (answerType) {
-      case 'buttons':
+      case 'singleSelect':
         return /*#__PURE__*/_react.default.createElement("div", {
           style: {
             display: 'flex',
@@ -144,6 +134,24 @@ function ProgressiveStepsWidget(_ref) {
           label: option.label || option,
           "data-test": dataTest ? "".concat(dataTest, "--button-").concat(stepIndex, "-").concat(idx) : undefined
         })));
+      case 'button':
+        return /*#__PURE__*/_react.default.createElement("div", null, answerOptions === null || answerOptions === void 0 ? void 0 : answerOptions.map((option, idx) => /*#__PURE__*/_react.default.createElement(_CustomButton.default, {
+          key: idx,
+          type: option.type || 'primary',
+          onClick: () => {
+            // Execute custom click function if provided
+            if (option.onClick) {
+              option.onClick(option.value || option, stepIndex, answers);
+            }
+            // Optionally also save the answer if needed
+            if (option.saveAnswer !== false) {
+              handleAnswer(stepIndex, option.value || option);
+            }
+          },
+          label: option.label || option,
+          size: option.size || 'default',
+          "data-test": dataTest ? "".concat(dataTest, "--button-").concat(stepIndex, "-").concat(idx) : undefined
+        })));
       case 'custom':
         // Render custom component with props for integration
         if (customComponent) {
@@ -275,7 +283,7 @@ function ProgressiveStepsWidget(_ref) {
     return steps.map((step, stepIndex) => {
       const stepId = step.key || stepIndex;
       const isActive = stepIndex === currentStep;
-      const isCompleted = stepIndex < currentStep || answers[stepId] !== undefined;
+      const isCompleted = stepIndex < currentStep && answers[stepId] !== undefined;
       const isDisabled = stepIndex > currentStep;
       const isVisible = stepIndex < visibleSteps;
       const hasAnswer = answers[stepId] !== undefined;
@@ -326,7 +334,6 @@ function ProgressiveStepsWidget(_ref) {
       return {
         key: step.key || stepIndex,
         title: stepContent,
-        status: isCompleted ? 'finish' : isActive ? 'process' : isDisabled ? 'wait' : 'wait',
         disabled: isDisabled
       };
     }).filter(Boolean); // Remove null entries
@@ -354,7 +361,7 @@ ProgressiveStepsWidget.propTypes = {
       key: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
       title: _propTypes.default.node,
       description: _propTypes.default.node,
-      answerType: _propTypes.default.oneOf(['buttons', 'paymentOptions', 'text', 'textarea', 'upload', 'radio', 'checkbox', 'select', 'custom']),
+      answerType: _propTypes.default.oneOf(['singleSelect', 'button', 'paymentOptions', 'text', 'textarea', 'upload', 'radio', 'checkbox', 'select', 'custom']),
       answerOptions: _propTypes.default.array,
       placeholder: _propTypes.default.string,
       customComponent: _propTypes.default.elementType,
@@ -373,8 +380,6 @@ ProgressiveStepsWidget.propTypes = {
   initialAnswers: _propTypes.default.object,
   onComplete: _propTypes.default.func,
   onStepChange: _propTypes.default.func,
-  showBackButton: _propTypes.default.bool,
-  onBack: _propTypes.default.func,
   style: _propTypes.default.object
 };
 ProgressiveStepsWidget.defaultProps = {
@@ -386,8 +391,6 @@ ProgressiveStepsWidget.defaultProps = {
   initialAnswers: {},
   onComplete: undefined,
   onStepChange: undefined,
-  showBackButton: false,
-  onBack: undefined,
   style: {}
 };
 var _default = exports.default = ProgressiveStepsWidget;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oa-componentbook",
-  "version": "1.0.1-stage.348",
+  "version": "1.0.1-stage.349",
   "private": false,
   "description": "Reusable components",
   "main": "build/index.js",