RafalFilipek

My Awesome Sketch
  Oferty i Grupy Ofert*
    wybór grupy -> Lista Ofert
    wybór oferty -> Lista Procesów
  
  Lista Ofert
    wybór oferty -> Lista Procesów
    powrót -> Oferty i Grupy Ofert
  
  Lista Procesów

RafalFilipek

Sufler
  Oferty i Grupy Ofert*
    wybór grupy -> Lista Ofert
    wybór oferty -> Lista Procesów
  
  Lista Ofert
    wybór oferty -> Wymagania Oferty
    powrót -> Oferty i Grupy Ofert
    
  Wymagania Oferty

RafalFilipek

Grupy Ofert*
  WYBÓR GRUPY -> Oferty     

Oferty
  # Na wejściu
  _ENTRY
    Tylko jedna oferta w grupie
      # Wywołanie akcji
      Tak? -> WYBÓR OFERTY

RafalFilipek

# Wyrazy rozpoczynające się od małej litery są stanami.
# Wyrazy pisane wielkimi literami są akcjami.
#
# `_entry` - akcja wykonyana na wejściu do danego stanu
# `_entry_[suffix]` - akcja w wykonywana na wejściu do danego podstanu. Sufix jest niezbędny aby uniknąć kolizji nazw
# `_entry - condition? [value]` -> akcja wykonywana tylko gdy `condition [value]` jest spełniona
Sufler
  Resolve*
    _entry -> offerGroups

RafalFilipek

  const suffMachine = Machine({
    id: 'stuff',
    initial: 'idle',
    context: {
      /**
       *This value is provied from external sourcre. 
       */
      isLogged: false
    },
    states: {

RafalFilipek

const m = Machine({
  id: 'error',
  context: {
    list: null,
    currentItem: null,
  },
    initial: 'init',
    states: {
      init: {
        on: {

RafalFilipek

<h1>Orange</h1>
<h2>jest cool</h2>
<p>
  lorem stuff
</p>

RafalFilipek

# Wyrazy rozpoczynające się od małej litery są stanami.
# Wyrazy pisane wielkimi literami są akcjami.
#
# `_entry` - akcja wykonyana na wejściu do danego stanu
# `_entry_[suffix]` - akcja w wykonywana na wejściu do danego podstanu. Sufix jest niezbędny aby uniknąć kolizji nazw
# `_entry - condition? [value]` -> akcja wykonywana tylko gdy `condition [value]` jest spełniona
Sufler
  Resolve*
    _entry -> offerGroups

RafalFilipek

import { createMachine, assign } from "xstate";

type Context = {
  groups: number[],
  group: number
}

type Event =
  | { type: "SELECT_OFFER_GROUP"; data: number }
  | { type: "SET_GROUPS"; data: number[] };

RafalFilipek

  const m = Machine({
    id: 'offerActionResolver',
    initial: 'idle',
    states: {
      idle: {
        on: {
          '': [
            { target: 'fix', cond: 'isFix'},
            { target: "procedures"}
          ]