Generated by XState Viz: https://xstate.js.org/viz

machine.js

/*  Actions & Guards **********************************************************/
const hasCookie = context => context.isCookieSet;
const isNotShowing = context => context.isShown === false;

const collapse = assign({
	isShown: false,
});

const setCookie = assign({
	isCookieSet: true,
});
/* end Action & Guards ********************************************************/

/* Possible States ************************************************************/
 const statesForFocus = {
	// parallel
	unfocused: {
		on: {
			FOCUS: 'focused',
		},
	},
	focused: {
		on: {
			UNFOCUS: 'unfocused',
		},
	},
};

const stateInitial = {
	after: {
		PAGE_LOAD: [
			{
				target: 'messageCollapsed',
				cond: 'hasCookie',
			},
			{
				target: 'messageCollapsed',
				cond: 'isNotShowing',
			},
			{
				target: 'messageShowing',
			},
		],
	},
};

const stateShowing = {
	on: {
		USER_CLOSE: {
			target: 'messageCollapsed',
			actions: ['setCookie', 'collapse'],
		},
		PAGE_REFRESH: 'initial',
	},
	initial: 'unfocused',
	states: {
		...statesForFocus,
	},
};

const stateCollapsed = {
	on: {
		PAGE_REFRESH: 'initial',
	},
};
/* end Possible States */

 const PrivacyPolicyMachine = isShown => {
	return Machine(
		{
			id: 'Privacy Policy Machine',
			strict: true,
			initial: 'initial',
			context: {
				isCookieSet: false,
				isShown: isShown,
			},
			states: {
				initial: stateInitial,
				messageShowing: stateShowing,
				messageCollapsed: stateCollapsed,
			},
		},
		{
			actions: {
				setCookie,
				collapse,
			},
			guards: {
				hasCookie,
				isNotShowing,
			},
			delays: {
				PAGE_LOAD: 1000,
			},
		}
	);
};

// uncomment the next line if pasting into the Viz
PrivacyPolicyMachine(true);