docs/pt-br/architecture.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1901px" height="811px" viewBox="-0.5 -0.5 1901 811" content="&lt;mxfile&gt;&lt;diagram id=&quot;ND3jqe4q8mQYaDPTRUzK&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
    <defs/>
    <g>
        <ellipse cx="100" cy="180.5" rx="40.5" ry="40.5" fill="#083f75" stroke="#06315c" pointer-events="all"/>
        <path d="M 0 245.3 C 0 222.93 18.13 204.8 40.5 204.8 L 159.5 204.8 C 181.87 204.8 200 222.93 200 245.3 L 200 279.5 C 200 301.87 181.87 320 159.5 320 L 40.5 320 C 18.13 320 0 301.87 0 279.5 Z" fill="#083f75" stroke="#06315c" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="100" cy="180.5" rx="40.5" ry="40.5" fill="#083f75" stroke="#06315c" pointer-events="all"/>
        <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: 262px; 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: 11px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px">
                                    <b>
                                        Comerciante
                                    </b>
                                </font>
                                <div>
                                    [Person]
                                </div>
                                <br/>
                                <div>
                                    <font style="font-size: 11px">
                                        <font color="#cccccc">
                                            Um comerciante ou pessoa que possui um negócio
                                        </font>
                                    </font>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="100" y="265" fill="#ffffff" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Comerciante...
                </text>
            </switch>
        </g>
        <path d="M 480 108 C 480 103.58 483.58 100 488 100 L 712 100 C 716.42 100 720 103.58 720 108 L 720 252 C 720 256.42 716.42 260 712 260 L 488 260 C 483.58 260 480 256.42 480 252 Z" fill="#118acd" stroke="#0e7dad" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 485 108 C 485 106.34 486.34 105 488 105 L 661 105 C 662.66 105 664 106.34 664 108 L 664 114 C 664 115.66 662.66 117 661 117 L 488 117 C 486.34 117 485 115.66 485 114 Z M 669 108 C 669 106.34 670.34 105 672 105 L 678 105 C 679.66 105 681 106.34 681 108 L 681 114 C 681 115.66 679.66 117 678 117 L 672 117 C 670.34 117 669 115.66 669 114 Z M 686 108 C 686 106.34 687.34 105 689 105 L 695 105 C 696.66 105 698 106.34 698 108 L 698 114 C 698 115.66 696.66 117 695 117 L 689 117 C 687.34 117 686 115.66 686 114 Z M 703 108 C 703 106.34 704.34 105 706 105 L 712 105 C 713.66 105 715 106.34 715 108 L 715 114 C 715 115.66 713.66 117 712 117 L 706 117 C 704.34 117 703 115.66 703 114 Z M 485 130 C 485 125.58 488.58 122 493 122 L 707 122 C 711.42 122 715 125.58 715 130 L 715 247 C 715 251.42 711.42 255 707 255 L 493 255 C 488.58 255 485 251.42 485 247 Z" fill="#23a2d9" stroke="none" pointer-events="all"/>
        <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: 180px; margin-left: 481px;">
                        <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>
                                        Aplicação SPA
                                    </b>
                                </font>
                                <div>
                                    [Frontend: e.g. React]
                                </div>
                                <br/>
                                <div>
                                    <font style="font-size: 11px">
                                        <font color="#E6E6E6">
                                            Uma aplicação SPA
                                        </font>
                                    </font>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="600" y="184" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Aplicação SPA...
                </text>
            </switch>
        </g>
        <path d="M 200 275 L 340 275 L 340 180 L 463.88 180" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 478.88 180 L 463.88 185 L 463.88 175 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <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: 203px; margin-left: 340px;">
                        <div data-drawio-colors="color: #404040; background-color: #FCFCFC; " 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(252, 252, 252); white-space: nowrap;">
                                <div style="text-align: left">
                                    <div style="text-align: center">
                                        <b>
                                            Adiciona débitos, créditos e visualiza saldos diários
                                        </b>
                                    </div>
                                    <div style="text-align: center">
                                        [HTTPS]
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="340" y="206" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">
                    Adiciona débitos, créditos e visualiza saldos di...
                </text>
            </switch>
        </g>
        <rect x="480" y="405" width="240" height="120" rx="12" ry="12" fill="#23a2d9" stroke="#0e7dad" pointer-events="all"/>
        <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: 465px; margin-left: 481px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px">
                                    <b>
                                        API Gateway
                                    </b>
                                </font>
                                <div>
                                    [Container: Kong]
                                </div>
                                <br/>
                                <div>
                                    <font style="font-size: 11px">
                                        <font color="#E6E6E6">
                                            API Gateway para servir como porta de entrada para requisições externas
                                        </font>
                                    </font>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="600" y="468" fill="#ffffff" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    API Gateway...
                </text>
            </switch>
        </g>
        <path d="M 600 260 L 600 388.88" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 600 403.88 L 595 388.88 L 605 388.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <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: 332px; margin-left: 600px;">
                        <div data-drawio-colors="color: #404040; background-color: #FCFCFC; " 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(252, 252, 252); white-space: nowrap;">
                                <div style="text-align: left">
                                    <div style="text-align: center">
                                        <b>
                                            Realiza requisições de API
                                        </b>
                                    </div>
                                    <div style="text-align: center">
                                        [HTTPS, JSON]
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="600" y="335" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">
                    Realiza requisições de API...
                </text>
            </switch>
        </g>
        <rect x="850" y="220" width="240" height="120" rx="12" ry="12" fill="#23a2d9" stroke="#0e7dad" pointer-events="all"/>
        <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: 280px; margin-left: 851px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px">
                                    <b>
                                        API Lançamentos
                                    </b>
                                </font>
                                <div>
                                    [Container: ASP NET Core, API]
                                </div>
                                <br/>
                                <div>
                                    <font style="font-size: 11px">
                                        <font color="#E6E6E6">
                                            Recebe e controla lançamentos
                                        </font>
                                    </font>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="970" y="283" fill="#ffffff" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    API Lançamentos...
                </text>
            </switch>
        </g>
        <rect x="480" y="640" width="240" height="120" rx="12" ry="12" fill="#23a2d9" stroke="#0e7dad" pointer-events="all"/>
        <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: 700px; margin-left: 481px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px">
                                    <b>
                                        Serviço de autenticação
                                    </b>
                                </font>
                                <div>
                                    [Container: e.g. Keycloak, Azure B2C, etc]
                                </div>
                                <br/>
                                <div>
                                    <font style="font-size: 11px">
                                        <font color="#E6E6E6">
                                            Um provedor de autenticação
                                        </font>
                                    </font>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="600" y="703" fill="#ffffff" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Serviço de autenticação...
                </text>
            </switch>
        </g>
        <path d="M 600 525 L 600 623.88" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 600 638.88 L 595 623.88 L 605 623.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <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: 583px; margin-left: 600px;">
                        <div data-drawio-colors="color: #404040; background-color: #FCFCFC; " 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(252, 252, 252); white-space: nowrap;">
                                <div style="text-align: left">
                                    <div style="text-align: center">
                                        <b>
                                            Valida access tokens
                                        </b>
                                    </div>
                                    <div style="text-align: center">
                                        [HTTPS, JSON]
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="600" y="586" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">
                    Valida access tokens...
                </text>
            </switch>
        </g>
        <path d="M 480 220 L 420 220 L 420 700 L 463.88 700" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 478.88 700 L 463.88 705 L 463.88 695 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <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: 330px; margin-left: 420px;">
                        <div data-drawio-colors="color: #404040; background-color: #FCFCFC; " 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(252, 252, 252); white-space: nowrap;">
                                <div style="text-align: left">
                                    <div style="text-align: center">
                                        <b>
                                            Solicita access tokens válidos
                                        </b>
                                    </div>
                                    <div style="text-align: center">
                                        [HTTPS, JSON]
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="420" y="333" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">
                    Solicita access tokens válidos...
                </text>
            </switch>
        </g>
        <path d="M 720 465 L 785 465 L 785 280 L 833.88 280" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 848.88 280 L 833.88 285 L 833.88 275 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <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: 372px; margin-left: 785px;">
                        <div data-drawio-colors="color: #404040; background-color: #FCFCFC; " 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(252, 252, 252); white-space: nowrap;">
                                <div style="text-align: left">
                                    <div style="text-align: center">
                                        <b>
                                            Encaminha requisições
                                        </b>
                                    </div>
                                    <div style="text-align: center">
                                        [HTTP, JSON]
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="785" y="375" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">
                    Encaminha requisições...
                </text>
            </switch>
        </g>
        <path d="M 1020 75 C 1020 66.72 1073.73 60 1140 60 C 1171.83 60 1202.35 61.58 1224.85 64.39 C 1247.36 67.21 1260 71.02 1260 75 L 1260 165 C 1260 173.28 1206.27 180 1140 180 C 1073.73 180 1020 173.28 1020 165 Z" fill="#23a2d9" stroke="#0e7dad" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 1260 75 C 1260 83.28 1206.27 90 1140 90 C 1073.73 90 1020 83.28 1020 75" fill="none" stroke="#0e7dad" stroke-miterlimit="10" pointer-events="all"/>
        <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: 133px; margin-left: 1021px;">
                        <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>
                                        Banco de dados
                                    </b>
                                </font>
                                <div>
                                    [Container: PostgreSQL]
                                </div>
                                <br/>
                                <div>
                                    <font style="font-size: 11px">
                                        <font color="#E6E6E6">
                                            Um banco de dados otimizado para escrita
                                        </font>
                                    </font>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1140" y="137" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Banco de dados...
                </text>
            </switch>
        </g>
        <path d="M 970 220 L 970 120 L 1003.88 120" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1018.88 120 L 1003.88 125 L 1003.88 115 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 1080 360 C 1080 351.72 1106.86 345 1140 345 C 1155.91 345 1171.17 346.58 1182.43 349.39 C 1193.68 352.21 1200 356.02 1200 360 L 1200 570 C 1200 578.28 1173.14 585 1140 585 C 1106.86 585 1080 578.28 1080 570 Z" fill="#23a2d9" stroke="#0e7dad" stroke-miterlimit="10" transform="rotate(90,1140,465)" pointer-events="all"/>
        <path d="M 1200 360 C 1200 368.28 1173.14 375 1140 375 C 1106.86 375 1080 368.28 1080 360" fill="none" stroke="#0e7dad" stroke-miterlimit="10" transform="rotate(90,1140,465)" pointer-events="all"/>
        <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: 204px; height: 1px; padding-top: 465px; margin-left: 1025px;">
                        <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>
                                        Broker de mensageria
                                    </b>
                                </font>
                                <div>
                                    [Container: RabbitMQ]
                                </div>
                                <br/>
                                <div>
                                    <font style="font-size: 11px">
                                        <font color="#E6E6E6">
                                            Transmite mensagens de lançamentos feitos
                                        </font>
                                    </font>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1127" y="469" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Broker de mensageria...
                </text>
            </switch>
        </g>
        <path d="M 970 340 L 970 465 L 1003.88 465" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1018.88 465 L 1003.88 470 L 1003.88 460 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <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: 380px; margin-left: 970px;">
                        <div data-drawio-colors="color: #404040; background-color: #FCFCFC; " 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(252, 252, 252); white-space: nowrap;">
                                <div style="text-align: left">
                                    <div style="text-align: center">
                                        <b>
                                            Publica mensagem de lançamento realizado
                                        </b>
                                    </div>
                                    <div style="text-align: center">
                                        [AMPQ, JSON]
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="970" y="383" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">
                    Publica mensagem de lançamento realizado...
                </text>
            </switch>
        </g>
        <rect x="1330" y="590" width="240" height="120" rx="12" ry="12" fill="#23a2d9" stroke="#0e7dad" pointer-events="all"/>
        <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: 650px; margin-left: 1331px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px">
                                    <b>
                                        Saldo Consolidado API
                                    </b>
                                </font>
                                <div>
                                    [Container: ASP NET Core, API]
                                </div>
                                <br/>
                                <div>
                                    <font style="font-size: 11px">
                                        <font color="#E6E6E6">
                                            Apresenta o saldo consolidado diário dos lançamentos
                                        </font>
                                    </font>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1450" y="653" fill="#ffffff" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Saldo Consolidado API...
                </text>
            </switch>
        </g>
        <path d="M 720 495 L 950 495 L 950 650 L 1313.88 650" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1328.88 650 L 1313.88 655 L 1313.88 645 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <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: 579px; margin-left: 950px;">
                        <div data-drawio-colors="color: #404040; background-color: #FCFCFC; " 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(252, 252, 252); white-space: nowrap;">
                                <div style="text-align: left">
                                    <div style="text-align: center">
                                        <b>
                                            Encaminha requisições
                                        </b>
                                    </div>
                                    <div style="text-align: center">
                                        [HTTP, JSON]
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="950" y="582" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">
                    Encaminha requisições...
                </text>
            </switch>
        </g>
        <path d="M 1330 395 C 1330 386.72 1383.73 380 1450 380 C 1481.83 380 1512.35 381.58 1534.85 384.39 C 1557.36 387.21 1570 391.02 1570 395 L 1570 485 C 1570 493.28 1516.27 500 1450 500 C 1383.73 500 1330 493.28 1330 485 Z" fill="#23a2d9" stroke="#0e7dad" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 1570 395 C 1570 403.28 1516.27 410 1450 410 C 1383.73 410 1330 403.28 1330 395" fill="none" stroke="#0e7dad" stroke-miterlimit="10" pointer-events="all"/>
        <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: 453px; margin-left: 1331px;">
                        <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>
                                        Banco de dados
                                    </b>
                                </font>
                                <div>
                                    [Container: PostgreSQL]
                                </div>
                                <br/>
                                <div>
                                    <font style="font-size: 11px">
                                        <font color="#E6E6E6">
                                            Um banco de dados otimizado principalmente para leitura
                                        </font>
                                    </font>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1450" y="457" fill="#ffffff" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Banco de dados...
                </text>
            </switch>
        </g>
        <path d="M 1450 590 L 1450 516.12" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1450 501.12 L 1455 516.12 L 1445 516.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="1640" y="220" width="240" height="120" rx="12" ry="12" fill="#23a2d9" stroke="#0e7dad" pointer-events="all"/>
        <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: 280px; margin-left: 1641px;">
                        <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px">
                                    <b>
                                        Worker de processamento de lançamentos
                                    </b>
                                </font>
                                <div>
                                    [Container: .NET, Background Job]
                                </div>
                                <br/>
                                <div>
                                    <font style="font-size: 11px">
                                        <font color="#E6E6E6">
                                            Processa lançamentos recebidos para calcular o saldo atual
                                        </font>
                                    </font>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1760" y="283" fill="#ffffff" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    Worker de processamento de lançamentos...
                </text>
            </switch>
        </g>
        <path d="M 1140 405 L 1140 280 L 1623.88 280" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1638.88 280 L 1623.88 285 L 1623.88 275 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <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: 280px; margin-left: 1381px;">
                        <div data-drawio-colors="color: #404040; background-color: #FCFCFC; " 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(252, 252, 252); white-space: nowrap;">
                                <div style="text-align: left">
                                    <div style="text-align: center">
                                        <b>
                                            Envia mensagens para subscribers
                                        </b>
                                    </div>
                                    <div style="text-align: center">
                                        [AMPQ, JSON]
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="1381" y="283" fill="#404040" font-family="Helvetica" font-size="10px" text-anchor="middle">
                    Envia mensagens para subscribers...
                </text>
            </switch>
        </g>
        <path d="M 1760 340 L 1760 440 L 1586.12 440" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 1571.12 440 L 1586.12 435 L 1586.12 445 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="330" y="0" width="470" height="810" rx="10" ry="10" fill="none" stroke="#030303" stroke-dasharray="8 4" 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 flex-start; width: 452px; height: 1px; padding-top: 799px; margin-left: 340px;">
                        <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: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px">
                                    <b>
                                        <div style="text-align: left">
                                            Sistemas de interface
                                        </div>
                                    </b>
                                </font>
                                <div style="text-align: left">
                                    [Aplicações e serviços que controlam o acesso a sistemas internos]
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="340" y="799" fill="#333333" font-family="Helvetica" font-size="11px">
                    Sistemas de interface...
                </text>
            </switch>
        </g>
        <rect x="820" y="0" width="1080" height="810" rx="10" ry="10" fill="none" stroke="#030303" stroke-dasharray="8 4" 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 flex-start; width: 1062px; height: 1px; padding-top: 799px; margin-left: 830px;">
                        <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: none; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 16px">
                                    <b>
                                        <div style="text-align: left">
                                            Sistema de lançamentos
                                        </div>
                                    </b>
                                </font>
                                <div style="text-align: left">
                                    [Controla lançamentos e gera saldos diários]
                                </div>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="830" y="799" fill="#333333" font-family="Helvetica" font-size="11px">
                    Sistema de lançamentos...
                </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%">
                Text is not SVG - cannot display
            </text>
        </a>
    </switch>
</svg>