feat: cash cassettes edit wizard

new-lamassu-admin/src/pages/Maintenance/Wizard/Wizard.js

@@ -0,0 +1,109 @@
+import * as R from 'ramda'
+import React, { useState } from 'react'
+import * as Yup from 'yup'
+
+import Modal from 'src/components/Modal'
+
+import WizardSplash from './WizardSplash'
+import WizardStep from './WizardStep'
+
+const MODAL_WIDTH = 554
+const MODAL_HEIGHT = 520
+const CASHBOX_DEFAULT_CAPACITY = 500
+
+const Wizard = ({ machine, cashoutSettings, locale, onClose, save, error }) => {
+  const [{ step, config }, setState] = useState({
+    step: 0,
+    config: { active: true }
+  })
+
+  const LAST_STEP = R.isEmpty(cashoutSettings) ? 1 : 3
+
+  const title = `Update counts`
+  const isLastStep = step === LAST_STEP
+
+  const onContinue = it => {
+    const cashbox = config?.wasCashboxEmptied === 'YES' ? 0 : machine?.cashbox
+
+    const newConfig = R.merge(config, it)
+    if (isLastStep) {
+      save(
+        machine.id,
+        parseInt(cashbox),
+        parseInt(it.cassette1Count ?? 0),
+        parseInt(it.cassette2Count ?? 0)
+      )
+      return onClose()
+    }
+
+    setState({
+      step: step + 1,
+      config: newConfig
+    })
+  }
+
+  const steps = [
+    {
+      type: 'cashbox',
+      schema: Yup.object().shape({
+        wasCashboxEmptied: Yup.string().required()
+      }),
+      cashoutRequired: false
+    },
+    {
+      type: 'cassette 1',
+      schema: Yup.object().shape({
+        cassette1Count: Yup.number()
+          .required()
+          .min(0)
+          .max(CASHBOX_DEFAULT_CAPACITY)
+      }),
+      cashoutRequired: true
+    },
+    {
+      type: 'cassette 2',
+      schema: Yup.object().shape({
+        cassette2Count: Yup.number()
+          .required()
+          .min(0)
+          .max(CASHBOX_DEFAULT_CAPACITY)
+      }),
+      cashoutRequired: true
+    }
+  ]
+
+  const filteredSteps = R.filter(it => {
+    return (
+      !it.cashoutRequired || (!R.isEmpty(cashoutSettings) && it.cashoutRequired)
+    )
+  }, steps)
+
+  return (
+    <Modal
+      title={step === 0 ? null : title}
+      handleClose={onClose}
+      width={MODAL_WIDTH}
+      height={MODAL_HEIGHT}
+      open={true}>
+      {step === 0 && (
+        <WizardSplash name={machine?.name} onContinue={() => onContinue()} />
+      )}
+      {step !== 0 && (
+        <WizardStep
+          step={step}
+          name={machine?.name}
+          machine={machine}
+          cashoutSettings={cashoutSettings}
+          cassetteCapacity={CASHBOX_DEFAULT_CAPACITY}
+          error={error}
+          lastStep={isLastStep}
+          steps={filteredSteps}
+          fiatCurrency={locale.fiatCurrency}
+          onContinue={onContinue}
+        />
+      )}
+    </Modal>
+  )
+}
+
+export default Wizard