@bacon-pos/ui 0.11.0 → 0.15.1

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

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StepDialog = StepDialog;
+var _react = require("react");
+var _ProgressBar = require("../ProgressBar/ProgressBar.js");
+var _Dialog = require("./Dialog.js");
+var _jsxRuntime = require("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, …).
+ */
+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] = (0, _react.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.
+  (0, _react.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__*/(0, _jsxRuntime.jsx)(_ProgressBar.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__*/(0, _jsxRuntime.jsx)(_Dialog.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/commonjs/components/Dialog/StepDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_ProgressBar","_Dialog","_jsxRuntime","clamp","n","min","max","StepDialog","steps","step","defaultStep","onStepChange","onFinish","finishLabel","backLabel","cancelLabel","showHeaderBack","showFooterBack","showProgress","progressWidth","visible","onClose","dialogProps","total","length","uncontrolled","setUncontrolled","useState","isControlled","undefined","index","Math","useEffect","setIndex","next","clamped","current","isFirst","isLast","goBack","advance","goNext","result","onNext","then","r","footerAccessory","jsx","ProgressBar","progress","showSupporting","bordered","height","style","width","alignSelf","accessibilityLabel","Dialog","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/commonjs/components/Dialog/StepDialog.stories.js

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Fullscreen = exports.Basic = exports.AsyncValidation = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _StepDialog = require("./StepDialog.js");
+var _Button = require("../Button/Button.js");
+var _Input = require("../Input/Input.js");
+var _Radio = require("../Radio/Radio.js");
+var _Text = require("../Text/Text.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const meta = {
+  title: 'Components/StepDialog',
+  component: _StepDialog.StepDialog
+};
+var _default = exports.default = meta;
+function Frame({
+  render
+}) {
+  const [open, setOpen] = (0, _react.useState)(false);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      padding: 24
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      label: "Start flow",
+      onPress: () => setOpen(true)
+    }), render(open, () => setOpen(false))]
+  });
+}
+
+/** Three-step flow: pick an option, fill details, confirm. */
+const Basic = exports.Basic = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
+    render: (open, close) => {
+      const [plan, setPlan] = (0, _react.useState)('standard');
+      const [name, setName] = (0, _react.useState)('');
+      const steps = [{
+        title: 'Choose a plan',
+        subtitle: 'Pick the option that fits your venue.',
+        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            gap: 12
+          },
+          children: ['standard', 'pro', 'enterprise'].map(p => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.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__*/(0, _jsxRuntime.jsx)(_Input.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__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+          variant: "bodyMedium",
+          color: "secondary",
+          children: `Plan: ${plan}\nName: ${name || '—'}`
+        })
+      }];
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepDialog.StepDialog, {
+        visible: open,
+        onClose: close,
+        steps: steps,
+        onFinish: close
+      });
+    }
+  })
+};
+
+/** Async validation on `onNext` — the primary button spins and can block advancing. */
+const AsyncValidation = exports.AsyncValidation = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
+    render: (open, close) => {
+      const [code, setCode] = (0, _react.useState)('');
+      const [loading, setLoading] = (0, _react.useState)(false);
+      const steps = [{
+        title: 'Enter access code',
+        subtitle: 'Try "1234" to pass.',
+        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.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__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+          variant: "bodyMedium",
+          color: "secondary",
+          children: "You are in."
+        })
+      }];
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepDialog.StepDialog, {
+        visible: open,
+        onClose: close,
+        steps: steps,
+        onFinish: close
+      });
+    }
+  })
+};
+
+/** Fullscreen flow for small devices. */
+const Fullscreen = exports.Fullscreen = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
+    render: (open, close) => {
+      const steps = [{
+        title: 'Step one',
+        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+          color: "secondary",
+          children: "First screen."
+        })
+      }, {
+        title: 'Step two',
+        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+          color: "secondary",
+          children: "Second screen."
+        })
+      }, {
+        title: 'Step three',
+        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+          color: "secondary",
+          children: "Last screen."
+        })
+      }];
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepDialog.StepDialog, {
+        visible: open,
+        onClose: close,
+        steps: steps,
+        onFinish: close,
+        fullscreen: true
+      });
+    }
+  })
+};
+//# sourceMappingURL=StepDialog.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_StepDialog","_Button","_Input","_Radio","_Text","_jsxRuntime","meta","title","component","StepDialog","_default","exports","default","Frame","render","open","setOpen","useState","jsxs","View","style","padding","children","jsx","Button","label","onPress","Basic","close","plan","setPlan","name","setName","steps","subtitle","content","gap","map","p","Radio","selected","onChange","toUpperCase","slice","Input","placeholder","value","onChangeText","nextDisabled","trim","length","Text","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/commonjs/components/Dialog/StepDialog.test.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_StepDialog","_Text","_index","_jsxRuntime","e","__esModule","default","renderWithTheme","ui","render","jsx","ThemeProvider","children","STEPS","title","content","Text","describe","it","StepDialog","visible","onClose","steps","expect","screen","getByText","toBeTruthy","queryByLabelText","toBeNull","fireEvent","press","getByLabelText","onFinish","jest","fn","toHaveBeenCalledTimes","onNext","waitFor","queryByText","step"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/StepDialog.test.tsx"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAA4C,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5C,SAASG,eAAeA,CAACC,EAAsB,EAAE;EAC/C,OAAO,IAAAC,mBAAM,eAAC,IAAAN,WAAA,CAAAO,GAAA,EAACR,MAAA,CAAAS,aAAa;IAAAC,QAAA,EAAEJ;EAAE,CAAgB,CAAC,CAAC;AACpD;AAEA,MAAMK,KAAuB,GAAG,CAC9B;EAAEC,KAAK,EAAE,UAAU;EAAEC,OAAO,eAAE,IAAAZ,WAAA,CAAAO,GAAA,EAACT,KAAA,CAAAe,IAAI;IAAAJ,QAAA,EAAC;EAAQ,CAAM;AAAE,CAAC,EACrD;EAAEE,KAAK,EAAE,UAAU;EAAEC,OAAO,eAAE,IAAAZ,WAAA,CAAAO,GAAA,EAACT,KAAA,CAAAe,IAAI;IAAAJ,QAAA,EAAC;EAAQ,CAAM;AAAE,CAAC,EACrD;EAAEE,KAAK,EAAE,YAAY;EAAEC,OAAO,eAAE,IAAAZ,WAAA,CAAAO,GAAA,EAACT,KAAA,CAAAe,IAAI;IAAAJ,QAAA,EAAC;EAAU,CAAM;AAAE,CAAC,CAC1D;AAEDK,QAAQ,CAAC,YAAY,EAAE,MAAM;EAC3BC,EAAE,CAAC,mDAAmD,EAAE,MAAM;IAC5DX,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACV,WAAA,CAAAmB,UAAU;MAACC,OAAO;MAACC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAE;MAACC,KAAK,EAAET;IAAM,CAAE,CAAC,CAAC;IACxEU,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,UAAU,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IACjDH,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,UAAU,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IACjDH,MAAM,CAACC,mBAAM,CAACG,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;EACpD,CAAC,CAAC;EAEFV,EAAE,CAAC,mEAAmE,EAAE,MAAM;IAC5EX,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACV,WAAA,CAAAmB,UAAU;MAACC,OAAO;MAACC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAE;MAACC,KAAK,EAAET;IAAM,CAAE,CAAC,CAAC;IACxEgB,sBAAS,CAACC,KAAK,CAACN,mBAAM,CAACC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC7CF,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,UAAU,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IACjDH,MAAM,CAACC,mBAAM,CAACO,cAAc,CAAC,MAAM,CAAC,CAAC,CAACL,UAAU,CAAC,CAAC;EACpD,CAAC,CAAC;EAEFR,EAAE,CAAC,iCAAiC,EAAE,MAAM;IAC1CX,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACV,WAAA,CAAAmB,UAAU;MAACC,OAAO;MAACC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAE;MAACC,KAAK,EAAET;IAAM,CAAE,CAAC,CAAC;IACxEgB,sBAAS,CAACC,KAAK,CAACN,mBAAM,CAACC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC7CI,sBAAS,CAACC,KAAK,CAACN,mBAAM,CAACO,cAAc,CAAC,MAAM,CAAC,CAAC;IAC9CR,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,UAAU,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EACnD,CAAC,CAAC;EAEFR,EAAE,CAAC,kDAAkD,EAAE,MAAM;IAC3D,MAAMc,QAAQ,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IAC1B3B,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACV,WAAA,CAAAmB,UAAU;MAACC,OAAO;MAACC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAE;MAACC,KAAK,EAAET,KAAM;MAACmB,QAAQ,EAAEA;IAAS,CAAE,CAAC,CAAC;IAC5FH,sBAAS,CAACC,KAAK,CAACN,mBAAM,CAACC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC7CI,sBAAS,CAACC,KAAK,CAACN,mBAAM,CAACC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC7CF,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IAC/CG,sBAAS,CAACC,KAAK,CAACN,mBAAM,CAACC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3CF,MAAM,CAACS,QAAQ,CAAC,CAACG,qBAAqB,CAAC,CAAC,CAAC;EAC3C,CAAC,CAAC;EAEFjB,EAAE,CAAC,iDAAiD,EAAE,MAAM;IAC1D,MAAMG,OAAO,GAAGY,IAAI,CAACC,EAAE,CAAC,CAAC;IACzB3B,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACV,WAAA,CAAAmB,UAAU;MAACC,OAAO;MAACC,OAAO,EAAEA,OAAQ;MAACC,KAAK,EAAET;IAAM,CAAE,CAAC,CAAC;IACvEgB,sBAAS,CAACC,KAAK,CAACN,mBAAM,CAACC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3CF,MAAM,CAACF,OAAO,CAAC,CAACc,qBAAqB,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEFjB,EAAE,CAAC,6CAA6C,EAAE,YAAY;IAC5D,MAAMI,KAAuB,GAAG,CAC9B;MAAER,KAAK,EAAE,MAAM;MAAEC,OAAO,eAAE,IAAAZ,WAAA,CAAAO,GAAA,EAACT,KAAA,CAAAe,IAAI;QAAAJ,QAAA,EAAC;MAAS,CAAM,CAAC;MAAEwB,MAAM,EAAE,MAAAA,CAAA,KAAY;IAAM,CAAC,EAC7E;MAAEtB,KAAK,EAAE,OAAO;MAAEC,OAAO,eAAE,IAAAZ,WAAA,CAAAO,GAAA,EAACT,KAAA,CAAAe,IAAI;QAAAJ,QAAA,EAAC;MAAU,CAAM;IAAE,CAAC,CACrD;IACDL,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACV,WAAA,CAAAmB,UAAU;MAACC,OAAO;MAACC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAE;MAACC,KAAK,EAAEA;IAAM,CAAE,CAAC,CAAC;IACxEO,sBAAS,CAACC,KAAK,CAACN,mBAAM,CAACC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC7C,MAAM,IAAAY,oBAAO,EAAC,MAAMd,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,MAAM,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC,CAAC;IAClEH,MAAM,CAACC,mBAAM,CAACc,WAAW,CAAC,OAAO,CAAC,CAAC,CAACV,QAAQ,CAAC,CAAC;EAChD,CAAC,CAAC;EAEFV,EAAE,CAAC,kCAAkC,EAAE,MAAM;IAC3CX,eAAe,cAAC,IAAAJ,WAAA,CAAAO,GAAA,EAACV,WAAA,CAAAmB,UAAU;MAACC,OAAO;MAACC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAE;MAACC,KAAK,EAAET,KAAM;MAAC0B,IAAI,EAAE;IAAE,CAAE,CAAC,CAAC;IACjFhB,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,UAAU,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EACnD,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

@@ -9,5 +9,12 @@ Object.defineProperty(exports, "Dialog", {
     return _Dialog.Dialog;
   }
 });
+Object.defineProperty(exports, "StepDialog", {
+  enumerable: true,
+  get: function () {
+    return _StepDialog.StepDialog;
+  }
+});
 var _Dialog = require("./Dialog.js");
+var _StepDialog = require("./StepDialog.js");
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_Dialog","require"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["_Dialog","require","_StepDialog"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAMA,IAAAC,WAAA,GAAAD,OAAA","ignoreList":[]}