doc/images/retail-transaction-states-after.svg

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 389.7 303.4" style="enable-background:new 0 0 389.7 303.4;" xml:space="preserve">
<style type="text/css">
	.st0{font-family:'HelveticaNeue-Bold';}
	.st1{font-size:12px;}
	.st2{fill:none;stroke:#0087CF;stroke-miterlimit:10;}
	.st3{fill:#0087CF;}
	.st4{font-family:'HelveticaNeue-Medium';}
</style>
<text transform="matrix(1 0 0 1 131.437 35.8973)" class="st0 st1">ringing_up</text>
<text transform="matrix(1 0 0 1 110.0611 97.2221)" class="st0 st1">collecting_payment</text>
<text transform="matrix(1 0 0 1 108.2691 158.547)" class="st0 st1">processing_payment</text>
<text transform="matrix(1 0 0 1 208.4815 217.872)" class="st0 st1">payment_declined</text>
<text transform="matrix(1 0 0 1 82.3668 220.7264)" class="st0 st1">settled</text>
<text transform="matrix(1 0 0 1 79.5207 279.4871)" class="st0 st1">refunded</text>
<g>
	<g>
		<g>
			<line class="st2" x1="145.9" y1="43.4" x2="145.9" y2="75.9"/>
			<g>
				<polygon class="st3" points="142.2,73.1 145.9,74.7 149.6,73.1 145.9,81.9 				"/>
			</g>
		</g>
	</g>
	<text transform="matrix(1 0 0 1 78.8382 64.099)" class="st3 st4 st1">check_out!</text>
</g>
<g>
	<g>
		<g>
			<line class="st2" x1="180.9" y1="81.9" x2="180.9" y2="49.4"/>
			<g>
				<polygon class="st3" points="184.6,52.2 180.9,50.7 177.2,52.2 180.9,43.4 				"/>
			</g>
		</g>
	</g>
	<text transform="matrix(1 0 0 1 187.5645 68.099)" class="st3 st4 st1">reopen!</text>
</g>
<g>
	<g>
		<g>
			<line class="st2" x1="164.1" y1="106.7" x2="164.1" y2="139.2"/>
			<g>
				<polygon class="st3" points="160.4,136.4 164.1,138 167.8,136.4 164.1,145.2 				"/>
			</g>
		</g>
	</g>
	<text transform="matrix(1 0 0 1 55.7089 127.3468)" class="st3 st4 st1">process_payment!</text>
</g>
<g>
	<g>
		<g>
			<path class="st2" d="M237.7,154.9c50.3,2.3,80.1,23.3,80.1,55.4"/>
			<g>
				<polygon class="st3" points="240.4,158.8 239,155 240.7,151.4 231.8,154.7 				"/>
			</g>
		</g>
	</g>
	<g>
		<g>
			<path class="st2" d="M203.1,31.9c168.7,1.2,217.9,114,114.7,178.4"/>
			<g>
				<polygon class="st3" points="205.9,35.7 204.3,32 206,28.3 197.1,31.9 				"/>
			</g>
		</g>
	</g>
	<text transform="matrix(1 0 0 1 243.8542 150.9878)" class="st3 st4 st1">process_payment!</text>
	<text transform="matrix(1 0 0 1 218.3339 25.6319)" class="st3 st4 st1">reopen!</text>
</g>
<g>
	<g>
		<g>
			<line class="st2" x1="101.9" y1="228.1" x2="101.9" y2="260.6"/>
			<g>
				<polygon class="st3" points="98.2,257.7 101.9,259.3 105.6,257.7 101.9,266.5 				"/>
			</g>
		</g>
	</g>
	<text transform="matrix(1 0 0 1 55.4368 248.7143)" class="st3 st4 st1">refund!</text>
</g>
<g>
	<g>
		<g>
			<path class="st2" d="M158.9,164.1c0,22.3-11.7,43.8-28.3,49.2"/>
			<g>
				<polygon class="st3" points="132.4,209 131.7,213 134.1,216.2 124.7,214.5 				"/>
			</g>
		</g>
	</g>
	<text transform="matrix(1 0 0 1 28.903 190.5947)" class="st3 st4 st1">payment_authorized!</text>
</g>
<g>
	<g>
		<g>
			<path class="st2" d="M168.3,164.1c0,22.3,11.7,43.8,28.3,49.2"/>
			<g>
				<polygon class="st3" points="193.1,216.2 195.4,213 194.7,209 202.5,214.5 				"/>
			</g>
		</g>
	</g>
	<text transform="matrix(1 0 0 1 181.9829 190.5947)" class="st3 st4 st1">payment_declined!</text>
</g>
</svg>