RafalFilipek

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

RafalFilipek

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

RafalFilipek

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

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

Grupy Ofert*
  WYBÓR GRUPY -> Oferty     

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

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

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

/**
 * xstate - 4.7.0-rc.6
 * typescript - 3.7.2
 */
import React from "react";
import { createMachine, assign } from "xstate";
import { useMachine } from "@xstate/react";

interface Context {
  name?: string;

RafalFilipek

const suflerMachine = Machine({
  initial: "types",
  states: {
    types: {
      on: {
        SELECT_TYPE: {
          target: "processes",
          actions: [
            assign({
              typeId: (_context, event) => event.id

RafalFilipek

alert(x)