@bacon-pos/ui 0.10.0 → 0.15.1

package/lib/module/components/Dialog/StepDialog.js

@@ -0,0 +1,107 @@
+"use strict";
+
+import { useEffect, useState } from 'react';
+import { ProgressBar } from "../ProgressBar/ProgressBar.js";
+import { Dialog } from "./Dialog.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const clamp = (n, min, max) => n < min ? min : n > max ? max : n;
+
+/**
+ * StepDialog — a multi-step (wizard) flow built on `Dialog`. Give it an array of
+ * `steps`; it tracks the current one, renders a round back button in the header
+ * from step 2 onward, a thin progress bar in the footer, and a
+ * secondary (Back / Cancel) + primary (Continue / Finish) button pair. A step's
+ * `onNext` can return `false` (sync or async) to block advancing after failed
+ * validation. Controlled via `step`/`onStepChange` or fully uncontrolled.
+ * Forwards all other `Dialog` props (width, fullscreen, scrollMode, …).
+ */
+export function StepDialog({
+  steps,
+  step,
+  defaultStep = 0,
+  onStepChange,
+  onFinish,
+  finishLabel = 'Finish',
+  backLabel = 'Back',
+  cancelLabel = 'Cancel',
+  showHeaderBack = true,
+  showFooterBack = true,
+  showProgress = true,
+  progressWidth = '62%',
+  visible,
+  onClose,
+  ...dialogProps
+}) {
+  const total = steps.length;
+  const [uncontrolled, setUncontrolled] = useState(defaultStep);
+  const isControlled = step !== undefined;
+  const index = clamp(isControlled ? step : uncontrolled, 0, Math.max(0, total - 1));
+
+  // Reset an uncontrolled flow to its first step whenever it is closed.
+  useEffect(() => {
+    if (!visible && !isControlled) setUncontrolled(defaultStep);
+  }, [visible, isControlled, defaultStep]);
+  const setIndex = next => {
+    const clamped = clamp(next, 0, total - 1);
+    if (!isControlled) setUncontrolled(clamped);
+    onStepChange?.(clamped);
+  };
+  const current = steps[index];
+  if (!current) return null;
+  const isFirst = index === 0;
+  const isLast = index === total - 1;
+  const goBack = () => {
+    if (!isFirst) setIndex(index - 1);
+  };
+  const advance = () => {
+    if (isLast) onFinish?.();else setIndex(index + 1);
+  };
+  const goNext = () => {
+    const result = current.onNext?.();
+    // Await only a real promise, so sync steps advance synchronously.
+    if (result && typeof result.then === 'function') {
+      void result.then(r => {
+        if (r !== false) advance();
+      });
+      return;
+    }
+    if (result === false) return;
+    advance();
+  };
+  const footerAccessory = showProgress ? /*#__PURE__*/_jsx(ProgressBar, {
+    progress: (index + 1) / total,
+    showSupporting: false,
+    bordered: false,
+    height: 6,
+    style: {
+      width: progressWidth,
+      alignSelf: 'center'
+    },
+    accessibilityLabel: `Step ${index + 1} of ${total}`
+  }) : undefined;
+  return /*#__PURE__*/_jsx(Dialog, {
+    ...dialogProps,
+    visible: visible,
+    onClose: onClose,
+    title: current.title,
+    subtitle: current.subtitle,
+    onBack: !isFirst && showHeaderBack ? goBack : undefined,
+    backAccessibilityLabel: backLabel,
+    footerAccessory: footerAccessory,
+    cancel: showFooterBack ? isFirst ? {
+      label: cancelLabel,
+      onPress: onClose
+    } : {
+      label: backLabel,
+      onPress: goBack
+    } : undefined,
+    actions: [{
+      label: current.nextLabel ?? (isLast ? finishLabel : 'Continue'),
+      onPress: goNext,
+      disabled: current.nextDisabled,
+      loading: current.nextLoading
+    }],
+    children: current.content
+  });
+}
+//# sourceMappingURL=StepDialog.js.map

package/lib/module/components/Dialog/StepDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","ProgressBar","Dialog","jsx","_jsx","clamp","n","min","max","StepDialog","steps","step","defaultStep","onStepChange","onFinish","finishLabel","backLabel","cancelLabel","showHeaderBack","showFooterBack","showProgress","progressWidth","visible","onClose","dialogProps","total","length","uncontrolled","setUncontrolled","isControlled","undefined","index","Math","setIndex","next","clamped","current","isFirst","isLast","goBack","advance","goNext","result","onNext","then","r","footerAccessory","progress","showSupporting","bordered","height","style","width","alignSelf","accessibilityLabel","title","subtitle","onBack","backAccessibilityLabel","cancel","label","onPress","actions","nextLabel","disabled","nextDisabled","loading","nextLoading","children","content"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/StepDialog.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Dialog/StepDialog.stories.js

@@ -0,0 +1,153 @@
+"use strict";
+
+import { useState } from 'react';
+import { View } from 'react-native';
+import { StepDialog } from "./StepDialog.js";
+import { Button } from "../Button/Button.js";
+import { Input } from "../Input/Input.js";
+import { Radio } from "../Radio/Radio.js";
+import { Text } from "../Text/Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const meta = {
+  title: 'Components/StepDialog',
+  component: StepDialog
+};
+export default meta;
+function Frame({
+  render
+}) {
+  const [open, setOpen] = useState(false);
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      padding: 24
+    },
+    children: [/*#__PURE__*/_jsx(Button, {
+      label: "Start flow",
+      onPress: () => setOpen(true)
+    }), render(open, () => setOpen(false))]
+  });
+}
+
+/** Three-step flow: pick an option, fill details, confirm. */
+export const Basic = {
+  render: () => /*#__PURE__*/_jsx(Frame, {
+    render: (open, close) => {
+      const [plan, setPlan] = useState('standard');
+      const [name, setName] = useState('');
+      const steps = [{
+        title: 'Choose a plan',
+        subtitle: 'Pick the option that fits your venue.',
+        content: /*#__PURE__*/_jsx(View, {
+          style: {
+            gap: 12
+          },
+          children: ['standard', 'pro', 'enterprise'].map(p => /*#__PURE__*/_jsx(Radio, {
+            selected: plan === p,
+            onChange: () => setPlan(p),
+            label: p[0].toUpperCase() + p.slice(1)
+          }, p))
+        })
+      }, {
+        title: 'Your details',
+        subtitle: 'Tell us who this is for.',
+        content: /*#__PURE__*/_jsx(Input, {
+          label: "Full name",
+          placeholder: "Jane Doe",
+          value: name,
+          onChangeText: setName
+        }),
+        nextDisabled: name.trim().length === 0
+      }, {
+        title: 'All set',
+        subtitle: 'Review and confirm.',
+        content: /*#__PURE__*/_jsx(Text, {
+          variant: "bodyMedium",
+          color: "secondary",
+          children: `Plan: ${plan}\nName: ${name || '—'}`
+        })
+      }];
+      return /*#__PURE__*/_jsx(StepDialog, {
+        visible: open,
+        onClose: close,
+        steps: steps,
+        onFinish: close
+      });
+    }
+  })
+};
+
+/** Async validation on `onNext` — the primary button spins and can block advancing. */
+export const AsyncValidation = {
+  render: () => /*#__PURE__*/_jsx(Frame, {
+    render: (open, close) => {
+      const [code, setCode] = useState('');
+      const [loading, setLoading] = useState(false);
+      const steps = [{
+        title: 'Enter access code',
+        subtitle: 'Try "1234" to pass.',
+        content: /*#__PURE__*/_jsx(Input, {
+          label: "Code",
+          placeholder: "\u2022\u2022\u2022\u2022",
+          value: code,
+          onChangeText: setCode
+        }),
+        nextLabel: 'Verify',
+        nextLoading: loading,
+        onNext: async () => {
+          setLoading(true);
+          await new Promise(r => setTimeout(r, 700));
+          setLoading(false);
+          return code === '1234'; // false → stays on step
+        }
+      }, {
+        title: 'Verified',
+        content: /*#__PURE__*/_jsx(Text, {
+          variant: "bodyMedium",
+          color: "secondary",
+          children: "You are in."
+        })
+      }];
+      return /*#__PURE__*/_jsx(StepDialog, {
+        visible: open,
+        onClose: close,
+        steps: steps,
+        onFinish: close
+      });
+    }
+  })
+};
+
+/** Fullscreen flow for small devices. */
+export const Fullscreen = {
+  render: () => /*#__PURE__*/_jsx(Frame, {
+    render: (open, close) => {
+      const steps = [{
+        title: 'Step one',
+        content: /*#__PURE__*/_jsx(Text, {
+          color: "secondary",
+          children: "First screen."
+        })
+      }, {
+        title: 'Step two',
+        content: /*#__PURE__*/_jsx(Text, {
+          color: "secondary",
+          children: "Second screen."
+        })
+      }, {
+        title: 'Step three',
+        content: /*#__PURE__*/_jsx(Text, {
+          color: "secondary",
+          children: "Last screen."
+        })
+      }];
+      return /*#__PURE__*/_jsx(StepDialog, {
+        visible: open,
+        onClose: close,
+        steps: steps,
+        onFinish: close,
+        fullscreen: true
+      });
+    }
+  })
+};
+//# sourceMappingURL=StepDialog.stories.js.map

package/lib/module/components/Dialog/StepDialog.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","View","StepDialog","Button","Input","Radio","Text","jsx","_jsx","jsxs","_jsxs","meta","title","component","Frame","render","open","setOpen","style","padding","children","label","onPress","Basic","close","plan","setPlan","name","setName","steps","subtitle","content","gap","map","p","selected","onChange","toUpperCase","slice","placeholder","value","onChangeText","nextDisabled","trim","length","variant","color","visible","onClose","onFinish","AsyncValidation","code","setCode","loading","setLoading","nextLabel","nextLoading","onNext","Promise","r","setTimeout","Fullscreen","fullscreen"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/StepDialog.stories.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Dialog/StepDialog.test.js

@@ -0,0 +1,117 @@
+"use strict";
+
+import React from 'react';
+import { render, screen, fireEvent, waitFor } from '@testing-library/react-native';
+import { StepDialog } from "./StepDialog.js";
+import { Text } from "../Text/Text.js";
+import { ThemeProvider } from "../../theme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function renderWithTheme(ui) {
+  return render(/*#__PURE__*/_jsx(ThemeProvider, {
+    children: ui
+  }));
+}
+const STEPS = [{
+  title: 'Step one',
+  content: /*#__PURE__*/_jsx(Text, {
+    children: "Body one"
+  })
+}, {
+  title: 'Step two',
+  content: /*#__PURE__*/_jsx(Text, {
+    children: "Body two"
+  })
+}, {
+  title: 'Step three',
+  content: /*#__PURE__*/_jsx(Text, {
+    children: "Body three"
+  })
+}];
+describe('StepDialog', () => {
+  it('renders the first step with no header back button', () => {
+    renderWithTheme(/*#__PURE__*/_jsx(StepDialog, {
+      visible: true,
+      onClose: () => {},
+      steps: STEPS
+    }));
+    expect(screen.getByText('Step one')).toBeTruthy();
+    expect(screen.getByText('Body one')).toBeTruthy();
+    expect(screen.queryByLabelText('Back')).toBeNull();
+  });
+  it('advances on Continue and shows the header back button from step 2', () => {
+    renderWithTheme(/*#__PURE__*/_jsx(StepDialog, {
+      visible: true,
+      onClose: () => {},
+      steps: STEPS
+    }));
+    fireEvent.press(screen.getByText('Continue'));
+    expect(screen.getByText('Step two')).toBeTruthy();
+    expect(screen.getByLabelText('Back')).toBeTruthy();
+  });
+  it('goes back via the header button', () => {
+    renderWithTheme(/*#__PURE__*/_jsx(StepDialog, {
+      visible: true,
+      onClose: () => {},
+      steps: STEPS
+    }));
+    fireEvent.press(screen.getByText('Continue'));
+    fireEvent.press(screen.getByLabelText('Back'));
+    expect(screen.getByText('Step one')).toBeTruthy();
+  });
+  it('shows Finish on the last step and calls onFinish', () => {
+    const onFinish = jest.fn();
+    renderWithTheme(/*#__PURE__*/_jsx(StepDialog, {
+      visible: true,
+      onClose: () => {},
+      steps: STEPS,
+      onFinish: onFinish
+    }));
+    fireEvent.press(screen.getByText('Continue'));
+    fireEvent.press(screen.getByText('Continue'));
+    expect(screen.getByText('Finish')).toBeTruthy();
+    fireEvent.press(screen.getByText('Finish'));
+    expect(onFinish).toHaveBeenCalledTimes(1);
+  });
+  it('first step footer secondary is Cancel → onClose', () => {
+    const onClose = jest.fn();
+    renderWithTheme(/*#__PURE__*/_jsx(StepDialog, {
+      visible: true,
+      onClose: onClose,
+      steps: STEPS
+    }));
+    fireEvent.press(screen.getByText('Cancel'));
+    expect(onClose).toHaveBeenCalledTimes(1);
+  });
+  it('blocks advancing when onNext resolves false', async () => {
+    const steps = [{
+      title: 'Gate',
+      content: /*#__PURE__*/_jsx(Text, {
+        children: "Gate body"
+      }),
+      onNext: async () => false
+    }, {
+      title: 'After',
+      content: /*#__PURE__*/_jsx(Text, {
+        children: "After body"
+      })
+    }];
+    renderWithTheme(/*#__PURE__*/_jsx(StepDialog, {
+      visible: true,
+      onClose: () => {},
+      steps: steps
+    }));
+    fireEvent.press(screen.getByText('Continue'));
+    await waitFor(() => expect(screen.getByText('Gate')).toBeTruthy());
+    expect(screen.queryByText('After')).toBeNull();
+  });
+  it('respects a controlled step index', () => {
+    renderWithTheme(/*#__PURE__*/_jsx(StepDialog, {
+      visible: true,
+      onClose: () => {},
+      steps: STEPS,
+      step: 1
+    }));
+    expect(screen.getByText('Step two')).toBeTruthy();
+  });
+});
+//# sourceMappingURL=StepDialog.test.js.map

package/lib/module/components/Dialog/StepDialog.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","render","screen","fireEvent","waitFor","StepDialog","Text","ThemeProvider","jsx","_jsx","renderWithTheme","ui","children","STEPS","title","content","describe","it","visible","onClose","steps","expect","getByText","toBeTruthy","queryByLabelText","toBeNull","press","getByLabelText","onFinish","jest","fn","toHaveBeenCalledTimes","onNext","queryByText","step"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/StepDialog.test.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Dialog/index.js

@@ -1,4 +1,5 @@
 "use strict";
 
 export { Dialog } from "./Dialog.js";
+export { StepDialog } from "./StepDialog.js";
 //# sourceMappingURL=index.js.map

package/lib/module/components/Dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Dialog"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/index.ts"],"mappings":";;AAAA,SACEA,MAAM,QAID,aAAU","ignoreList":[]}
+{"version":3,"names":["Dialog","StepDialog"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/index.ts"],"mappings":";;AAAA,SACEA,MAAM,QAID,aAAU;AACjB,SAASC,UAAU,QAAmD,iBAAc","ignoreList":[]}