assets/container.svg

<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than diagrams.net -->
<!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="1371px" height="572px" viewBox="-0.5 -0.5 1371 572" content="&lt;mxfile host=&quot;Electron&quot; modified=&quot;2022-01-08T03:59:29.836Z&quot; agent=&quot;5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/15.4.0 Chrome/91.0.4472.164 Electron/13.5.0 Safari/537.36&quot; version=&quot;15.4.0&quot; etag=&quot;ktwpV_zYCsXak_OoinDC&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;DCFr-jCss3AuzXVvP_ww&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs/><g><rect x="0" y="0" width="1370" height="570" fill="#fcfcfc" stroke="#666666" pointer-events="none"/><rect x="20" y="30" width="160" height="520" fill="none" stroke="#000000" stroke-dasharray="3 3" pointer-events="none"/><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 flex-end; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 27px; margin-left: 21px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">USER</div></div></div></foreignObject><text x="100" y="27" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">USER</text></switch></g><rect x="740" y="40" width="240" height="330" fill="none" stroke="#000000" stroke-dasharray="3 3" pointer-events="none"/><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 flex-end; justify-content: unsafe center; width: 238px; height: 1px; padding-top: 37px; margin-left: 741px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">API</div></div></div></foreignObject><text x="860" y="37" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">API</text></switch></g><rect x="360" y="40" width="220" height="330" fill="none" stroke="#000000" stroke-dasharray="3 3" pointer-events="none"/><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 flex-end; justify-content: unsafe center; width: 218px; height: 1px; padding-top: 37px; margin-left: 361px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">CLIENT</div></div></div></foreignObject><text x="470" y="37" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">CLIENT</text></switch></g><path d="M 40 540 C 40 480 40 450 100 450 C 60 450 60 390 100 390 C 140 390 140 450 100 450 C 160 450 160 480 160 540 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/><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: 118px; height: 1px; padding-top: 480px; margin-left: 41px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">CUSTOMER<br />[person]</div></div></div></foreignObject><text x="100" y="484" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">CUSTOMER...</text></switch></g><rect x="380" y="60" width="180" height="120" fill="#ffe6cc" stroke="#d79b00" pointer-events="none"/><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: 178px; height: 1px; padding-top: 120px; margin-left: 381px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">SSR WEB APPLICATION<br />[container: Node.js + Nuxt.js]<br />[deployment: Heroku]<br /><br />Full access to all features, includes an administration dashboard NOT for customers.</div></div></div></foreignObject><text x="470" y="124" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">SSR WEB APPLICATION...</text></switch></g><path d="M 160 409.05 L 400.99 184.34" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/><path d="M 404.83 180.76 L 402.1 188.1 L 400.99 184.34 L 397.33 182.98 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><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: 295px; margin-left: 283px;"><div 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: none; background-color: rgb(252, 252, 252); white-space: nowrap;">visit www.example.com<br />[HTTPS]</div></div></div></foreignObject><text x="283" y="298" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">visit www.example.com...</text></switch></g><rect x="380" y="255" width="180" height="100" fill="#ffe6cc" stroke="#d79b00" pointer-events="none"/><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: 178px; height: 1px; padding-top: 305px; margin-left: 381px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">MOBILE APP<br />[container: React Native]<br /><br />Funtionallity reduced version of web application</div></div></div></foreignObject><text x="470" y="309" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">MOBILE APP...</text></switch></g><path d="M 160 430.71 L 374.47 308.16" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/><path d="M 379.03 305.55 L 374.69 312.07 L 374.47 308.16 L 371.22 305.99 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><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: 368px; margin-left: 270px;"><div 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: none; background-color: rgb(252, 252, 252); white-space: nowrap;">access with OAuth2.0</div></div></div></foreignObject><text x="270" y="371" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">access with OAuth2.0</text></switch></g><path d="M 160 115 L 270 115 L 270 120 L 373.63 120" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/><path d="M 378.88 120 L 371.88 123.5 L 373.63 120 L 371.88 116.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><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: 118px; margin-left: 270px;"><div 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: none; background-color: rgb(252, 252, 252); white-space: nowrap;">visit www.example.com/admin<br />[HTTPS]</div></div></div></foreignObject><text x="270" y="121" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">visit www.example.com/admin...</text></switch></g><path d="M 40 190 C 40 130 40 100 100 100 C 60 100 60 40 100 40 C 140 40 140 100 100 100 C 160 100 160 130 160 190 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/><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: 118px; height: 1px; padding-top: 130px; margin-left: 41px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ADMINISTRATOR<br />[person]</div></div></div></foreignObject><text x="100" y="134" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">ADMINISTRATOR...</text></switch></g><rect x="760" y="60" width="200" height="110" fill="#fff2cc" stroke="#d6b656" pointer-events="none"/><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: 198px; height: 1px; padding-top: 115px; margin-left: 761px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">AUTH SERVER<br />[container: Auth0]<br /><br />Authentication and authorization services.<br />Roles and persmissions management.</div></div></div></foreignObject><text x="860" y="119" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">AUTH SERVER...</text></switch></g><rect x="760" y="255" width="200" height="100" fill="#e1d5e7" stroke="#9673a6" pointer-events="none"/><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: 198px; height: 1px; padding-top: 305px; margin-left: 761px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">API APP + RESOURCE SERVER<br />[container: Node.js and Express.js]<br />[deployment: Heroku]<br /><br />Business logic and resource endponints</div></div></div></foreignObject><text x="860" y="309" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">API APP + RESOURCE SERVER...</text></switch></g><path d="M 560 162.69 L 754.25 254.83" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/><path d="M 758.99 257.08 L 751.17 257.25 L 754.25 254.83 L 754.17 250.92 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><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: 210px; margin-left: 660px;"><div 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: none; background-color: rgb(252, 252, 252); white-space: nowrap;">call API<br />[HTTPS/JSON]</div></div></div></foreignObject><text x="660" y="213" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">call API...</text></switch></g><path d="M 560 305 L 753.63 305" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/><path d="M 758.88 305 L 751.88 308.5 L 753.63 305 L 751.88 301.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><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: 305px; margin-left: 660px;"><div 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: none; background-color: rgb(252, 252, 252); white-space: nowrap;">call API<br />[HTTPS/JSON]</div></div></div></foreignObject><text x="660" y="308" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">call API...</text></switch></g><path d="M 810 255 L 810 176.37" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/><path d="M 810 171.12 L 813.5 178.12 L 810 176.37 L 806.5 178.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><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: 213px; margin-left: 810px;"><div 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: none; background-color: rgb(252, 252, 252); white-space: nowrap;">redirect</div></div></div></foreignObject><text x="810" y="216" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">redirect</text></switch></g><path d="M 910 170 L 910 248.63" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/><path d="M 910 253.88 L 906.5 246.88 L 910 248.63 L 913.5 246.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><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: 213px; margin-left: 910px;"><div 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: none; background-color: rgb(252, 252, 252); white-space: nowrap;">access token</div></div></div></foreignObject><text x="910" y="216" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">access tok...</text></switch></g><path d="M 1110 358.33 L 1110 251.67 C 1110 236.94 1163.73 225 1230 225 C 1296.27 225 1350 236.94 1350 251.67 L 1350 358.33 C 1350 373.06 1296.27 385 1230 385 C 1163.73 385 1110 373.06 1110 358.33 Z" fill="#f5f5f5" stroke="#666666" stroke-miterlimit="10" pointer-events="none"/><path d="M 1110 251.67 C 1110 266.39 1163.73 278.33 1230 278.33 C 1296.27 278.33 1350 266.39 1350 251.67" fill="none" stroke="#666666" stroke-miterlimit="10" pointer-events="none"/><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: 320px; margin-left: 1111px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">DATABASE<br />[container: PostgreSQL]<br />[deployment: Amazon RDS]<br /><br />Stores customer profile, shopping history, inventory, etc.</div></div></div></foreignObject><text x="1230" y="324" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">DATABASE...</text></switch></g><path d="M 960 305 L 1103.63 305" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/><path d="M 1108.88 305 L 1101.88 308.5 L 1103.63 305 L 1101.88 301.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><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: 305px; margin-left: 1035px;"><div 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: none; background-color: rgb(252, 252, 252); white-space: nowrap;">store</div></div></div></foreignObject><text x="1035" y="308" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">store</text></switch></g><path d="M 380 491.49 L 166.34 471.28" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/><path d="M 161.11 470.78 L 168.41 467.96 L 166.34 471.28 L 167.75 474.92 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><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: 481px; margin-left: 270px;"><div 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: none; background-color: rgb(252, 252, 252); white-space: nowrap;">send email to</div></div></div></foreignObject><text x="270" y="484" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">send email to</text></switch></g><rect x="380" y="450" width="180" height="100" fill="#fff2cc" stroke="#d6b656" pointer-events="none"/><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: 178px; height: 1px; padding-top: 500px; margin-left: 381px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">MAILING<br />[container: external api]</div></div></div></foreignObject><text x="470" y="504" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">MAILING...</text></switch></g><rect x="770" y="450" width="180" height="100" fill="#fff2cc" stroke="#d6b656" pointer-events="none"/><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: 178px; height: 1px; padding-top: 500px; margin-left: 771px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">LOGISTICS<br />[container: external api]</div></div></div></foreignObject><text x="860" y="504" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">LOGISTICS...</text></switch></g><path d="M 760 355 L 565.7 452.15" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/><path d="M 561 454.5 L 565.7 448.24 L 565.7 452.15 L 568.83 454.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><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: 405px; margin-left: 660px;"><div 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: none; background-color: rgb(252, 252, 252); white-space: nowrap;">send email by<br />[STPMS]</div></div></div></foreignObject><text x="660" y="408" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">send email by...</text></switch></g><path d="M 860 355 L 860 443.63" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/><path d="M 860 448.88 L 856.5 441.88 L 860 443.63 L 863.5 441.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><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: 403px; margin-left: 860px;"><div 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: none; background-color: rgb(252, 252, 252); white-space: nowrap;">service request<br />[HTTPS/JSON]</div></div></div></foreignObject><text x="860" y="406" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">service request...</text></switch></g><path d="M 160 262.43 L 374.21 164.01" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/><path d="M 378.98 161.82 L 374.08 167.92 L 374.21 164.01 L 371.16 161.56 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><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: 212px; margin-left: 269px;"><div 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: none; background-color: rgb(255, 255, 255); white-space: nowrap;"><span style="background-color: rgb(252 , 252 , 252)">visit www.example.com</span><br /><span style="background-color: rgb(252 , 252 , 252)">[HTTPS]</span></div></div></div></foreignObject><text x="269" y="216" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">visit www.example.com...</text></switch></g><path d="M 40 365 C 40 305 40 275 100 275 C 60 275 60 215 100 215 C 140 215 140 275 100 275 C 160 275 160 305 160 365 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="none"/><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: 118px; height: 1px; padding-top: 305px; margin-left: 41px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">EMPLOYEE<br />[person]</div></div></div></foreignObject><text x="100" y="309" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">EMPLOYEE...</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Viewer does not support full SVG 1.1</text></a></switch></svg>