docs/event-driven-commerce.svg

<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than draw.io -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1493px" height="1093px" viewBox="-0.5 -0.5 1493 1093" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2024-03-05T01:51:10.164Z&quot; agent=&quot;Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36&quot; etag=&quot;_gFjN3flhqXsFpUKpItt&quot; version=&quot;24.0.1&quot; type=&quot;device&quot;&gt;&#10;  &lt;diagram id=&quot;wNGy2bTknZuOEXVIZ0A9&quot; name=&quot;Page-2&quot;&gt;&#10;    &lt;mxGraphModel dx=&quot;3089&quot; dy=&quot;2404&quot; grid=&quot;0&quot; gridSize=&quot;10&quot; guides=&quot;1&quot; tooltips=&quot;1&quot; connect=&quot;1&quot; arrows=&quot;1&quot; fold=&quot;1&quot; page=&quot;0&quot; pageScale=&quot;1&quot; pageWidth=&quot;850&quot; pageHeight=&quot;1100&quot; background=&quot;#ffffff&quot; math=&quot;0&quot; shadow=&quot;0&quot;&gt;&#10;      &lt;root&gt;&#10;        &lt;mxCell id=&quot;0&quot; /&gt;&#10;        &lt;mxCell id=&quot;1&quot; parent=&quot;0&quot; /&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Type=&quot;Message Broker&quot; c4Container=&quot;Container&quot; c4Technology=&quot;RabbitMQ&quot; c4Description=&quot;Description of message bus type container role/responsibility.&quot; label=&quot;&amp;lt;font style=&amp;quot;font-size: 16px&amp;quot;&amp;gt;&amp;lt;b&amp;gt;%c4Type%&amp;lt;/b&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;div&amp;gt;[%c4Container%:&amp;amp;nbsp;%c4Technology%]&amp;lt;/div&amp;gt;&amp;lt;br&amp;gt;&amp;lt;div&amp;gt;&amp;lt;font style=&amp;quot;font-size: 11px&amp;quot;&amp;gt;&amp;lt;font color=&amp;quot;#E6E6E6&amp;quot;&amp;gt;%c4Description%&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;ptDJKxzkq-cpx8KB77Mt-1&quot;&gt;&#10;          &lt;mxCell style=&quot;shape=cylinder3;size=15;direction=south;whiteSpace=wrap;html=1;boundedLbl=1;rounded=0;labelBackgroundColor=none;fillColor=#23A2D9;fontSize=12;fontColor=#ffffff;align=center;strokeColor=#0E7DAD;metaEdit=1;points=[[0.5,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.5,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];resizable=0;shadow=1;textShadow=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;            &lt;mxGeometry x=&quot;240&quot; y=&quot;-160&quot; width=&quot;240&quot; height=&quot;120&quot; as=&quot;geometry&quot; /&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Name=&quot;payment-svc&quot; c4Type=&quot;Container&quot; c4Technology=&quot;Golang&quot; c4Description=&quot;Description of container role/responsibility.&quot; label=&quot;&amp;lt;font style=&amp;quot;font-size: 16px&amp;quot;&amp;gt;&amp;lt;b&amp;gt;%c4Name%&amp;lt;/b&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;div&amp;gt;[%c4Type%: %c4Technology%]&amp;lt;/div&amp;gt;&amp;lt;br&amp;gt;&amp;lt;div&amp;gt;&amp;lt;font style=&amp;quot;font-size: 11px&amp;quot;&amp;gt;&amp;lt;font color=&amp;quot;#E6E6E6&amp;quot;&amp;gt;%c4Description%&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;ptDJKxzkq-cpx8KB77Mt-2&quot;&gt;&#10;          &lt;mxCell style=&quot;rounded=1;whiteSpace=wrap;html=1;fontSize=11;labelBackgroundColor=none;fillColor=#1C81AD;fontColor=#ffffff;align=center;arcSize=10;strokeColor=#0E7DAD;metaEdit=1;resizable=0;points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shadow=1;textShadow=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;            &lt;mxGeometry x=&quot;240&quot; y=&quot;80&quot; width=&quot;240&quot; height=&quot;120&quot; as=&quot;geometry&quot; /&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Type=&quot;Database&quot; c4Container=&quot;Container&quot; c4Technology=&quot;PostgreSQL&quot; c4Description=&quot;Description of storage type container role/responsibility.&quot; label=&quot;&amp;lt;font style=&amp;quot;font-size: 16px&amp;quot;&amp;gt;&amp;lt;b&amp;gt;%c4Type%&amp;lt;/b&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;div&amp;gt;[%c4Container%:&amp;amp;nbsp;%c4Technology%]&amp;lt;/div&amp;gt;&amp;lt;br&amp;gt;&amp;lt;div&amp;gt;&amp;lt;font style=&amp;quot;font-size: 11px&amp;quot;&amp;gt;&amp;lt;font color=&amp;quot;#E6E6E6&amp;quot;&amp;gt;%c4Description%&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;ptDJKxzkq-cpx8KB77Mt-3&quot;&gt;&#10;          &lt;mxCell style=&quot;shape=cylinder3;size=15;whiteSpace=wrap;html=1;boundedLbl=1;rounded=0;labelBackgroundColor=none;fillColor=#23A2D9;fontSize=12;fontColor=#ffffff;align=center;strokeColor=#0E7DAD;metaEdit=1;points=[[0.5,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.5,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];resizable=0;shadow=1;textShadow=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;            &lt;mxGeometry x=&quot;640&quot; y=&quot;80&quot; width=&quot;240&quot; height=&quot;120&quot; as=&quot;geometry&quot; /&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Type=&quot;Relationship&quot; c4Technology=&quot;TCP/IP&quot; c4Description=&quot;Reads/Writes&quot; label=&quot;&amp;lt;div style=&amp;quot;text-align: left&amp;quot;&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;&amp;lt;b&amp;gt;%c4Description%&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;[%c4Technology%]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;ptDJKxzkq-cpx8KB77Mt-4&quot;&gt;&#10;          &lt;mxCell style=&quot;endArrow=blockThin;html=1;fontSize=10;fontColor=#404040;strokeWidth=1;endFill=1;strokeColor=#828282;elbow=vertical;metaEdit=1;endSize=14;startSize=14;jumpStyle=arc;jumpSize=16;rounded=0;edgeStyle=orthogonalEdgeStyle;exitX=1;exitY=0.5;exitDx=0;exitDy=0;exitPerimeter=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;entryPerimeter=0;orthogonalLoop=0;flowAnimation=1;shadow=0;textShadow=0;&quot; parent=&quot;1&quot; source=&quot;ptDJKxzkq-cpx8KB77Mt-2&quot; target=&quot;ptDJKxzkq-cpx8KB77Mt-3&quot; edge=&quot;1&quot;&gt;&#10;            &lt;mxGeometry width=&quot;240&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;              &lt;mxPoint x=&quot;300&quot; y=&quot;100&quot; as=&quot;sourcePoint&quot; /&gt;&#10;              &lt;mxPoint x=&quot;560&quot; y=&quot;60&quot; as=&quot;targetPoint&quot; /&gt;&#10;            &lt;/mxGeometry&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Type=&quot;Relationship&quot; c4Technology=&quot;AMQP&quot; c4Description=&quot;Consume&quot; label=&quot;&amp;lt;div style=&amp;quot;text-align: left&amp;quot;&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;&amp;lt;b&amp;gt;%c4Description%&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;[%c4Technology%]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;ptDJKxzkq-cpx8KB77Mt-5&quot;&gt;&#10;          &lt;mxCell style=&quot;endArrow=blockThin;html=1;fontSize=10;fontColor=#404040;strokeWidth=1;endFill=1;strokeColor=#828282;elbow=vertical;metaEdit=1;endSize=14;startSize=14;jumpStyle=arc;jumpSize=16;rounded=0;edgeStyle=orthogonalEdgeStyle;exitX=1;exitY=0.75;exitDx=0;exitDy=0;exitPerimeter=0;entryX=0.25;entryY=0;entryDx=0;entryDy=0;entryPerimeter=0;startArrow=blockThin;startFill=1;orthogonalLoop=0;flowAnimation=1;shadow=0;textShadow=0;&quot; parent=&quot;1&quot; source=&quot;ptDJKxzkq-cpx8KB77Mt-1&quot; target=&quot;ptDJKxzkq-cpx8KB77Mt-2&quot; edge=&quot;1&quot;&gt;&#10;            &lt;mxGeometry width=&quot;240&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;              &lt;mxPoint x=&quot;490&quot; y=&quot;190&quot; as=&quot;sourcePoint&quot; /&gt;&#10;              &lt;mxPoint x=&quot;690&quot; y=&quot;190&quot; as=&quot;targetPoint&quot; /&gt;&#10;              &lt;mxPoint as=&quot;offset&quot; /&gt;&#10;            &lt;/mxGeometry&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Name=&quot;order-svc&quot; c4Type=&quot;Container&quot; c4Technology=&quot;Golang&quot; c4Description=&quot;Description of container role/responsibility.&quot; label=&quot;&amp;lt;font style=&amp;quot;font-size: 16px&amp;quot;&amp;gt;&amp;lt;b&amp;gt;%c4Name%&amp;lt;/b&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;div&amp;gt;[%c4Type%: %c4Technology%]&amp;lt;/div&amp;gt;&amp;lt;br&amp;gt;&amp;lt;div&amp;gt;&amp;lt;font style=&amp;quot;font-size: 11px&amp;quot;&amp;gt;&amp;lt;font color=&amp;quot;#E6E6E6&amp;quot;&amp;gt;%c4Description%&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;3ltGqDfQGAvJhJiJqgDN-1&quot;&gt;&#10;          &lt;mxCell style=&quot;rounded=1;whiteSpace=wrap;html=1;fontSize=11;labelBackgroundColor=none;fillColor=#1C81AD;fontColor=#ffffff;align=center;arcSize=10;strokeColor=#0E7DAD;metaEdit=1;resizable=0;points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];shadow=1;textShadow=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;            &lt;mxGeometry x=&quot;240&quot; y=&quot;-400&quot; width=&quot;240&quot; height=&quot;120&quot; as=&quot;geometry&quot; /&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Type=&quot;Database&quot; c4Container=&quot;Container&quot; c4Technology=&quot;PostgreSQL&quot; c4Description=&quot;Description of storage type container role/responsibility.&quot; label=&quot;&amp;lt;font style=&amp;quot;font-size: 16px&amp;quot;&amp;gt;&amp;lt;b&amp;gt;%c4Type%&amp;lt;/b&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;div&amp;gt;[%c4Container%:&amp;amp;nbsp;%c4Technology%]&amp;lt;/div&amp;gt;&amp;lt;br&amp;gt;&amp;lt;div&amp;gt;&amp;lt;font style=&amp;quot;font-size: 11px&amp;quot;&amp;gt;&amp;lt;font color=&amp;quot;#E6E6E6&amp;quot;&amp;gt;%c4Description%&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;3ltGqDfQGAvJhJiJqgDN-2&quot;&gt;&#10;          &lt;mxCell style=&quot;shape=cylinder3;size=15;whiteSpace=wrap;html=1;boundedLbl=1;rounded=0;labelBackgroundColor=none;fillColor=#23A2D9;fontSize=12;fontColor=#ffffff;align=center;strokeColor=#0E7DAD;metaEdit=1;points=[[0.5,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.5,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];resizable=0;shadow=1;textShadow=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;            &lt;mxGeometry x=&quot;640&quot; y=&quot;-400&quot; width=&quot;240&quot; height=&quot;120&quot; as=&quot;geometry&quot; /&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Type=&quot;Relationship&quot; c4Technology=&quot;AMQP&quot; c4Description=&quot;Publish&quot; label=&quot;&amp;lt;div style=&amp;quot;text-align: left&amp;quot;&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;&amp;lt;b&amp;gt;%c4Description%&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;[%c4Technology%]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;3ltGqDfQGAvJhJiJqgDN-3&quot;&gt;&#10;          &lt;mxCell style=&quot;endArrow=blockThin;html=1;fontSize=10;fontColor=#404040;strokeWidth=1;endFill=1;strokeColor=#828282;elbow=vertical;metaEdit=1;endSize=14;startSize=14;jumpStyle=arc;jumpSize=16;rounded=0;edgeStyle=orthogonalEdgeStyle;exitX=0.25;exitY=1;exitDx=0;exitDy=0;exitPerimeter=0;entryX=0;entryY=0.75;entryDx=0;entryDy=0;entryPerimeter=0;startArrow=blockThin;startFill=1;orthogonalLoop=0;flowAnimation=1;shadow=0;textShadow=0;&quot; parent=&quot;1&quot; source=&quot;3ltGqDfQGAvJhJiJqgDN-1&quot; target=&quot;ptDJKxzkq-cpx8KB77Mt-1&quot; edge=&quot;1&quot;&gt;&#10;            &lt;mxGeometry width=&quot;240&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;              &lt;mxPoint x=&quot;370&quot; y=&quot;10&quot; as=&quot;sourcePoint&quot; /&gt;&#10;              &lt;mxPoint x=&quot;370&quot; y=&quot;170&quot; as=&quot;targetPoint&quot; /&gt;&#10;              &lt;mxPoint as=&quot;offset&quot; /&gt;&#10;            &lt;/mxGeometry&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Type=&quot;Relationship&quot; c4Technology=&quot;TCP/IP&quot; c4Description=&quot;Reads/Writes&quot; label=&quot;&amp;lt;div style=&amp;quot;text-align: left&amp;quot;&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;&amp;lt;b&amp;gt;%c4Description%&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;[%c4Technology%]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;3ltGqDfQGAvJhJiJqgDN-4&quot;&gt;&#10;          &lt;mxCell style=&quot;endArrow=blockThin;html=1;fontSize=10;fontColor=#404040;strokeWidth=1;endFill=1;strokeColor=#828282;elbow=vertical;metaEdit=1;endSize=14;startSize=14;jumpStyle=arc;jumpSize=16;rounded=0;edgeStyle=orthogonalEdgeStyle;exitX=1;exitY=0.5;exitDx=0;exitDy=0;exitPerimeter=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;entryPerimeter=0;orthogonalLoop=0;flowAnimation=1;shadow=0;textShadow=0;&quot; parent=&quot;1&quot; source=&quot;3ltGqDfQGAvJhJiJqgDN-1&quot; target=&quot;3ltGqDfQGAvJhJiJqgDN-2&quot; edge=&quot;1&quot;&gt;&#10;            &lt;mxGeometry width=&quot;240&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;              &lt;mxPoint x=&quot;490&quot; y=&quot;230&quot; as=&quot;sourcePoint&quot; /&gt;&#10;              &lt;mxPoint x=&quot;650&quot; y=&quot;230&quot; as=&quot;targetPoint&quot; /&gt;&#10;            &lt;/mxGeometry&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Name=&quot;api-gtw&quot; c4Type=&quot;Container&quot; c4Technology=&quot;Golang&quot; c4Description=&quot;Description of container role/responsibility.&quot; label=&quot;&amp;lt;font style=&amp;quot;font-size: 16px&amp;quot;&amp;gt;&amp;lt;b&amp;gt;%c4Name%&amp;lt;/b&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;div&amp;gt;[%c4Type%: %c4Technology%]&amp;lt;/div&amp;gt;&amp;lt;br&amp;gt;&amp;lt;div&amp;gt;&amp;lt;font style=&amp;quot;font-size: 11px&amp;quot;&amp;gt;&amp;lt;font color=&amp;quot;#E6E6E6&amp;quot;&amp;gt;%c4Description%&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;3ltGqDfQGAvJhJiJqgDN-5&quot;&gt;&#10;          &lt;mxCell style=&quot;rounded=1;whiteSpace=wrap;html=1;fontSize=11;labelBackgroundColor=none;fillColor=#1C81AD;fontColor=#ffffff;align=center;arcSize=10;strokeColor=#0E7DAD;metaEdit=1;resizable=0;points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];gradientColor=none;fillStyle=auto;shadow=1;textShadow=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;            &lt;mxGeometry x=&quot;-200&quot; y=&quot;-640&quot; width=&quot;240&quot; height=&quot;120&quot; as=&quot;geometry&quot; /&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Type=&quot;Relationship&quot; c4Technology=&quot;gRPC&quot; c4Description=&quot;API Calls&quot; label=&quot;&amp;lt;div style=&amp;quot;text-align: left&amp;quot;&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;&amp;lt;b&amp;gt;%c4Description%&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;[%c4Technology%]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;3ltGqDfQGAvJhJiJqgDN-6&quot;&gt;&#10;          &lt;mxCell style=&quot;endArrow=blockThin;html=1;fontSize=10;fontColor=#404040;strokeWidth=1;endFill=1;strokeColor=#828282;elbow=vertical;metaEdit=1;endSize=14;startSize=14;jumpStyle=arc;jumpSize=16;rounded=0;exitX=1;exitY=0.75;exitDx=0;exitDy=0;exitPerimeter=0;startArrow=blockThin;startFill=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;entryPerimeter=0;orthogonalLoop=0;flowAnimation=1;shadow=0;textShadow=0;&quot; parent=&quot;1&quot; source=&quot;3ltGqDfQGAvJhJiJqgDN-5&quot; target=&quot;3ltGqDfQGAvJhJiJqgDN-1&quot; edge=&quot;1&quot;&gt;&#10;            &lt;mxGeometry width=&quot;240&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;              &lt;mxPoint x=&quot;370&quot; y=&quot;10&quot; as=&quot;sourcePoint&quot; /&gt;&#10;              &lt;mxPoint x=&quot;120&quot; y=&quot;-250&quot; as=&quot;targetPoint&quot; /&gt;&#10;              &lt;mxPoint as=&quot;offset&quot; /&gt;&#10;            &lt;/mxGeometry&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Name=&quot;product-svc&quot; c4Type=&quot;Container&quot; c4Technology=&quot;Golang&quot; c4Description=&quot;Description of container role/responsibility.&quot; label=&quot;&amp;lt;font style=&amp;quot;font-size: 16px&amp;quot;&amp;gt;&amp;lt;b&amp;gt;%c4Name%&amp;lt;/b&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;div&amp;gt;[%c4Type%: %c4Technology%]&amp;lt;/div&amp;gt;&amp;lt;br&amp;gt;&amp;lt;div&amp;gt;&amp;lt;font style=&amp;quot;font-size: 11px&amp;quot;&amp;gt;&amp;lt;font color=&amp;quot;#E6E6E6&amp;quot;&amp;gt;%c4Description%&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;3ltGqDfQGAvJhJiJqgDN-8&quot;&gt;&#10;          &lt;mxCell style=&quot;rounded=1;whiteSpace=wrap;html=1;fontSize=11;labelBackgroundColor=none;fillColor=#1C81AD;fontColor=#ffffff;align=center;arcSize=10;strokeColor=#0E7DAD;metaEdit=1;resizable=0;points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];gradientColor=none;fillStyle=auto;shadow=1;textShadow=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;            &lt;mxGeometry x=&quot;240&quot; y=&quot;-640&quot; width=&quot;240&quot; height=&quot;120&quot; as=&quot;geometry&quot; /&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Type=&quot;Relationship&quot; c4Technology=&quot;gRPC&quot; c4Description=&quot;API Calls&quot; label=&quot;&amp;lt;div style=&amp;quot;text-align: left&amp;quot;&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;&amp;lt;b&amp;gt;%c4Description%&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;[%c4Technology%]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;3ltGqDfQGAvJhJiJqgDN-9&quot;&gt;&#10;          &lt;mxCell style=&quot;endArrow=blockThin;html=1;fontSize=10;fontColor=#404040;strokeWidth=1;endFill=1;strokeColor=#828282;elbow=vertical;metaEdit=1;endSize=14;startSize=14;jumpStyle=arc;jumpSize=16;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;exitPerimeter=0;startArrow=blockThin;startFill=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;entryPerimeter=0;orthogonalLoop=0;flowAnimation=1;shadow=0;textShadow=0;&quot; parent=&quot;1&quot; source=&quot;3ltGqDfQGAvJhJiJqgDN-5&quot; target=&quot;3ltGqDfQGAvJhJiJqgDN-8&quot; edge=&quot;1&quot;&gt;&#10;            &lt;mxGeometry width=&quot;240&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;              &lt;mxPoint x=&quot;-30&quot; y=&quot;-330&quot; as=&quot;sourcePoint&quot; /&gt;&#10;              &lt;mxPoint x=&quot;250&quot; y=&quot;-330&quot; as=&quot;targetPoint&quot; /&gt;&#10;              &lt;mxPoint as=&quot;offset&quot; /&gt;&#10;            &lt;/mxGeometry&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Type=&quot;Database&quot; c4Container=&quot;Container&quot; c4Technology=&quot;PostgreSQL&quot; c4Description=&quot;Description of storage type container role/responsibility.&quot; label=&quot;&amp;lt;font style=&amp;quot;font-size: 16px&amp;quot;&amp;gt;&amp;lt;b&amp;gt;%c4Type%&amp;lt;/b&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;div&amp;gt;[%c4Container%:&amp;amp;nbsp;%c4Technology%]&amp;lt;/div&amp;gt;&amp;lt;br&amp;gt;&amp;lt;div&amp;gt;&amp;lt;font style=&amp;quot;font-size: 11px&amp;quot;&amp;gt;&amp;lt;font color=&amp;quot;#E6E6E6&amp;quot;&amp;gt;%c4Description%&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;3ltGqDfQGAvJhJiJqgDN-10&quot;&gt;&#10;          &lt;mxCell style=&quot;shape=cylinder3;size=15;whiteSpace=wrap;html=1;boundedLbl=1;rounded=0;labelBackgroundColor=none;fillColor=#23A2D9;fontSize=12;fontColor=#ffffff;align=center;strokeColor=#0E7DAD;metaEdit=1;points=[[0.5,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.5,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];resizable=0;shadow=1;textShadow=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;            &lt;mxGeometry x=&quot;640&quot; y=&quot;-640&quot; width=&quot;240&quot; height=&quot;120&quot; as=&quot;geometry&quot; /&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Type=&quot;Relationship&quot; c4Technology=&quot;TCP/IP&quot; c4Description=&quot;Reads/Writes&quot; label=&quot;&amp;lt;div style=&amp;quot;text-align: left&amp;quot;&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;&amp;lt;b&amp;gt;%c4Description%&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;[%c4Technology%]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;3ltGqDfQGAvJhJiJqgDN-11&quot;&gt;&#10;          &lt;mxCell style=&quot;endArrow=blockThin;html=1;fontSize=10;fontColor=#404040;strokeWidth=1;endFill=1;strokeColor=#828282;elbow=vertical;metaEdit=1;endSize=14;startSize=14;jumpStyle=arc;jumpSize=16;rounded=0;edgeStyle=orthogonalEdgeStyle;exitX=1;exitY=0.5;exitDx=0;exitDy=0;exitPerimeter=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;entryPerimeter=0;orthogonalLoop=0;flowAnimation=1;shadow=0;textShadow=0;&quot; parent=&quot;1&quot; source=&quot;3ltGqDfQGAvJhJiJqgDN-8&quot; target=&quot;3ltGqDfQGAvJhJiJqgDN-10&quot; edge=&quot;1&quot;&gt;&#10;            &lt;mxGeometry width=&quot;240&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;              &lt;mxPoint x=&quot;490&quot; y=&quot;-330&quot; as=&quot;sourcePoint&quot; /&gt;&#10;              &lt;mxPoint x=&quot;650&quot; y=&quot;-330&quot; as=&quot;targetPoint&quot; /&gt;&#10;            &lt;/mxGeometry&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Name=&quot;customer-svc&quot; c4Type=&quot;Container&quot; c4Technology=&quot;Golang&quot; c4Description=&quot;Description of container role/responsibility.&quot; label=&quot;&amp;lt;font style=&amp;quot;font-size: 16px&amp;quot;&amp;gt;&amp;lt;b&amp;gt;%c4Name%&amp;lt;/b&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;div&amp;gt;[%c4Type%: %c4Technology%]&amp;lt;/div&amp;gt;&amp;lt;br&amp;gt;&amp;lt;div&amp;gt;&amp;lt;font style=&amp;quot;font-size: 11px&amp;quot;&amp;gt;&amp;lt;font color=&amp;quot;#E6E6E6&amp;quot;&amp;gt;%c4Description%&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;3ltGqDfQGAvJhJiJqgDN-12&quot;&gt;&#10;          &lt;mxCell style=&quot;rounded=1;whiteSpace=wrap;html=1;fontSize=11;labelBackgroundColor=none;fillColor=#1C81AD;fontColor=#ffffff;align=center;arcSize=10;strokeColor=#0E7DAD;metaEdit=1;resizable=0;points=[[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];gradientColor=none;fillStyle=auto;shadow=1;textShadow=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;            &lt;mxGeometry x=&quot;240&quot; y=&quot;-880&quot; width=&quot;240&quot; height=&quot;120&quot; as=&quot;geometry&quot; /&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Type=&quot;Database&quot; c4Container=&quot;Container&quot; c4Technology=&quot;PostgreSQL&quot; c4Description=&quot;Description of storage type container role/responsibility.&quot; label=&quot;&amp;lt;font style=&amp;quot;font-size: 16px&amp;quot;&amp;gt;&amp;lt;b&amp;gt;%c4Type%&amp;lt;/b&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;div&amp;gt;[%c4Container%:&amp;amp;nbsp;%c4Technology%]&amp;lt;/div&amp;gt;&amp;lt;br&amp;gt;&amp;lt;div&amp;gt;&amp;lt;font style=&amp;quot;font-size: 11px&amp;quot;&amp;gt;&amp;lt;font color=&amp;quot;#E6E6E6&amp;quot;&amp;gt;%c4Description%&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;3ltGqDfQGAvJhJiJqgDN-13&quot;&gt;&#10;          &lt;mxCell style=&quot;shape=cylinder3;size=15;whiteSpace=wrap;html=1;boundedLbl=1;rounded=0;labelBackgroundColor=none;fillColor=#23A2D9;fontSize=12;fontColor=#ffffff;align=center;strokeColor=#0E7DAD;metaEdit=1;points=[[0.5,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.5,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];resizable=0;shadow=1;textShadow=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;            &lt;mxGeometry x=&quot;640&quot; y=&quot;-880&quot; width=&quot;240&quot; height=&quot;120&quot; as=&quot;geometry&quot; /&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Type=&quot;Relationship&quot; c4Technology=&quot;TCP/IP&quot; c4Description=&quot;Reads/Writes&quot; label=&quot;&amp;lt;div style=&amp;quot;text-align: left&amp;quot;&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;&amp;lt;b&amp;gt;%c4Description%&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;[%c4Technology%]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;3ltGqDfQGAvJhJiJqgDN-14&quot;&gt;&#10;          &lt;mxCell style=&quot;endArrow=blockThin;html=1;fontSize=10;fontColor=#404040;strokeWidth=1;endFill=1;strokeColor=#828282;elbow=vertical;metaEdit=1;endSize=14;startSize=14;jumpStyle=arc;jumpSize=16;rounded=0;edgeStyle=orthogonalEdgeStyle;exitX=1;exitY=0.5;exitDx=0;exitDy=0;exitPerimeter=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;entryPerimeter=0;orthogonalLoop=0;flowAnimation=1;shadow=0;textShadow=0;&quot; parent=&quot;1&quot; source=&quot;3ltGqDfQGAvJhJiJqgDN-12&quot; target=&quot;3ltGqDfQGAvJhJiJqgDN-13&quot; edge=&quot;1&quot;&gt;&#10;            &lt;mxGeometry width=&quot;240&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;              &lt;mxPoint x=&quot;490&quot; y=&quot;-570&quot; as=&quot;sourcePoint&quot; /&gt;&#10;              &lt;mxPoint x=&quot;650&quot; y=&quot;-570&quot; as=&quot;targetPoint&quot; /&gt;&#10;            &lt;/mxGeometry&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Type=&quot;Relationship&quot; c4Technology=&quot;gRPC&quot; c4Description=&quot;API Calls&quot; label=&quot;&amp;lt;div style=&amp;quot;text-align: left&amp;quot;&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;&amp;lt;b&amp;gt;%c4Description%&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;[%c4Technology%]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;3ltGqDfQGAvJhJiJqgDN-15&quot;&gt;&#10;          &lt;mxCell style=&quot;endArrow=blockThin;html=1;fontSize=10;fontColor=#404040;strokeWidth=1;endFill=1;strokeColor=#828282;elbow=vertical;metaEdit=1;endSize=14;startSize=14;jumpStyle=arc;jumpSize=16;rounded=0;exitX=1;exitY=0.25;exitDx=0;exitDy=0;exitPerimeter=0;startArrow=blockThin;startFill=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;entryPerimeter=0;orthogonalLoop=0;flowAnimation=1;shadow=0;textShadow=0;&quot; parent=&quot;1&quot; source=&quot;3ltGqDfQGAvJhJiJqgDN-5&quot; target=&quot;3ltGqDfQGAvJhJiJqgDN-12&quot; edge=&quot;1&quot;&gt;&#10;            &lt;mxGeometry width=&quot;240&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;              &lt;mxPoint x=&quot;-30&quot; y=&quot;-440&quot; as=&quot;sourcePoint&quot; /&gt;&#10;              &lt;mxPoint x=&quot;250&quot; y=&quot;-570&quot; as=&quot;targetPoint&quot; /&gt;&#10;              &lt;mxPoint as=&quot;offset&quot; /&gt;&#10;            &lt;/mxGeometry&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Type=&quot;Relationship&quot; c4Technology=&quot;gRPC&quot; c4Description=&quot;API Calls&quot; label=&quot;&amp;lt;div style=&amp;quot;text-align: left&amp;quot;&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;&amp;lt;b&amp;gt;%c4Description%&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;[%c4Technology%]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;3ltGqDfQGAvJhJiJqgDN-16&quot;&gt;&#10;          &lt;mxCell style=&quot;endArrow=blockThin;html=1;fontSize=10;fontColor=#404040;strokeWidth=1;endFill=1;strokeColor=#828282;elbow=vertical;metaEdit=1;endSize=14;startSize=14;jumpStyle=arc;jumpSize=16;rounded=0;startArrow=blockThin;startFill=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;entryPerimeter=0;orthogonalLoop=0;flowAnimation=1;shadow=0;textShadow=0;backgroundOutline=0;noJump=0;ignoreEdge=0;orthogonal=0;enumerate=0;comic=0;exitX=0.5;exitY=0;exitDx=0;exitDy=0;exitPerimeter=0;&quot; parent=&quot;1&quot; source=&quot;3ltGqDfQGAvJhJiJqgDN-1&quot; target=&quot;3ltGqDfQGAvJhJiJqgDN-8&quot; edge=&quot;1&quot;&gt;&#10;            &lt;mxGeometry width=&quot;240&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;              &lt;mxPoint x=&quot;297&quot; y=&quot;-482&quot; as=&quot;sourcePoint&quot; /&gt;&#10;              &lt;mxPoint x=&quot;250&quot; y=&quot;-330&quot; as=&quot;targetPoint&quot; /&gt;&#10;              &lt;mxPoint as=&quot;offset&quot; /&gt;&#10;            &lt;/mxGeometry&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Type=&quot;web-ui&quot; c4Container=&quot;Container&quot; c4Technology=&quot;TypeScript, React&quot; c4Description=&quot;Description of web browser container role/responsibility.&quot; label=&quot;&amp;lt;font style=&amp;quot;font-size: 16px&amp;quot;&amp;gt;&amp;lt;b&amp;gt;%c4Type%&amp;lt;/b&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;div&amp;gt;[%c4Container%:&amp;amp;nbsp;%c4Technology%]&amp;lt;/div&amp;gt;&amp;lt;br&amp;gt;&amp;lt;div&amp;gt;&amp;lt;font style=&amp;quot;font-size: 11px&amp;quot;&amp;gt;&amp;lt;font color=&amp;quot;#E6E6E6&amp;quot;&amp;gt;%c4Description%&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;3ltGqDfQGAvJhJiJqgDN-17&quot;&gt;&#10;          &lt;mxCell style=&quot;shape=mxgraph.c4.webBrowserContainer2;whiteSpace=wrap;html=1;boundedLbl=1;rounded=0;labelBackgroundColor=none;strokeColor=#118ACD;fillColor=#23A2D9;strokeColor=#118ACD;strokeColor2=#0E7DAD;fontSize=12;fontColor=#ffffff;align=center;metaEdit=1;points=[[0.5,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.5,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];resizable=0;shadow=1;textShadow=1;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;            &lt;mxGeometry x=&quot;-600&quot; y=&quot;-660&quot; width=&quot;240&quot; height=&quot;160&quot; as=&quot;geometry&quot; /&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Type=&quot;Relationship&quot; c4Technology=&quot;JSON/HTTP&quot; c4Description=&quot;API Calls&quot; label=&quot;&amp;lt;div style=&amp;quot;text-align: left&amp;quot;&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;&amp;lt;b&amp;gt;%c4Description%&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;[%c4Technology%]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;3ltGqDfQGAvJhJiJqgDN-18&quot;&gt;&#10;          &lt;mxCell style=&quot;endArrow=blockThin;html=1;fontSize=10;fontColor=#404040;strokeWidth=1;endFill=1;strokeColor=#828282;elbow=vertical;metaEdit=1;endSize=14;startSize=14;jumpStyle=arc;jumpSize=16;rounded=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;exitPerimeter=0;startArrow=blockThin;startFill=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;entryPerimeter=0;orthogonalLoop=0;flowAnimation=1;shadow=0;textShadow=0;&quot; parent=&quot;1&quot; source=&quot;3ltGqDfQGAvJhJiJqgDN-17&quot; target=&quot;3ltGqDfQGAvJhJiJqgDN-5&quot; edge=&quot;1&quot;&gt;&#10;            &lt;mxGeometry width=&quot;240&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;              &lt;mxPoint x=&quot;50&quot; y=&quot;-600&quot; as=&quot;sourcePoint&quot; /&gt;&#10;              &lt;mxPoint x=&quot;250&quot; y=&quot;-810&quot; as=&quot;targetPoint&quot; /&gt;&#10;              &lt;mxPoint as=&quot;offset&quot; /&gt;&#10;            &lt;/mxGeometry&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Type=&quot;Relationship&quot; c4Technology=&quot;AMQP&quot; c4Description=&quot;Publish&quot; label=&quot;&amp;lt;div style=&amp;quot;text-align: left&amp;quot;&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;&amp;lt;b&amp;gt;%c4Description%&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;[%c4Technology%]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;UW3vRdLBtJEouftjODGL-1&quot;&gt;&#10;          &lt;mxCell style=&quot;endArrow=blockThin;html=1;fontSize=10;fontColor=#404040;strokeWidth=1;endFill=1;strokeColor=#828282;elbow=vertical;metaEdit=1;endSize=14;startSize=14;jumpStyle=arc;jumpSize=16;rounded=0;edgeStyle=orthogonalEdgeStyle;entryX=1;entryY=0.25;entryDx=0;entryDy=0;entryPerimeter=0;startArrow=blockThin;startFill=1;orthogonalLoop=0;flowAnimation=1;shadow=0;textShadow=0;exitX=0.75;exitY=0;exitDx=0;exitDy=0;exitPerimeter=0;&quot; edge=&quot;1&quot; parent=&quot;1&quot; source=&quot;ptDJKxzkq-cpx8KB77Mt-2&quot; target=&quot;ptDJKxzkq-cpx8KB77Mt-1&quot;&gt;&#10;            &lt;mxGeometry width=&quot;240&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;              &lt;mxPoint x=&quot;454&quot; y=&quot;8&quot; as=&quot;sourcePoint&quot; /&gt;&#10;              &lt;mxPoint x=&quot;310&quot; y=&quot;90&quot; as=&quot;targetPoint&quot; /&gt;&#10;              &lt;mxPoint as=&quot;offset&quot; /&gt;&#10;            &lt;/mxGeometry&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Type=&quot;Relationship&quot; c4Technology=&quot;AMQP&quot; c4Description=&quot;Consume&quot; label=&quot;&amp;lt;div style=&amp;quot;text-align: left&amp;quot;&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;&amp;lt;b&amp;gt;%c4Description%&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;text-align: center&amp;quot;&amp;gt;[%c4Technology%]&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;UW3vRdLBtJEouftjODGL-2&quot;&gt;&#10;          &lt;mxCell style=&quot;endArrow=blockThin;html=1;fontSize=10;fontColor=#404040;strokeWidth=1;endFill=1;strokeColor=#828282;elbow=vertical;metaEdit=1;endSize=14;startSize=14;jumpStyle=arc;jumpSize=16;rounded=0;edgeStyle=orthogonalEdgeStyle;entryX=0.75;entryY=1;entryDx=0;entryDy=0;entryPerimeter=0;startArrow=blockThin;startFill=1;orthogonalLoop=0;flowAnimation=1;shadow=0;textShadow=0;exitX=0;exitY=0.25;exitDx=0;exitDy=0;exitPerimeter=0;&quot; edge=&quot;1&quot; parent=&quot;1&quot; source=&quot;ptDJKxzkq-cpx8KB77Mt-1&quot; target=&quot;3ltGqDfQGAvJhJiJqgDN-1&quot;&gt;&#10;            &lt;mxGeometry width=&quot;240&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;              &lt;mxPoint x=&quot;466&quot; y=&quot;-193&quot; as=&quot;sourcePoint&quot; /&gt;&#10;              &lt;mxPoint x=&quot;310&quot; y=&quot;-150&quot; as=&quot;targetPoint&quot; /&gt;&#10;              &lt;mxPoint as=&quot;offset&quot; /&gt;&#10;            &lt;/mxGeometry&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;      &lt;/root&gt;&#10;    &lt;/mxGraphModel&gt;&#10;  &lt;/diagram&gt;&#10;&lt;/mxfile&gt;&#10;" style="background-color: rgb(255, 255, 255);"><defs><style type="text/css" id="ge-export-svg-flow-animation">@keyframes ge-export-svg-flow-animation {&#xa;  to {&#xa;    stroke-dashoffset: 0;&#xa;  }&#xa;}</style></defs><rect fill="#ffffff" width="100%" height="100%" x="0" y="0"/><g><g style="filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 3px 2px);"><path d="M 904 679 C 904 670.72 930.86 664 964 664 C 979.91 664 995.17 665.58 1006.43 668.39 C 1017.68 671.21 1024 675.02 1024 679 L 1024 889 C 1024 892.98 1017.68 896.79 1006.43 899.61 C 995.17 902.42 979.91 904 964 904 C 930.86 904 904 897.28 904 889 Z" fill="#23a2d9" stroke="#0e7dad" stroke-miterlimit="10" transform="rotate(90,964,784)" pointer-events="all"/><path d="M 1024 679 C 1024 682.98 1017.68 686.79 1006.43 689.61 C 995.17 692.42 979.91 694 964 694 C 930.86 694 904 687.28 904 679" fill="none" stroke="#0e7dad" stroke-miterlimit="10" transform="rotate(90,964,784)" pointer-events="all"/></g><g style="filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 3px 2px);"><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 203px; height: 1px; padding-top: 784px; margin-left: 849px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 16px"><b>Message Broker</b></font><div>[Container: RabbitMQ]</div><br /><div><font style="font-size: 11px"><font color="#E6E6E6">Description of message bus type container role/responsibility.</font></font></div></div></div></div></foreignObject><text x="950" y="788" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Message Broker...</text></switch></g></g><g style="filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 3px 2px);"><rect x="844" y="964" width="240" height="120" rx="12" ry="12" fill="#1c81ad" stroke="#0e7dad" pointer-events="all"/></g><g style="filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 3px 2px);"><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 238px; height: 1px; padding-top: 1024px; margin-left: 845px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 16px"><b>payment-svc</b></font><div>[Container: Golang]</div><br /><div><font style="font-size: 11px"><font color="#E6E6E6">Description of container role/responsibility.</font></font></div></div></div></div></foreignObject><text x="964" y="1027" fill="#ffffff" font-family="Helvetica" font-size="11px" text-anchor="middle">payment-svc...</text></switch></g></g><g style="filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 3px 2px);"><path d="M 1244 979 C 1244 970.72 1297.73 964 1364 964 C 1395.83 964 1426.35 965.58 1448.85 968.39 C 1471.36 971.21 1484 975.02 1484 979 L 1484 1069 C 1484 1072.98 1471.36 1076.79 1448.85 1079.61 C 1426.35 1082.42 1395.83 1084 1364 1084 C 1297.73 1084 1244 1077.28 1244 1069 Z" fill="#23a2d9" stroke="#0e7dad" stroke-miterlimit="10" pointer-events="all"/><path d="M 1484 979 C 1484 982.98 1471.36 986.79 1448.85 989.61 C 1426.35 992.42 1395.83 994 1364 994 C 1297.73 994 1244 987.28 1244 979" fill="none" stroke="#0e7dad" stroke-miterlimit="10" pointer-events="all"/></g><g style="filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 3px 2px);"><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 238px; height: 1px; padding-top: 1038px; margin-left: 1245px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 16px"><b>Database</b></font><div>[Container: PostgreSQL]</div><br /><div><font style="font-size: 11px"><font color="#E6E6E6">Description of storage type container role/responsibility.</font></font></div></div></div></div></foreignObject><text x="1364" y="1041" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Database...</text></switch></g></g><g><path d="M 1084 1024 L 1227.88 1024" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="stroke" stroke-dasharray="8" style="animation: 500ms linear 0s infinite normal none running ge-export-svg-flow-animation; stroke-dashoffset: 16;"/><path d="M 1242.88 1024 L 1227.88 1029 L 1227.88 1019 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1024px; margin-left: 1164px;"><div data-drawio-colors="color: #404040; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(64, 64, 64); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;"><div style="text-align: left"><div style="text-align: center"><b>Reads/Writes</b></div><div style="text-align: center">[TCP/IP]</div></div></div></div></div></foreignObject><text x="1164" y="1027" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">Reads/Writes...</text></switch></g></g><g><path d="M 904 860.12 L 904 947.88" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="stroke" stroke-dasharray="8" style="animation: 500ms linear 0s infinite normal none running ge-export-svg-flow-animation; stroke-dashoffset: 16;"/><path d="M 904 845.12 L 909 860.12 L 899 860.12 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/><path d="M 904 962.88 L 899 947.88 L 909 947.88 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 904px; margin-left: 904px;"><div data-drawio-colors="color: #404040; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(64, 64, 64); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;"><div style="text-align: left"><div style="text-align: center"><b>Consume</b></div><div style="text-align: center">[AMQP]</div></div></div></div></div></foreignObject><text x="904" y="907" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">Consume...</text></switch></g></g><g style="filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 3px 2px);"><rect x="844" y="484" width="240" height="120" rx="12" ry="12" fill="#1c81ad" stroke="#0e7dad" pointer-events="all"/></g><g style="filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 3px 2px);"><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 238px; height: 1px; padding-top: 544px; margin-left: 845px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 16px"><b>order-svc</b></font><div>[Container: Golang]</div><br /><div><font style="font-size: 11px"><font color="#E6E6E6">Description of container role/responsibility.</font></font></div></div></div></div></foreignObject><text x="964" y="547" fill="#ffffff" font-family="Helvetica" font-size="11px" text-anchor="middle">order-svc...</text></switch></g></g><g style="filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 3px 2px);"><path d="M 1244 499 C 1244 490.72 1297.73 484 1364 484 C 1395.83 484 1426.35 485.58 1448.85 488.39 C 1471.36 491.21 1484 495.02 1484 499 L 1484 589 C 1484 592.98 1471.36 596.79 1448.85 599.61 C 1426.35 602.42 1395.83 604 1364 604 C 1297.73 604 1244 597.28 1244 589 Z" fill="#23a2d9" stroke="#0e7dad" stroke-miterlimit="10" pointer-events="all"/><path d="M 1484 499 C 1484 502.98 1471.36 506.79 1448.85 509.61 C 1426.35 512.42 1395.83 514 1364 514 C 1297.73 514 1244 507.28 1244 499" fill="none" stroke="#0e7dad" stroke-miterlimit="10" pointer-events="all"/></g><g style="filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 3px 2px);"><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 238px; height: 1px; padding-top: 558px; margin-left: 1245px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 16px"><b>Database</b></font><div>[Container: PostgreSQL]</div><br /><div><font style="font-size: 11px"><font color="#E6E6E6">Description of storage type container role/responsibility.</font></font></div></div></div></div></foreignObject><text x="1364" y="561" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Database...</text></switch></g></g><g><path d="M 904 620.12 L 904 707.88" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="stroke" stroke-dasharray="8" style="animation: 500ms linear 0s infinite normal none running ge-export-svg-flow-animation; stroke-dashoffset: 16;"/><path d="M 904 605.12 L 909 620.12 L 899 620.12 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/><path d="M 904 722.88 L 899 707.88 L 909 707.88 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 664px; margin-left: 904px;"><div data-drawio-colors="color: #404040; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(64, 64, 64); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;"><div style="text-align: left"><div style="text-align: center"><b>Publish</b></div><div style="text-align: center">[AMQP]</div></div></div></div></div></foreignObject><text x="904" y="667" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">Publish...</text></switch></g></g><g><path d="M 1084 544 L 1227.88 544" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="stroke" stroke-dasharray="8" style="animation: 500ms linear 0s infinite normal none running ge-export-svg-flow-animation; stroke-dashoffset: 16;"/><path d="M 1242.88 544 L 1227.88 549 L 1227.88 539 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 544px; margin-left: 1164px;"><div data-drawio-colors="color: #404040; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(64, 64, 64); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;"><div style="text-align: left"><div style="text-align: center"><b>Reads/Writes</b></div><div style="text-align: center">[TCP/IP]</div></div></div></div></div></foreignObject><text x="1164" y="547" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">Reads/Writes...</text></switch></g></g><g style="filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 3px 2px);"><rect x="404" y="244" width="240" height="120" rx="12" ry="12" fill="#1c81ad" stroke="#0e7dad" pointer-events="all"/></g><g style="filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 3px 2px);"><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 238px; height: 1px; padding-top: 304px; margin-left: 405px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 16px"><b>api-gtw</b></font><div>[Container: Golang]</div><br /><div><font style="font-size: 11px"><font color="#E6E6E6">Description of container role/responsibility.</font></font></div></div></div></div></foreignObject><text x="524" y="307" fill="#ffffff" font-family="Helvetica" font-size="11px" text-anchor="middle">api-gtw...</text></switch></g></g><g><path d="M 655.12 345.67 L 832.88 532.33" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="stroke" stroke-dasharray="8" style="animation: 500ms linear 0s infinite normal none running ge-export-svg-flow-animation; stroke-dashoffset: 16;"/><path d="M 644.77 334.81 L 658.74 342.22 L 651.5 349.12 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/><path d="M 843.23 543.19 L 829.26 535.78 L 836.5 528.88 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 439px; margin-left: 744px;"><div data-drawio-colors="color: #404040; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(64, 64, 64); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;"><div style="text-align: left"><div style="text-align: center"><b>API Calls</b></div><div style="text-align: center">[gRPC]</div></div></div></div></div></foreignObject><text x="744" y="442" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">API Calls...</text></switch></g></g><g style="filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 3px 2px);"><rect x="844" y="244" width="240" height="120" rx="12" ry="12" fill="#1c81ad" stroke="#0e7dad" pointer-events="all"/></g><g style="filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 3px 2px);"><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 238px; height: 1px; padding-top: 304px; margin-left: 845px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 16px"><b>product-svc</b></font><div>[Container: Golang]</div><br /><div><font style="font-size: 11px"><font color="#E6E6E6">Description of container role/responsibility.</font></font></div></div></div></div></foreignObject><text x="964" y="307" fill="#ffffff" font-family="Helvetica" font-size="11px" text-anchor="middle">product-svc...</text></switch></g></g><g><path d="M 660.12 304 L 827.88 304" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="stroke" stroke-dasharray="8" style="animation: 500ms linear 0s infinite normal none running ge-export-svg-flow-animation; stroke-dashoffset: 16;"/><path d="M 645.12 304 L 660.12 299 L 660.12 309 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/><path d="M 842.88 304 L 827.88 309 L 827.88 299 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 304px; margin-left: 744px;"><div data-drawio-colors="color: #404040; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(64, 64, 64); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;"><div style="text-align: left"><div style="text-align: center"><b>API Calls</b></div><div style="text-align: center">[gRPC]</div></div></div></div></div></foreignObject><text x="744" y="307" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">API Calls...</text></switch></g></g><g style="filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 3px 2px);"><path d="M 1244 259 C 1244 250.72 1297.73 244 1364 244 C 1395.83 244 1426.35 245.58 1448.85 248.39 C 1471.36 251.21 1484 255.02 1484 259 L 1484 349 C 1484 352.98 1471.36 356.79 1448.85 359.61 C 1426.35 362.42 1395.83 364 1364 364 C 1297.73 364 1244 357.28 1244 349 Z" fill="#23a2d9" stroke="#0e7dad" stroke-miterlimit="10" pointer-events="all"/><path d="M 1484 259 C 1484 262.98 1471.36 266.79 1448.85 269.61 C 1426.35 272.42 1395.83 274 1364 274 C 1297.73 274 1244 267.28 1244 259" fill="none" stroke="#0e7dad" stroke-miterlimit="10" pointer-events="all"/></g><g style="filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 3px 2px);"><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 238px; height: 1px; padding-top: 318px; margin-left: 1245px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 16px"><b>Database</b></font><div>[Container: PostgreSQL]</div><br /><div><font style="font-size: 11px"><font color="#E6E6E6">Description of storage type container role/responsibility.</font></font></div></div></div></div></foreignObject><text x="1364" y="321" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Database...</text></switch></g></g><g><path d="M 1084 304 L 1227.88 304" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="stroke" stroke-dasharray="8" style="animation: 500ms linear 0s infinite normal none running ge-export-svg-flow-animation; stroke-dashoffset: 16;"/><path d="M 1242.88 304 L 1227.88 309 L 1227.88 299 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 304px; margin-left: 1164px;"><div data-drawio-colors="color: #404040; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(64, 64, 64); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;"><div style="text-align: left"><div style="text-align: center"><b>Reads/Writes</b></div><div style="text-align: center">[TCP/IP]</div></div></div></div></div></foreignObject><text x="1164" y="307" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">Reads/Writes...</text></switch></g></g><g style="filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 3px 2px);"><rect x="844" y="4" width="240" height="120" rx="12" ry="12" fill="#1c81ad" stroke="#0e7dad" pointer-events="all"/></g><g style="filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 3px 2px);"><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 238px; height: 1px; padding-top: 64px; margin-left: 845px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 16px"><b>customer-svc</b></font><div>[Container: Golang]</div><br /><div><font style="font-size: 11px"><font color="#E6E6E6">Description of container role/responsibility.</font></font></div></div></div></div></foreignObject><text x="964" y="67" fill="#ffffff" font-family="Helvetica" font-size="11px" text-anchor="middle">customer-svc...</text></switch></g></g><g style="filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 3px 2px);"><path d="M 1244 19 C 1244 10.72 1297.73 4 1364 4 C 1395.83 4 1426.35 5.58 1448.85 8.39 C 1471.36 11.21 1484 15.02 1484 19 L 1484 109 C 1484 112.98 1471.36 116.79 1448.85 119.61 C 1426.35 122.42 1395.83 124 1364 124 C 1297.73 124 1244 117.28 1244 109 Z" fill="#23a2d9" stroke="#0e7dad" stroke-miterlimit="10" pointer-events="all"/><path d="M 1484 19 C 1484 22.98 1471.36 26.79 1448.85 29.61 C 1426.35 32.42 1395.83 34 1364 34 C 1297.73 34 1244 27.28 1244 19" fill="none" stroke="#0e7dad" stroke-miterlimit="10" pointer-events="all"/></g><g style="filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 3px 2px);"><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 238px; height: 1px; padding-top: 78px; margin-left: 1245px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 16px"><b>Database</b></font><div>[Container: PostgreSQL]</div><br /><div><font style="font-size: 11px"><font color="#E6E6E6">Description of storage type container role/responsibility.</font></font></div></div></div></div></foreignObject><text x="1364" y="81" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Database...</text></switch></g></g><g><path d="M 1084 64 L 1227.88 64" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="stroke" stroke-dasharray="8" style="animation: 500ms linear 0s infinite normal none running ge-export-svg-flow-animation; stroke-dashoffset: 16;"/><path d="M 1242.88 64 L 1227.88 69 L 1227.88 59 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 64px; margin-left: 1164px;"><div data-drawio-colors="color: #404040; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(64, 64, 64); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;"><div style="text-align: left"><div style="text-align: center"><b>Reads/Writes</b></div><div style="text-align: center">[TCP/IP]</div></div></div></div></div></foreignObject><text x="1164" y="67" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">Reads/Writes...</text></switch></g></g><g><path d="M 655.12 262.33 L 832.88 75.67" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="stroke" stroke-dasharray="8" style="animation: 500ms linear 0s infinite normal none running ge-export-svg-flow-animation; stroke-dashoffset: 16;"/><path d="M 644.77 273.19 L 651.5 258.88 L 658.74 265.78 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/><path d="M 843.23 64.81 L 836.5 79.12 L 829.26 72.22 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 169px; margin-left: 744px;"><div data-drawio-colors="color: #404040; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(64, 64, 64); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;"><div style="text-align: left"><div style="text-align: center"><b>API Calls</b></div><div style="text-align: center">[gRPC]</div></div></div></div></div></foreignObject><text x="744" y="172" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">API Calls...</text></switch></g></g><g><path d="M 964 467.88 L 964 380.12" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="stroke" stroke-dasharray="8" style="animation: 500ms linear 0s infinite normal none running ge-export-svg-flow-animation; stroke-dashoffset: 16;"/><path d="M 964 482.88 L 959 467.88 L 969 467.88 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/><path d="M 964 365.12 L 969 380.12 L 959 380.12 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 424px; margin-left: 964px;"><div data-drawio-colors="color: #404040; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(64, 64, 64); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;"><div style="text-align: left"><div style="text-align: center"><b>API Calls</b></div><div style="text-align: center">[gRPC]</div></div></div></div></div></foreignObject><text x="964" y="427" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">API Calls...</text></switch></g></g><g style="filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 3px 2px);"><path d="M 4 232 C 4 227.58 7.58 224 12 224 L 236 224 C 240.42 224 244 227.58 244 232 L 244 376 C 244 380.42 240.42 384 236 384 L 12 384 C 7.58 384 4 380.42 4 376 Z" fill="#118acd" stroke="#0e7dad" stroke-miterlimit="10" pointer-events="all"/><path d="M 9 232 C 9 230.34 10.34 229 12 229 L 185 229 C 186.66 229 188 230.34 188 232 L 188 238 C 188 239.66 186.66 241 185 241 L 12 241 C 10.34 241 9 239.66 9 238 Z M 193 232 C 193 230.34 194.34 229 196 229 L 202 229 C 203.66 229 205 230.34 205 232 L 205 238 C 205 239.66 203.66 241 202 241 L 196 241 C 194.34 241 193 239.66 193 238 Z M 210 232 C 210 230.34 211.34 229 213 229 L 219 229 C 220.66 229 222 230.34 222 232 L 222 238 C 222 239.66 220.66 241 219 241 L 213 241 C 211.34 241 210 239.66 210 238 Z M 227 232 C 227 230.34 228.34 229 230 229 L 236 229 C 237.66 229 239 230.34 239 232 L 239 238 C 239 239.66 237.66 241 236 241 L 230 241 C 228.34 241 227 239.66 227 238 Z M 9 254 C 9 249.58 12.58 246 17 246 L 231 246 C 235.42 246 239 249.58 239 254 L 239 371 C 239 375.42 235.42 379 231 379 L 17 379 C 12.58 379 9 375.42 9 371 Z" fill="#23a2d9" stroke="none" pointer-events="all"/></g><g style="filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 3px 2px);"><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 238px; height: 1px; padding-top: 304px; margin-left: 5px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 16px"><b>web-ui</b></font><div>[Container: TypeScript, React]</div><br /><div><font style="font-size: 11px"><font color="#E6E6E6">Description of web browser container role/responsibility.</font></font></div></div></div></div></foreignObject><text x="124" y="308" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">web-ui...</text></switch></g></g><g><path d="M 260.12 304 L 387.88 304" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="stroke" stroke-dasharray="8" style="animation: 500ms linear 0s infinite normal none running ge-export-svg-flow-animation; stroke-dashoffset: 16;"/><path d="M 245.12 304 L 260.12 299 L 260.12 309 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/><path d="M 402.88 304 L 387.88 309 L 387.88 299 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 304px; margin-left: 324px;"><div data-drawio-colors="color: #404040; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(64, 64, 64); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;"><div style="text-align: left"><div style="text-align: center"><b>API Calls</b></div><div style="text-align: center">[JSON/HTTP]</div></div></div></div></div></foreignObject><text x="324" y="307" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">API Calls...</text></switch></g></g><g><path d="M 1024 947.88 L 1024 860.12" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="stroke" stroke-dasharray="8" style="animation: 500ms linear 0s infinite normal none running ge-export-svg-flow-animation; stroke-dashoffset: 16;"/><path d="M 1024 962.88 L 1019 947.88 L 1029 947.88 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/><path d="M 1024 845.12 L 1029 860.12 L 1019 860.12 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 904px; margin-left: 1024px;"><div data-drawio-colors="color: #404040; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(64, 64, 64); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;"><div style="text-align: left"><div style="text-align: center"><b>Publish</b></div><div style="text-align: center">[AMQP]</div></div></div></div></div></foreignObject><text x="1024" y="907" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">Publish...</text></switch></g></g><g><path d="M 1024 707.88 L 1024 620.12" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="stroke" stroke-dasharray="8" style="animation: 500ms linear 0s infinite normal none running ge-export-svg-flow-animation; stroke-dashoffset: 16;"/><path d="M 1024 722.88 L 1019 707.88 L 1029 707.88 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/><path d="M 1024 605.12 L 1029 620.12 L 1019 620.12 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 664px; margin-left: 1024px;"><div data-drawio-colors="color: #404040; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(64, 64, 64); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;"><div style="text-align: left"><div style="text-align: center"><b>Consume</b></div><div style="text-align: center">[AMQP]</div></div></div></div></div></foreignObject><text x="1024" y="667" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">Consume...</text></switch></g></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>