diagrams/Component-TripOrganizer.drawio.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="1330px" height="901px" viewBox="-0.5 -0.5 1330 901" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2023-09-15T10:23:00.554Z&quot; agent=&quot;Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36&quot; etag=&quot;p0WvgcbEEk7a-srztfQZ&quot; version=&quot;21.7.5&quot; type=&quot;github&quot;&gt;&#10;  &lt;diagram name=&quot;Seite-1&quot; id=&quot;_BfGhQcxuyTyQAwPrAXM&quot;&gt;&#10;    &lt;mxGraphModel dx=&quot;2183&quot; dy=&quot;1211&quot; grid=&quot;1&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;1&quot; pageScale=&quot;1&quot; pageWidth=&quot;1169&quot; pageHeight=&quot;827&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; c4Name=&quot;Trip Organizer&quot; c4Type=&quot;ContainerScopeBoundary&quot; c4Application=&quot;Manager trips and reservation&quot; label=&quot;&amp;lt;font style=&amp;quot;font-size: 16px&amp;quot;&amp;gt;&amp;lt;b&amp;gt;&amp;lt;div style=&amp;quot;text-align: left&amp;quot;&amp;gt;%c4Name%&amp;lt;/div&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;div style=&amp;quot;text-align: left&amp;quot;&amp;gt;[%c4Application%]&amp;lt;/div&amp;gt;&quot; id=&quot;nRHyuvhh0OFO_sWLowug-1&quot;&gt;&#10;          &lt;mxCell style=&quot;rounded=1;fontSize=11;whiteSpace=wrap;html=1;dashed=1;arcSize=20;fillColor=none;strokeColor=#666666;fontColor=#333333;labelBackgroundColor=none;align=left;verticalAlign=bottom;labelBorderColor=none;spacingTop=0;spacing=10;dashPattern=8 4;metaEdit=1;rotatable=0;perimeter=rectanglePerimeter;noLabel=0;labelPadding=0;allowArrows=0;connectable=0;expand=0;recursiveResize=0;editable=1;pointerEvents=0;absoluteArcSize=1;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]];&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;            &lt;mxGeometry x=&quot;460&quot; y=&quot;380&quot; width=&quot;850&quot; height=&quot;570&quot; as=&quot;geometry&quot; /&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;mxCell id=&quot;nRHyuvhh0OFO_sWLowug-41&quot; style=&quot;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.006;entryY=0.656;entryDx=0;entryDy=0;entryPerimeter=0;exitX=0.529;exitY=0.145;exitDx=0;exitDy=0;exitPerimeter=0;&quot; parent=&quot;1&quot; source=&quot;nRHyuvhh0OFO_sWLowug-42&quot; target=&quot;iv8Pd-6ohoLrMcgsyYyl-8&quot; edge=&quot;1&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;490&quot; y=&quot;970&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;502.0799999999999&quot; y=&quot;552.0799999999999&quot; as=&quot;targetPoint&quot; /&gt;&#10;            &lt;Array as=&quot;points&quot;&gt;&#10;              &lt;mxPoint x=&quot;640&quot; y=&quot;513&quot; /&gt;&#10;            &lt;/Array&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;iv8Pd-6ohoLrMcgsyYyl-24&quot; value=&quot;Notification about changes in reservations&quot; style=&quot;edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];&quot; vertex=&quot;1&quot; connectable=&quot;0&quot; parent=&quot;nRHyuvhh0OFO_sWLowug-41&quot;&gt;&#10;          &lt;mxGeometry x=&quot;-0.7338&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;84&quot; as=&quot;offset&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Type=&quot;Relationship&quot; c4Technology=&quot;JSON/HTTPS&quot; c4Description=&quot;read data about reservations&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;nRHyuvhh0OFO_sWLowug-45&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=0;exitY=0.5;exitDx=0;exitDy=0;exitPerimeter=0;&quot; parent=&quot;1&quot; source=&quot;iv8Pd-6ohoLrMcgsyYyl-8&quot; target=&quot;iv8Pd-6ohoLrMcgsyYyl-12&quot; edge=&quot;1&quot;&gt;&#10;            &lt;mxGeometry x=&quot;0.2261&quot; y=&quot;18&quot; width=&quot;240&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;              &lt;mxPoint x=&quot;690.0000000000001&quot; y=&quot;879.0400000000002&quot; as=&quot;sourcePoint&quot; /&gt;&#10;              &lt;mxPoint x=&quot;714.9599999999999&quot; y=&quot;1088.08&quot; as=&quot;targetPoint&quot; /&gt;&#10;              &lt;Array as=&quot;points&quot;&gt;&#10;                &lt;mxPoint x=&quot;550&quot; y=&quot;494&quot; /&gt;&#10;              &lt;/Array&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;message&quot; c4Description=&quot;notify about changes to refresh data&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;nRHyuvhh0OFO_sWLowug-49&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=0.5;exitY=0;exitDx=0;exitDy=0;exitPerimeter=0;&quot; parent=&quot;1&quot; source=&quot;nRHyuvhh0OFO_sWLowug-17&quot; edge=&quot;1&quot;&gt;&#10;            &lt;mxGeometry x=&quot;-1&quot; y=&quot;-39&quot; width=&quot;240&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;              &lt;mxPoint x=&quot;1600&quot; y=&quot;742.5&quot; as=&quot;sourcePoint&quot; /&gt;&#10;              &lt;mxPoint x=&quot;1510&quot; y=&quot;490&quot; as=&quot;targetPoint&quot; /&gt;&#10;              &lt;mxPoint x=&quot;-25&quot; y=&quot;-9&quot; as=&quot;offset&quot; /&gt;&#10;            &lt;/mxGeometry&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;mxCell id=&quot;nRHyuvhh0OFO_sWLowug-10&quot; value=&quot;&quot; style=&quot;shape=cylinder3;whiteSpace=wrap;html=1;boundedLbl=1;backgroundOutline=1;size=3.8571428571429465;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;796&quot; y=&quot;670&quot; width=&quot;20&quot; height=&quot;50&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Type=&quot;Relationship&quot; c4Technology=&quot;SQL/TCP&quot; c4Description=&quot;&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;nRHyuvhh0OFO_sWLowug-53&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;entryX=0.5;entryY=0;entryDx=0;entryDy=0;entryPerimeter=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;exitPerimeter=0;&quot; parent=&quot;1&quot; source=&quot;iv8Pd-6ohoLrMcgsyYyl-7&quot; target=&quot;iv8Pd-6ohoLrMcgsyYyl-14&quot; edge=&quot;1&quot;&gt;&#10;            &lt;mxGeometry x=&quot;-0.0357&quot; y=&quot;4&quot; width=&quot;240&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;              &lt;mxPoint x=&quot;1154.58&quot; y=&quot;554.0015584415585&quot; as=&quot;sourcePoint&quot; /&gt;&#10;              &lt;mxPoint x=&quot;1154.58&quot; y=&quot;679.56&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;SQL/TCP&quot; c4Description=&quot;&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;nRHyuvhh0OFO_sWLowug-55&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=0.488;exitY=0.997;exitDx=0;exitDy=0;exitPerimeter=0;entryX=0.488;entryY=0.006;entryDx=0;entryDy=0;entryPerimeter=0;&quot; parent=&quot;1&quot; source=&quot;iv8Pd-6ohoLrMcgsyYyl-8&quot; target=&quot;iv8Pd-6ohoLrMcgsyYyl-3&quot; edge=&quot;1&quot;&gt;&#10;            &lt;mxGeometry x=&quot;0.3333&quot; y=&quot;-5&quot; width=&quot;240&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;              &lt;mxPoint x=&quot;780&quot; y=&quot;630&quot; as=&quot;sourcePoint&quot; /&gt;&#10;              &lt;mxPoint x=&quot;885&quot; y=&quot;591&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;[Components] Trip Organizer&quot; c4Type=&quot;ContainerDiagramTitle&quot; c4Description=&quot;&quot; label=&quot;&amp;lt;font style=&amp;quot;font-size: 16px&amp;quot;&amp;gt;&amp;lt;b&amp;gt;&amp;lt;div style=&amp;quot;text-align: left&amp;quot;&amp;gt;%c4Name%&amp;lt;/div&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;div style=&amp;quot;text-align: left&amp;quot;&amp;gt;%c4Description%&amp;lt;/div&amp;gt;&quot; id=&quot;nRHyuvhh0OFO_sWLowug-57&quot;&gt;&#10;          &lt;mxCell style=&quot;text;html=1;strokeColor=none;fillColor=none;align=left;verticalAlign=top;whiteSpace=wrap;rounded=0;metaEdit=1;allowArrows=0;resizable=1;rotatable=0;connectable=0;recursiveResize=0;expand=0;pointerEvents=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]];&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;            &lt;mxGeometry x=&quot;460&quot; y=&quot;330&quot; width=&quot;680&quot; height=&quot;40&quot; as=&quot;geometry&quot; /&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;mxCell id=&quot;nRHyuvhh0OFO_sWLowug-58&quot; value=&quot;Legend&quot; style=&quot;shape=table;startSize=30;container=1;collapsible=0;childLayout=tableLayout;fontSize=16;align=left;verticalAlign=top;fillColor=none;strokeColor=none;fontColor=#4D4D4D;fontStyle=1;spacingLeft=6;spacing=0;resizable=0;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1300&quot; y=&quot;980&quot; width=&quot;180&quot; height=&quot;210&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;nRHyuvhh0OFO_sWLowug-59&quot; value=&quot;&quot; style=&quot;shape=tableRow;horizontal=0;startSize=0;swimlaneHead=0;swimlaneBody=0;strokeColor=inherit;top=0;left=0;bottom=0;right=0;collapsible=0;dropTarget=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;fontSize=12;&quot; parent=&quot;nRHyuvhh0OFO_sWLowug-58&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry y=&quot;30&quot; width=&quot;180&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;nRHyuvhh0OFO_sWLowug-60&quot; value=&quot;Person&quot; style=&quot;shape=partialRectangle;html=1;whiteSpace=wrap;connectable=0;strokeColor=inherit;overflow=hidden;fillColor=#1E4074;top=0;left=0;bottom=0;right=0;pointerEvents=1;fontSize=12;align=left;fontColor=#FFFFFF;gradientColor=none;spacingLeft=10;spacingRight=4;&quot; parent=&quot;nRHyuvhh0OFO_sWLowug-59&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry width=&quot;180&quot; height=&quot;30&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxRectangle width=&quot;180&quot; height=&quot;30&quot; as=&quot;alternateBounds&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;nRHyuvhh0OFO_sWLowug-61&quot; value=&quot;&quot; style=&quot;shape=tableRow;horizontal=0;startSize=0;swimlaneHead=0;swimlaneBody=0;strokeColor=inherit;top=0;left=0;bottom=0;right=0;collapsible=0;dropTarget=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;fontSize=12;&quot; parent=&quot;nRHyuvhh0OFO_sWLowug-58&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry y=&quot;60&quot; width=&quot;180&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;nRHyuvhh0OFO_sWLowug-62&quot; value=&quot;Software System&quot; style=&quot;shape=partialRectangle;html=1;whiteSpace=wrap;connectable=0;strokeColor=inherit;overflow=hidden;fillColor=#3162AF;top=0;left=0;bottom=0;right=0;pointerEvents=1;fontSize=12;align=left;fontColor=#FFFFFF;gradientColor=none;spacingLeft=10;spacingRight=4;&quot; parent=&quot;nRHyuvhh0OFO_sWLowug-61&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry width=&quot;180&quot; height=&quot;30&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxRectangle width=&quot;180&quot; height=&quot;30&quot; as=&quot;alternateBounds&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;nRHyuvhh0OFO_sWLowug-63&quot; value=&quot;&quot; style=&quot;shape=tableRow;horizontal=0;startSize=0;swimlaneHead=0;swimlaneBody=0;strokeColor=inherit;top=0;left=0;bottom=0;right=0;collapsible=0;dropTarget=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;fontSize=12;&quot; parent=&quot;nRHyuvhh0OFO_sWLowug-58&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry y=&quot;90&quot; width=&quot;180&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;nRHyuvhh0OFO_sWLowug-64&quot; value=&quot;Container&quot; style=&quot;shape=partialRectangle;html=1;whiteSpace=wrap;connectable=0;strokeColor=inherit;overflow=hidden;fillColor=#52a2d8;top=0;left=0;bottom=0;right=0;pointerEvents=1;fontSize=12;align=left;fontColor=#FFFFFF;gradientColor=none;spacingLeft=10;spacingRight=4;&quot; parent=&quot;nRHyuvhh0OFO_sWLowug-63&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry width=&quot;180&quot; height=&quot;30&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxRectangle width=&quot;180&quot; height=&quot;30&quot; as=&quot;alternateBounds&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;nRHyuvhh0OFO_sWLowug-65&quot; value=&quot;&quot; style=&quot;shape=tableRow;horizontal=0;startSize=0;swimlaneHead=0;swimlaneBody=0;strokeColor=inherit;top=0;left=0;bottom=0;right=0;collapsible=0;dropTarget=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;fontSize=12;&quot; parent=&quot;nRHyuvhh0OFO_sWLowug-58&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry y=&quot;120&quot; width=&quot;180&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;nRHyuvhh0OFO_sWLowug-66&quot; value=&quot;Component&quot; style=&quot;shape=partialRectangle;html=1;whiteSpace=wrap;connectable=0;strokeColor=inherit;overflow=hidden;fillColor=#7dbef2;top=0;left=0;bottom=0;right=0;pointerEvents=1;fontSize=12;align=left;fontColor=#FFFFFF;gradientColor=none;spacingLeft=10;spacingRight=4;&quot; parent=&quot;nRHyuvhh0OFO_sWLowug-65&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry width=&quot;180&quot; height=&quot;30&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxRectangle width=&quot;180&quot; height=&quot;30&quot; as=&quot;alternateBounds&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;nRHyuvhh0OFO_sWLowug-67&quot; value=&quot;&quot; style=&quot;shape=tableRow;horizontal=0;startSize=0;swimlaneHead=0;swimlaneBody=0;strokeColor=inherit;top=0;left=0;bottom=0;right=0;collapsible=0;dropTarget=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;fontSize=12;&quot; parent=&quot;nRHyuvhh0OFO_sWLowug-58&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry y=&quot;150&quot; width=&quot;180&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;nRHyuvhh0OFO_sWLowug-68&quot; value=&quot;External Person&quot; style=&quot;shape=partialRectangle;html=1;whiteSpace=wrap;connectable=0;strokeColor=inherit;overflow=hidden;fillColor=#6b6477;top=0;left=0;bottom=0;right=0;pointerEvents=1;fontSize=12;align=left;fontColor=#FFFFFF;gradientColor=none;spacingLeft=10;spacingRight=4;&quot; parent=&quot;nRHyuvhh0OFO_sWLowug-67&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry width=&quot;180&quot; height=&quot;30&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxRectangle width=&quot;180&quot; height=&quot;30&quot; as=&quot;alternateBounds&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;nRHyuvhh0OFO_sWLowug-69&quot; value=&quot;&quot; style=&quot;shape=tableRow;horizontal=0;startSize=0;swimlaneHead=0;swimlaneBody=0;strokeColor=inherit;top=0;left=0;bottom=0;right=0;collapsible=0;dropTarget=0;fillColor=none;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;fontSize=12;&quot; parent=&quot;nRHyuvhh0OFO_sWLowug-58&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry y=&quot;180&quot; width=&quot;180&quot; height=&quot;30&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;nRHyuvhh0OFO_sWLowug-70&quot; value=&quot;External Software System&quot; style=&quot;shape=partialRectangle;html=1;whiteSpace=wrap;connectable=0;strokeColor=inherit;overflow=hidden;fillColor=#8b8496;top=0;left=0;bottom=0;right=0;pointerEvents=1;fontSize=12;align=left;fontColor=#FFFFFF;gradientColor=none;spacingLeft=10;spacingRight=4;&quot; parent=&quot;nRHyuvhh0OFO_sWLowug-69&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry width=&quot;180&quot; height=&quot;30&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxRectangle width=&quot;180&quot; height=&quot;30&quot; as=&quot;alternateBounds&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Type=&quot;Reservation Storage&quot; c4Container=&quot;Container&quot; c4Technology=&quot;relation DB&quot; c4Description=&quot;Store for Reservation&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;iv8Pd-6ohoLrMcgsyYyl-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;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;            &lt;mxGeometry x=&quot;720&quot; y=&quot;600&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;Trip Manager&quot; c4Type=&quot;Component&quot; c4Technology=&quot;serverside&quot; c4Description=&quot;Allow user to create, update, delete trips&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;%c4Description%&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;iv8Pd-6ohoLrMcgsyYyl-7&quot;&gt;&#10;          &lt;mxCell style=&quot;rounded=1;whiteSpace=wrap;html=1;labelBackgroundColor=none;fillColor=#63BEF2;fontColor=#ffffff;align=center;arcSize=6;strokeColor=#2086C9;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]];&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;            &lt;mxGeometry x=&quot;1050&quot; y=&quot;590&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;Reservation Manager&quot; c4Type=&quot;Component&quot; c4Technology=&quot;serverside&quot; c4Description=&quot;Allow user manually add, update, delete reservations&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;%c4Description%&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;iv8Pd-6ohoLrMcgsyYyl-8&quot;&gt;&#10;          &lt;mxCell style=&quot;rounded=1;whiteSpace=wrap;html=1;labelBackgroundColor=none;fillColor=#63BEF2;fontColor=#ffffff;align=center;arcSize=6;strokeColor=#2086C9;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]];&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;            &lt;mxGeometry x=&quot;720&quot; y=&quot;434&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;Channel Notification&quot; c4Type=&quot;Component&quot; c4Technology=&quot;serverside&quot; c4Description=&quot;Sent notification to Channels&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;%c4Description%&amp;lt;/font&amp;gt;&amp;lt;/div&amp;gt;&quot; id=&quot;iv8Pd-6ohoLrMcgsyYyl-10&quot;&gt;&#10;          &lt;mxCell style=&quot;rounded=1;whiteSpace=wrap;html=1;labelBackgroundColor=none;fillColor=#63BEF2;fontColor=#ffffff;align=center;arcSize=6;strokeColor=#2086C9;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]];&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;            &lt;mxGeometry x=&quot;1060&quot; y=&quot;430&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;Channel&quot; c4Container=&quot;Container&quot; c4Technology=&quot;&quot; c4Description=&quot;User Communication Channels&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;iv8Pd-6ohoLrMcgsyYyl-11&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;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;            &lt;mxGeometry x=&quot;1514&quot; y=&quot;414&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;Integration&quot; c4Container=&quot;Container&quot; c4Technology=&quot;&quot; c4Description=&quot;&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;iv8Pd-6ohoLrMcgsyYyl-12&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;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;            &lt;mxGeometry x=&quot;425.53999999999996&quot; y=&quot;1070&quot; width=&quot;240&quot; height=&quot;160&quot; as=&quot;geometry&quot; /&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;mxCell id=&quot;iv8Pd-6ohoLrMcgsyYyl-13&quot; value=&quot;&quot; style=&quot;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;entryPerimeter=0;&quot; edge=&quot;1&quot; parent=&quot;1&quot; target=&quot;nRHyuvhh0OFO_sWLowug-42&quot;&gt;&#10;          &lt;mxGeometry relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;635.54&quot; y=&quot;1069&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;625.54&quot; y=&quot;882&quot; as=&quot;targetPoint&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;nRHyuvhh0OFO_sWLowug-42&quot; value=&quot;&quot; style=&quot;shape=cylinder3;whiteSpace=wrap;html=1;boundedLbl=1;backgroundOutline=1;size=3.8571428571429465;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;625.54&quot; y=&quot;960&quot; width=&quot;20&quot; height=&quot;50&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Type=&quot;Trip Storage&quot; c4Container=&quot;Container&quot; c4Technology=&quot;relation DB&quot; c4Description=&quot;Store for Trips and reference to reservations&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;iv8Pd-6ohoLrMcgsyYyl-14&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;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;            &lt;mxGeometry x=&quot;1050&quot; y=&quot;760&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;JSON/HTTPS&quot; c4Description=&quot;read/update/delete/add trips&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;iv8Pd-6ohoLrMcgsyYyl-17&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;entryX=1;entryY=0.5;entryDx=0;entryDy=0;entryPerimeter=0;exitX=0.015;exitY=0.839;exitDx=0;exitDy=0;exitPerimeter=0;&quot; edge=&quot;1&quot; parent=&quot;1&quot; source=&quot;iv8Pd-6ohoLrMcgsyYyl-11&quot; target=&quot;iv8Pd-6ohoLrMcgsyYyl-7&quot;&gt;&#10;            &lt;mxGeometry x=&quot;0.4211&quot; y=&quot;30&quot; width=&quot;240&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;              &lt;mxPoint x=&quot;1455&quot; y=&quot;560&quot; as=&quot;sourcePoint&quot; /&gt;&#10;              &lt;mxPoint x=&quot;1330&quot; y=&quot;560&quot; as=&quot;targetPoint&quot; /&gt;&#10;              &lt;mxPoint y=&quot;-1&quot; as=&quot;offset&quot; /&gt;&#10;              &lt;Array as=&quot;points&quot;&gt;&#10;                &lt;mxPoint x=&quot;1360&quot; y=&quot;550&quot; /&gt;&#10;                &lt;mxPoint x=&quot;1360&quot; y=&quot;650&quot; /&gt;&#10;              &lt;/Array&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;e.g. JSON/HTTP&quot; c4Description=&quot;Inform Channels about important changes&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;iv8Pd-6ohoLrMcgsyYyl-28&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;entryX=0;entryY=0.533;entryDx=0;entryDy=0;entryPerimeter=0;&quot; edge=&quot;1&quot; parent=&quot;1&quot; source=&quot;iv8Pd-6ohoLrMcgsyYyl-8&quot; target=&quot;iv8Pd-6ohoLrMcgsyYyl-10&quot;&gt;&#10;            &lt;mxGeometry x=&quot;-0.2006&quot; y=&quot;-76&quot; width=&quot;240&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;              &lt;mxPoint x=&quot;970&quot; y=&quot;530&quot; as=&quot;sourcePoint&quot; /&gt;&#10;              &lt;mxPoint x=&quot;990&quot; y=&quot;730&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;mxCell id=&quot;iv8Pd-6ohoLrMcgsyYyl-29&quot; value=&quot;&quot; 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;entryX=0.5;entryY=1;entryDx=0;entryDy=0;entryPerimeter=0;&quot; edge=&quot;1&quot; parent=&quot;1&quot; source=&quot;iv8Pd-6ohoLrMcgsyYyl-10&quot; target=&quot;nRHyuvhh0OFO_sWLowug-17&quot;&gt;&#10;          &lt;mxGeometry x=&quot;0.2968&quot; y=&quot;-192&quot; width=&quot;240&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;            &lt;mxPoint x=&quot;1130&quot; y=&quot;867&quot; as=&quot;sourcePoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;1560&quot; y=&quot;574&quot; as=&quot;targetPoint&quot; /&gt;&#10;            &lt;mxPoint x=&quot;-22&quot; y=&quot;90&quot; as=&quot;offset&quot; /&gt;&#10;          &lt;/mxGeometry&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;mxCell id=&quot;nRHyuvhh0OFO_sWLowug-17&quot; value=&quot;&quot; style=&quot;shape=cylinder3;whiteSpace=wrap;html=1;boundedLbl=1;backgroundOutline=1;size=3.8571428571429465;rotation=90;&quot; parent=&quot;1&quot; vertex=&quot;1&quot;&gt;&#10;          &lt;mxGeometry x=&quot;1390&quot; y=&quot;465&quot; width=&quot;20&quot; height=&quot;50&quot; as=&quot;geometry&quot; /&gt;&#10;        &lt;/mxCell&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Type=&quot;Relationship&quot; c4Technology=&quot;JSON/HTTPS&quot; c4Description=&quot;read/add/delete/update resevations&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;iv8Pd-6ohoLrMcgsyYyl-30&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=-0.004;exitY=0.304;exitDx=0;exitDy=0;exitPerimeter=0;entryX=0.482;entryY=0.02;entryDx=0;entryDy=0;entryPerimeter=0;&quot; edge=&quot;1&quot; parent=&quot;1&quot; source=&quot;iv8Pd-6ohoLrMcgsyYyl-11&quot; target=&quot;iv8Pd-6ohoLrMcgsyYyl-8&quot;&gt;&#10;            &lt;mxGeometry x=&quot;-0.7605&quot; y=&quot;-23&quot; width=&quot;240&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;              &lt;mxPoint x=&quot;1450&quot; y=&quot;397&quot; as=&quot;sourcePoint&quot; /&gt;&#10;              &lt;mxPoint x=&quot;960&quot; y=&quot;430.8461538461538&quot; as=&quot;targetPoint&quot; /&gt;&#10;              &lt;mxPoint as=&quot;offset&quot; /&gt;&#10;              &lt;Array as=&quot;points&quot;&gt;&#10;                &lt;mxPoint x=&quot;1360&quot; y=&quot;463&quot; /&gt;&#10;                &lt;mxPoint x=&quot;1360&quot; y=&quot;400&quot; /&gt;&#10;                &lt;mxPoint x=&quot;836&quot; y=&quot;400&quot; /&gt;&#10;              &lt;/Array&gt;&#10;            &lt;/mxGeometry&gt;&#10;          &lt;/mxCell&gt;&#10;        &lt;/object&gt;&#10;        &lt;object placeholders=&quot;1&quot; c4Type=&quot;Analytic&quot; c4Container=&quot;Container&quot; c4Technology=&quot;&quot; c4Description=&quot;&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;iv8Pd-6ohoLrMcgsyYyl-31&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;&quot; vertex=&quot;1&quot; parent=&quot;1&quot;&gt;&#10;            &lt;mxGeometry x=&quot;710&quot; y=&quot;1070&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;SQL/TCP&quot; c4Description=&quot;ETL process&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;iv8Pd-6ohoLrMcgsyYyl-32&quot;&gt;&#10;          &lt;mxCell style=&quot;endArrow=none;html=1;fontSize=10;fontColor=#404040;strokeWidth=1;endFill=0;strokeColor=#828282;elbow=vertical;metaEdit=1;endSize=14;startSize=14;jumpStyle=arc;jumpSize=16;rounded=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;entryPerimeter=0;startArrow=classic;startFill=1;exitX=0.477;exitY=0.985;exitDx=0;exitDy=0;exitPerimeter=0;&quot; edge=&quot;1&quot; parent=&quot;1&quot; source=&quot;iv8Pd-6ohoLrMcgsyYyl-3&quot; target=&quot;iv8Pd-6ohoLrMcgsyYyl-31&quot;&gt;&#10;            &lt;mxGeometry width=&quot;240&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;              &lt;mxPoint x=&quot;840&quot; y=&quot;720&quot; as=&quot;sourcePoint&quot; /&gt;&#10;              &lt;mxPoint x=&quot;860&quot; y=&quot;870&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;SQL/TCP&quot; c4Description=&quot;ETL process&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;iv8Pd-6ohoLrMcgsyYyl-35&quot;&gt;&#10;          &lt;mxCell style=&quot;endArrow=none;html=1;fontSize=10;fontColor=#404040;strokeWidth=1;endFill=0;strokeColor=#828282;elbow=vertical;metaEdit=1;endSize=14;startSize=14;jumpStyle=arc;jumpSize=16;rounded=0;edgeStyle=orthogonalEdgeStyle;entryX=0.703;entryY=0.017;entryDx=0;entryDy=0;entryPerimeter=0;exitX=0.517;exitY=0.987;exitDx=0;exitDy=0;exitPerimeter=0;startArrow=classic;startFill=1;&quot; edge=&quot;1&quot; parent=&quot;1&quot; source=&quot;iv8Pd-6ohoLrMcgsyYyl-14&quot; target=&quot;iv8Pd-6ohoLrMcgsyYyl-31&quot;&gt;&#10;            &lt;mxGeometry x=&quot;-0.0782&quot; width=&quot;240&quot; relative=&quot;1&quot; as=&quot;geometry&quot;&gt;&#10;              &lt;mxPoint x=&quot;980&quot; y=&quot;740&quot; as=&quot;sourcePoint&quot; /&gt;&#10;              &lt;mxPoint x=&quot;970&quot; y=&quot;1085&quot; as=&quot;targetPoint&quot; /&gt;&#10;              &lt;Array as=&quot;points&quot;&gt;&#10;                &lt;mxPoint x=&quot;1174&quot; y=&quot;920&quot; /&gt;&#10;                &lt;mxPoint x=&quot;879&quot; y=&quot;920&quot; /&gt;&#10;              &lt;/Array&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;" resource="https://app.diagrams.net/#Hwschaef%2Farchitecture-kata-2023%2Fmain%2Fdiagrams%2FComponent-TripOrganizer.drawio.svg" style="background-color: rgb(255, 255, 255);"><defs/><g><rect x="34" y="50" width="850" height="570" rx="10" ry="10" fill="none" stroke="#666666" stroke-dasharray="7.999999999999999 3.9999999999999996" pointer-events="none"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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 flex-end; justify-content: unsafe flex-start; width: 832px; height: 1px; padding-top: 609px; margin-left: 44px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 16px"><b><div style="text-align: left">Trip Organizer</div></b></font><div style="text-align: left">[Manager trips and reservation]</div></div></div></div></foreignObject><text x="44" y="609" fill="#333333" font-family="Helvetica" font-size="11px">Trip Organizer...</text></switch></g><path d="M 210.12 637.25 L 214 183 L 289.07 182.74" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 294.32 182.72 L 287.33 186.25 L 289.07 182.74 L 287.31 179.25 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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: 566px; margin-left: 295px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">Notification about changes in reservations</div></div></div></foreignObject><text x="295" y="569" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="11px" text-anchor="middle">Notification about changes in reservations</text></switch></g><path d="M 294 164 L 124 164 L 120.19 723.88" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 120.09 738.88 L 115.19 723.85 L 125.19 723.92 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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: 451px; margin-left: 140px;"><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>read data about reservations</b></div><div style="text-align: center">[JSON/HTTPS]</div></div></div></div></div></foreignObject><text x="140" y="454" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">read data about reservations...</text></switch></g><path d="M 999 160 L 1067.88 160" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 1082.88 160 L 1067.88 165 L 1067.88 155 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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: 190px; margin-left: 974px;"><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>notify about changes to refresh data</b></div><div style="text-align: center">[message]</div></div></div></div></div></foreignObject><text x="974" y="193" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">notify about changes to refresh data...</text></switch></g><path d="M 370 343.86 C 370 341.73 374.48 340 380 340 C 382.65 340 385.2 340.41 387.07 341.13 C 388.95 341.85 390 342.83 390 343.86 L 390 386.14 C 390 387.17 388.95 388.15 387.07 388.87 C 385.2 389.59 382.65 390 380 390 C 374.48 390 370 388.27 370 386.14 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 390 343.86 C 390 344.88 388.95 345.86 387.07 346.58 C 385.2 347.31 382.65 347.71 380 347.71 C 374.48 347.71 370 345.99 370 343.86" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 744 380 L 744 413.88" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 744 428.88 L 739 413.88 L 749 413.88 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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: 404px; margin-left: 748px;"><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></b></div><div style="text-align: center">[SQL/TCP]</div></div></div></div></div></foreignObject><text x="748" y="407" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">&#xa;[SQL/TCP]</text></switch></g><path d="M 411.12 223.64 L 411.12 254.6" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 411.12 269.6 L 406.12 254.6 L 416.12 254.6 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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: 255px; margin-left: 406px;"><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></b></div><div style="text-align: center">[SQL/TCP]</div></div></div></div></div></foreignObject><text x="406" y="258" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">&#xa;[SQL/TCP]</text></switch></g><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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 flex-start; justify-content: unsafe flex-start; width: 678px; height: 1px; padding-top: 7px; margin-left: 36px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 16px"><b><div style="text-align: left">[Components] Trip Organizer</div></b></font><div style="text-align: left"></div></div></div></div></foreignObject><text x="36" y="19" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">[Components] Trip Organizer&#xa;</text></switch></g><path d="M 874 680 L 874 650 L 1054 650 L 1054 680" fill="none" stroke="none" pointer-events="all"/><g fill="#4D4D4D" font-family="Helvetica" font-weight="bold" font-size="15.999999999999998px"><text x="879.5" y="669.5">Legend</text></g><rect x="874" y="680" width="180" height="30" fill="#1e4074" stroke="none" pointer-events="all"/><path d="M 874 680 M 1054 680 M 1054 710 M 874 710" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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 flex-start; width: 164px; height: 1px; padding-top: 695px; margin-left: 886px;"><div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 26px; overflow: hidden;"><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;">Person</div></div></div></foreignObject><text x="886" y="699" fill="#FFFFFF" font-family="Helvetica" font-size="12px">Person</text></switch></g><rect x="874" y="710" width="180" height="30" fill="#3162af" stroke="none" pointer-events="all"/><path d="M 874 710 M 1054 710 M 1054 740 M 874 740" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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 flex-start; width: 164px; height: 1px; padding-top: 725px; margin-left: 886px;"><div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 26px; overflow: hidden;"><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;">Software System</div></div></div></foreignObject><text x="886" y="729" fill="#FFFFFF" font-family="Helvetica" font-size="12px">Software System</text></switch></g><rect x="874" y="740" width="180" height="30" fill="#52a2d8" stroke="none" pointer-events="all"/><path d="M 874 740 M 1054 740 M 1054 770 M 874 770" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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 flex-start; width: 164px; height: 1px; padding-top: 755px; margin-left: 886px;"><div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 26px; overflow: hidden;"><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;">Container</div></div></div></foreignObject><text x="886" y="759" fill="#FFFFFF" font-family="Helvetica" font-size="12px">Container</text></switch></g><rect x="874" y="770" width="180" height="30" fill="#7dbef2" stroke="none" pointer-events="all"/><path d="M 874 770 M 1054 770 M 1054 800 M 874 800" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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 flex-start; width: 164px; height: 1px; padding-top: 785px; margin-left: 886px;"><div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 26px; overflow: hidden;"><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;">Component</div></div></div></foreignObject><text x="886" y="789" fill="#FFFFFF" font-family="Helvetica" font-size="12px">Component</text></switch></g><rect x="874" y="800" width="180" height="30" fill="#6b6477" stroke="none" pointer-events="all"/><path d="M 874 800 M 1054 800 M 1054 830 M 874 830" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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 flex-start; width: 164px; height: 1px; padding-top: 815px; margin-left: 886px;"><div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 26px; overflow: hidden;"><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;">External Person</div></div></div></foreignObject><text x="886" y="819" fill="#FFFFFF" font-family="Helvetica" font-size="12px">External Person</text></switch></g><rect x="874" y="830" width="180" height="30" fill="#8b8496" stroke="none" pointer-events="all"/><path d="M 874 830 M 1054 830 M 1054 860 M 874 860" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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 flex-start; width: 164px; height: 1px; padding-top: 845px; margin-left: 886px;"><div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 26px; overflow: hidden;"><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;">External Software System</div></div></div></foreignObject><text x="886" y="849" fill="#FFFFFF" font-family="Helvetica" font-size="12px">External Software System</text></switch></g><path d="M 294 285 C 294 276.72 347.73 270 414 270 C 445.83 270 476.35 271.58 498.85 274.39 C 521.36 277.21 534 281.02 534 285 L 534 375 C 534 383.28 480.27 390 414 390 C 347.73 390 294 383.28 294 375 Z" fill="#23a2d9" stroke="#0e7dad" stroke-miterlimit="10" pointer-events="all"/><path d="M 534 285 C 534 293.28 480.27 300 414 300 C 347.73 300 294 293.28 294 285" fill="none" stroke="#0e7dad" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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: 343px; margin-left: 295px;"><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>Reservation Storage</b></font><div>[Container: relation DB]</div><br /><div><font style="font-size: 11px"><font color="#E6E6E6">Store for Reservation</font></font></div></div></div></div></foreignObject><text x="414" y="347" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Reservation Storage...</text></switch></g><rect x="624" y="260" width="240" height="120" rx="7.2" ry="7.2" fill="#63bef2" stroke="#2086c9" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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: 320px; margin-left: 625px;"><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>Trip Manager</b></font><div>[Component: serverside]</div><br /><div><font style="font-size: 11px">Allow user to create, update, delete trips</font></div></div></div></div></foreignObject><text x="744" y="324" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Trip Manager...</text></switch></g><rect x="294" y="104" width="240" height="120" rx="7.2" ry="7.2" fill="#63bef2" stroke="#2086c9" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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: 164px; margin-left: 295px;"><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>Reservation Manager</b></font><div>[Component: serverside]</div><br /><div><font style="font-size: 11px">Allow user manually add, update, delete reservations</font></div></div></div></div></foreignObject><text x="414" y="168" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Reservation Manager...</text></switch></g><rect x="634" y="100" width="240" height="120" rx="7.2" ry="7.2" fill="#63bef2" stroke="#2086c9" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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: 160px; margin-left: 635px;"><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>Channel Notification</b></font><div>[Component: serverside]</div><br /><div><font style="font-size: 11px">Sent notification to Channels</font></div></div></div></div></foreignObject><text x="754" y="164" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Channel Notification...</text></switch></g><path d="M 1088 92 C 1088 87.58 1091.58 84 1096 84 L 1320 84 C 1324.42 84 1328 87.58 1328 92 L 1328 236 C 1328 240.42 1324.42 244 1320 244 L 1096 244 C 1091.58 244 1088 240.42 1088 236 Z" fill="#118acd" stroke="#0e7dad" stroke-miterlimit="10" pointer-events="all"/><path d="M 1093 92 C 1093 90.34 1094.34 89 1096 89 L 1269 89 C 1270.66 89 1272 90.34 1272 92 L 1272 98 C 1272 99.66 1270.66 101 1269 101 L 1096 101 C 1094.34 101 1093 99.66 1093 98 Z M 1277 92 C 1277 90.34 1278.34 89 1280 89 L 1286 89 C 1287.66 89 1289 90.34 1289 92 L 1289 98 C 1289 99.66 1287.66 101 1286 101 L 1280 101 C 1278.34 101 1277 99.66 1277 98 Z M 1294 92 C 1294 90.34 1295.34 89 1297 89 L 1303 89 C 1304.66 89 1306 90.34 1306 92 L 1306 98 C 1306 99.66 1304.66 101 1303 101 L 1297 101 C 1295.34 101 1294 99.66 1294 98 Z M 1311 92 C 1311 90.34 1312.34 89 1314 89 L 1320 89 C 1321.66 89 1323 90.34 1323 92 L 1323 98 C 1323 99.66 1321.66 101 1320 101 L 1314 101 C 1312.34 101 1311 99.66 1311 98 Z M 1093 114 C 1093 109.58 1096.58 106 1101 106 L 1315 106 C 1319.42 106 1323 109.58 1323 114 L 1323 231 C 1323 235.42 1319.42 239 1315 239 L 1101 239 C 1096.58 239 1093 235.42 1093 231 Z" fill="#23a2d9" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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: 164px; margin-left: 1089px;"><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>Channel</b></font><div>[Container: ]</div><br /><div><font style="font-size: 11px"><font color="#E6E6E6">User Communication Channels</font></font></div></div></div></div></foreignObject><text x="1208" y="168" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Channel...</text></switch></g><path d="M -0.46 748 C -0.46 743.58 3.12 740 7.54 740 L 231.54 740 C 235.96 740 239.54 743.58 239.54 748 L 239.54 892 C 239.54 896.42 235.96 900 231.54 900 L 7.54 900 C 3.12 900 -0.46 896.42 -0.46 892 Z" fill="#118acd" stroke="#0e7dad" stroke-miterlimit="10" pointer-events="all"/><path d="M 4.54 748 C 4.54 746.34 5.88 745 7.54 745 L 180.54 745 C 182.2 745 183.54 746.34 183.54 748 L 183.54 754 C 183.54 755.66 182.2 757 180.54 757 L 7.54 757 C 5.88 757 4.54 755.66 4.54 754 Z M 188.54 748 C 188.54 746.34 189.88 745 191.54 745 L 197.54 745 C 199.2 745 200.54 746.34 200.54 748 L 200.54 754 C 200.54 755.66 199.2 757 197.54 757 L 191.54 757 C 189.88 757 188.54 755.66 188.54 754 Z M 205.54 748 C 205.54 746.34 206.88 745 208.54 745 L 214.54 745 C 216.2 745 217.54 746.34 217.54 748 L 217.54 754 C 217.54 755.66 216.2 757 214.54 757 L 208.54 757 C 206.88 757 205.54 755.66 205.54 754 Z M 222.54 748 C 222.54 746.34 223.88 745 225.54 745 L 231.54 745 C 233.2 745 234.54 746.34 234.54 748 L 234.54 754 C 234.54 755.66 233.2 757 231.54 757 L 225.54 757 C 223.88 757 222.54 755.66 222.54 754 Z M 4.54 770 C 4.54 765.58 8.12 762 12.54 762 L 226.54 762 C 230.96 762 234.54 765.58 234.54 770 L 234.54 887 C 234.54 891.42 230.96 895 226.54 895 L 12.54 895 C 8.12 895 4.54 891.42 4.54 887 Z" fill="#23a2d9" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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: 820px; margin-left: 1px;"><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>Integration</b></font><div>[Container: ]</div><br /><div><font style="font-size: 11px"><font color="#E6E6E6"></font></font></div></div></div></div></foreignObject><text x="120" y="824" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Integration...</text></switch></g><path d="M 209.54 739 L 209.54 686.37" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 209.54 681.12 L 213.04 688.12 L 209.54 686.37 L 206.04 688.12 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 199.54 633.86 C 199.54 631.73 204.02 630 209.54 630 C 212.19 630 214.74 630.41 216.61 631.13 C 218.49 631.85 219.54 632.83 219.54 633.86 L 219.54 676.14 C 219.54 677.17 218.49 678.15 216.61 678.87 C 214.74 679.59 212.19 680 209.54 680 C 204.02 680 199.54 678.27 199.54 676.14 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 219.54 633.86 C 219.54 634.88 218.49 635.86 216.61 636.58 C 214.74 637.31 212.19 637.71 209.54 637.71 C 204.02 637.71 199.54 635.99 199.54 633.86" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 624 445 C 624 436.72 677.73 430 744 430 C 775.83 430 806.35 431.58 828.85 434.39 C 851.36 437.21 864 441.02 864 445 L 864 535 C 864 543.28 810.27 550 744 550 C 677.73 550 624 543.28 624 535 Z" fill="#23a2d9" stroke="#0e7dad" stroke-miterlimit="10" pointer-events="all"/><path d="M 864 445 C 864 453.28 810.27 460 744 460 C 677.73 460 624 453.28 624 445" fill="none" stroke="#0e7dad" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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: 503px; margin-left: 625px;"><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>Trip Storage</b></font><div>[Container: relation DB]</div><br /><div><font style="font-size: 11px"><font color="#E6E6E6">Store for Trips and reference to reservations</font></font></div></div></div></div></foreignObject><text x="744" y="507" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Trip Storage...</text></switch></g><path d="M 1091.6 218.24 L 934 220 L 934 320 L 880.12 320" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 865.12 320 L 880.12 315 L 880.12 325 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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: 294px; 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>read/update/delete/add trips</b></div><div style="text-align: center">[JSON/HTTPS]</div></div></div></div></div></foreignObject><text x="964" y="297" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">read/update/delete/add trips...</text></switch></g><path d="M 534 164 L 617.88 163.97" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 632.88 163.96 L 617.88 168.97 L 617.88 158.97 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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: 240px; margin-left: 574px;"><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>Inform Channels about important changes</b></div><div style="text-align: center">[e.g. JSON/HTTP]</div></div></div></div></div></foreignObject><text x="574" y="243" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">Inform Channels about important changes...</text></switch></g><path d="M 874 160 L 932.88 160" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 947.88 160 L 932.88 165 L 932.88 155 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/><path d="M 964 138.86 C 964 136.73 968.48 135 974 135 C 976.65 135 979.2 135.41 981.07 136.13 C 982.95 136.85 984 137.83 984 138.86 L 984 181.14 C 984 182.17 982.95 183.15 981.07 183.87 C 979.2 184.59 976.65 185 974 185 C 968.48 185 964 183.27 964 181.14 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,974,160)" pointer-events="all"/><path d="M 984 138.86 C 984 139.88 982.95 140.86 981.07 141.58 C 979.2 142.31 976.65 142.71 974 142.71 C 968.48 142.71 964 140.99 964 138.86" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,974,160)" pointer-events="all"/><path d="M 1087.04 132.64 L 934 133 L 934 70 L 410 70 L 409.82 90.28" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 409.69 105.28 L 404.82 90.24 L 414.82 90.33 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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: 110px; margin-left: 994px;"><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>read/add/delete/update resevations</b></div><div style="text-align: center">[JSON/HTTPS]</div></div></div></div></div></foreignObject><text x="994" y="113" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">read/add/delete/update resevations...</text></switch></g><path d="M 284 748 C 284 743.58 287.58 740 292 740 L 516 740 C 520.42 740 524 743.58 524 748 L 524 892 C 524 896.42 520.42 900 516 900 L 292 900 C 287.58 900 284 896.42 284 892 Z" fill="#118acd" stroke="#0e7dad" stroke-miterlimit="10" pointer-events="all"/><path d="M 289 748 C 289 746.34 290.34 745 292 745 L 465 745 C 466.66 745 468 746.34 468 748 L 468 754 C 468 755.66 466.66 757 465 757 L 292 757 C 290.34 757 289 755.66 289 754 Z M 473 748 C 473 746.34 474.34 745 476 745 L 482 745 C 483.66 745 485 746.34 485 748 L 485 754 C 485 755.66 483.66 757 482 757 L 476 757 C 474.34 757 473 755.66 473 754 Z M 490 748 C 490 746.34 491.34 745 493 745 L 499 745 C 500.66 745 502 746.34 502 748 L 502 754 C 502 755.66 500.66 757 499 757 L 493 757 C 491.34 757 490 755.66 490 754 Z M 507 748 C 507 746.34 508.34 745 510 745 L 516 745 C 517.66 745 519 746.34 519 748 L 519 754 C 519 755.66 517.66 757 516 757 L 510 757 C 508.34 757 507 755.66 507 754 Z M 289 770 C 289 765.58 292.58 762 297 762 L 511 762 C 515.42 762 519 765.58 519 770 L 519 887 C 519 891.42 515.42 895 511 895 L 297 895 C 292.58 895 289 891.42 289 887 Z" fill="#23a2d9" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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: 820px; margin-left: 285px;"><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>Analytic</b></font><div>[Container: ]</div><br /><div><font style="font-size: 11px"><font color="#E6E6E6"></font></font></div></div></div></div></foreignObject><text x="404" y="824" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">Analytic...</text></switch></g><path d="M 408.32 400.57 L 404 740" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 408.47 389.32 L 415.77 404.41 L 408.32 400.57 L 400.78 404.22 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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: 564px; margin-left: 406px;"><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>ETL process</b></div><div style="text-align: center">[SQL/TCP]</div></div></div></div></div></foreignObject><text x="406" y="567" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">ETL process...</text></switch></g><path d="M 748.07 560.81 L 748.05 590.05 L 452.68 590.05 L 452.72 742.72" fill="none" stroke="#828282" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 748.08 549.56 L 755.57 564.56 L 748.07 560.81 L 740.57 564.55 Z" fill="#828282" stroke="#828282" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(0.9999999999999999)"><switch><foreignObject pointer-events="none" width="101%" height="101%" 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: 590px; margin-left: 564px;"><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>ETL process</b></div><div style="text-align: center">[SQL/TCP]</div></div></div></div></div></foreignObject><text x="564" y="593" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">ETL process...</text></switch></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>