Andarist

{
  "optimist": [],
  "access": {
    "lastAccepted": null,
    "isLinkInterstitialEnabled": true,
    "isVideoInterstitialEnabled": true
  },
  "entities": {
    "users": {

Andarist

trigger example:

{
	type: "new_customer",
	value: true
}

step: { action, outcomes }

action example:

Andarist

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { AuthWebView } from '@livechat/chat.io-customer-auth';
import { init } from '@livechat/chat.io-customer-sdk'

export default class App extends React.Component {
  componentDidMount() {
    const sdk = init({ license: 100004225 })
    sdk.on('connected', ({ chatsSummary, totalChats }) => {
      console.log('on connected', { chatsSummary, totalChats })

Andarist

sdk.sendEvent(CHAT_ID, {
	type: 'annotation',
	annotation_type: 'rating',
	properties: {
		rating: {
			score: 0,
			comment: 'You were very helpful',
		},
	},
})

Andarist

// { type: 'A', payload: { timestamp: number } }
// { type: 'B', payload: { user_id: string } }

const parseA = data => ({ lastTimestamp: data * 1000 })
const parseB = data => ({ userId: data })

const serverMessageParser = (msg: SocketMessage): ParsedMessage => {
	switch (msg.action) {
	case 'A':
		return parseA(msg.data)

Andarist

import nodeResolve from 'rollup-plugin-node-resolve'
import babel from 'rollup-plugin-babel'
import pkg from './package.json'

const mergeAll = objs => Object.assign({}, ...objs)

const commonPlugins = [
	babel({
		plugins: ['external-helpers'],
	}),

Andarist

Input:                 Output:

.                      .
├── es                 ├── effects
│   ├── effects.js     │   └── package.json
│   ├── index.js       ├── es
│   └── utils.js       │   ├── effects.js
├── lib                │   ├── index.js
│   ├── effects.js     │   └── utils.js

Andarist

// Copy and paste into https://statecharts.github.io/xstate-viz/

const paginationMachine = Machine(
  {
    id: "pagination",
    initial: "empty",
    on: {
      UPDATE_PARAMS: "debouncing"
    },
    onDone: { actions: "hideMoreLoader" },

Andarist

  // Available variables:
  // Machine (machine factory function)
  // assign (action)
  // XState (all XState exports)
  
  const fetchMachine = Machine({
    id: 'fetch',
    context: { attempts: 0 },
    initial: 'idle',

Andarist

Machine({
    initial: 'fetching_user',
    states: {
      fetching_user: {
        invoke: {
          src: 'fetchUser',
          onDone: [{
            cond: 'hasUser',
            target: 'fetching_resources'
          }, {