diagrams/workshop_step5_pact.svg

<?xml version="1.0" encoding="UTF-8"?>
<!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" version="1.1" width="479px" height="397px" viewBox="-0.5 -0.5 479 397"
     content="&lt;mxfile host=&quot;www.draw.io&quot; modified=&quot;2019-11-25T03:01:44.858Z&quot; agent=&quot;Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 Safari/537.36&quot; version=&quot;12.2.9&quot; etag=&quot;G0CFfC567gX7eQffz-cT&quot; type=&quot;device&quot; pages=&quot;1&quot;&gt;&lt;diagram id=&quot;M01VOxhLdEZ3BUFrIBli&quot;&gt;7VlZb+M2EP41eqyhW+JjItubolewCdD2qWAk2iZWFl2KvvrrS1qkLkq2oyiGF9g8BOTwGHHm+2bIseFE68MXCjer30iCUsM2k4PhTA3bDm2X/xeCYyFwfbMQLClOCpFVCV7wf0gK1bQtTlDemMgISRneNIUxyTIUs4YMUkr2zWkLkja1buASaYKXGKa69E+csJWUWj6oBp4QXq6YOnBQDKyhmixPkq9gQvY1kTMznIgSworW+hChVNhO2aVYN+8ZLT+Mooxds8AuFuxgupVne6Zkx61L5fexozo0JdssQWKdZTiP+xVm6GUDYzG6517mshVbp3J4QTL2Iteaoo/TNCIpoae9nASicBFzec4o+YZqI34corcFH5EfhihDh97DWaXJONQQWSNGj3yKXACUlSXMLOBJwb7mNTVpVXOYwiOUQFmWe1e25A1pzm7TOpppNZOiLHkQcOS9jGRc+JjAfFXauGbPYilKNFxetEXtqF7HSZWMohQyvGtu33V8qeGZYK64NLUPgonXMHa1tdolJ1saI7mwjsnLe5l2ay8G6RIxba+TT8rDX+UmV2cAjNmnoh9ZiYeCLvQDP3CgPw76fadtxtvi37sB/gtIySB7Z5QAADRB7FgDCQHCZhz7TDr4PXQw55h7re3ACzyA+aZIvwt8EF59TOEbSh9h/G154lMN+YvTn86VSs45NYdrnAojRNxyWOQo83e0V4QrrgmWLRSneJnxTsyhwKcppqlkbY/DMM+32wwLfZ1h/icRLHgXweIU5jmOmw5CB8z+EkFqEniy+7eMWaI9PdQ7R9XJ+IeKVT+ZE9NzlOS0cCKuFFJQrT71GsufEcX8wMI3J2EPvwtc3ye/u9JUOJDhoXd5r/E4Hl4GTpXuzMvprofVMqT3EXoEAoKgbTS3I8F1QMBqG3cI/8ANEtw9EwAEYAJqf2HTF4Pvf8ABN7z/KXh8JIw2nKqnmnelrnhLd+VePaioX3t8HSjunQHF026itjM0UnqhvpdzHTi4C+GxNm0jJuRnPhto6R0EfgtuxaaDwWdp4PsyezUE2ucbSpKtuHrNFURriOQxkzUx2HxLdMReKdKuRiIC4ximD3JgjZNEqOmM+s28cM11ro79J5TukFDWeiNZHTwYIT0Efvve3PX+8Twd+O1wMyQ9WHpt5d2B5Qr+W96dsR0ELavb5niFAG2vEROBXrB5en19NkTy4UrNP375wcJBLPRaPiwrDnUW+p/FQr2+Y9h+yuRZeXsp2sbMNkBkAEcN8n0b49+V65Xys14vvOyGsl+DjWlGkWlq6Pg4FHxXu9lZQAeD2xGcRsFCR0kq4K714VqYNnvLNydXFwh4o5Xz2zPMbtG/W1G3f+T6yrbhPDTGrFrbsKOPK2PHDepXF32dTX9+/Sd6+DodWW8G12f0iseKOUVLilA+smKOwByTrF/3zqpr1NQFU43MN3jtnn0DqJCQooX4xJzrxtny11NvGo4UhtVLoWSe62nMK3+1aDyW23XLQdzTC4vnbkPSmvVSVZbMsdi+LEipEpSpKllFBSp0nPPlK94ZUH66w3uWOwFh7/PbAvx17g6/eLlnXvajXcJ4t/qts5he/WDszP4H&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <rect x="358" y="91" width="120" height="60" rx="9" ry="9" fill="#dae8fc" stroke="#6c8ebf"
              pointer-events="all"/>
        <g transform="translate(394.5,114.5)">
            <switch>
                <foreignObject style="overflow:visible;" pointer-events="all" width="45" height="11"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 45px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                        <div xmlns="http://www.w3.org/1999/xhtml"
                             style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                            Provider
                        </div>
                    </div>
                </foreignObject>
                <text x="23" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">
                    Provider
                </text>
            </switch>
        </g>
        <path d="M 135.5 391 L 135.5 161" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3"
              pointer-events="stroke"/>
        <rect x="75.5" y="91" width="120" height="60" rx="9" ry="9" fill="#e1d5e7" stroke="#9673a6"
              pointer-events="all"/>
        <g transform="translate(122.5,114.5)">
            <switch>
                <foreignObject style="overflow:visible;" pointer-events="all" width="24" height="11"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 26px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                        <div xmlns="http://www.w3.org/1999/xhtml"
                             style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                            Pact
                        </div>
                    </div>
                </foreignObject>
                <text x="12" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">Pact
                </text>
            </switch>
        </g>
        <path d="M 418 181 L 418 161" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3"
              pointer-events="stroke"/>
        <rect x="0.5" y="1" width="60" height="60" fill="#ffffff" stroke="#000000" stroke-width="2"
              pointer-events="all"/>
        <g transform="translate(1.5,17.5)">
            <switch>
                <foreignObject style="overflow:visible;" pointer-events="all" width="56" height="25"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 56px; white-space: nowrap; overflow-wrap: normal; text-align: center;">
                        <div xmlns="http://www.w3.org/1999/xhtml"
                             style="display:inline-block;text-align:inherit;text-decoration:inherit;background-color:#ffffff;white-space:normal;">
                            Pact File
                        </div>
                    </div>
                </foreignObject>
                <text x="28" y="19" fill="#000000" text-anchor="middle" font-size="12px" font-family="Courier New">Pact
                    File
                </text>
            </switch>
        </g>
        <path d="M 135.5 221 L 406.1 220.96" fill="none" stroke="#000000" stroke-miterlimit="10"
              pointer-events="stroke"/>
        <path d="M 411.35 220.96 L 404.35 224.46 L 406.1 220.96 L 404.35 217.46 Z" fill="#000000" stroke="#000000"
              stroke-miterlimit="10" pointer-events="all"/>
        <rect x="413" y="181" width="10" height="180" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <path d="M 418 391 L 418 361" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3"
              pointer-events="stroke"/>
        <path d="M 30.5 61 Q 30.5 117 67.27 118.4" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10"
              stroke-dasharray="6 6" pointer-events="stroke"/>
        <path d="M 73.27 118.63 L 65.12 122.32 L 67.27 118.4 L 65.42 114.33 Z" fill="#000000" stroke="#000000"
              stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="198" y="191" width="155" height="20" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(228.5,195.5)">
            <switch>
                <foreignObject style="overflow:visible;" pointer-events="all" width="93" height="11"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 94px; white-space: nowrap; overflow-wrap: normal; font-weight: bold; text-align: center;">
                        <div xmlns="http://www.w3.org/1999/xhtml"
                             style="display:inline-block;text-align:inherit;text-decoration:inherit;background-color:#ffffff;white-space:normal;">
                            GET /product/10
                        </div>
                    </div>
                </foreignObject>
                <text x="47" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica"
                      font-weight="bold">GET /product/10
                </text>
            </switch>
        </g>
        <path d="M 164 341 L 141.87 341" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 136.62 341 L 143.62 337.5 L 141.87 341 L 143.62 344.5 Z" fill="#000000" stroke="#000000"
              stroke-miterlimit="10" pointer-events="all"/>
        <rect x="193" y="261" width="165" height="20" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(237.5,265.5)">
            <switch>
                <foreignObject style="overflow:visible;" pointer-events="all" width="76" height="11"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 77px; white-space: nowrap; overflow-wrap: normal; font-weight: bold; text-align: center;">
                        <div xmlns="http://www.w3.org/1999/xhtml"
                             style="display:inline-block;text-align:inherit;text-decoration:inherit;background-color:#ffffff;white-space:normal;">
                            HTTP 200 OK
                        </div>
                    </div>
                </foreignObject>
                <text x="38" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica"
                      font-weight="bold">HTTP 200 OK
                </text>
            </switch>
        </g>
        <rect x="87.5" y="331" width="40" height="20" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(88.5,313.5)">
            <switch>
                <foreignObject style="overflow:visible;" pointer-events="all" width="37" height="55"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: inline-block; font-size: 48px; font-family: Helvetica; color: rgb(0, 204, 0); line-height: 1.2; vertical-align: top; width: 38px; white-space: nowrap; overflow-wrap: normal; font-weight: bold; text-align: center;">
                        <div xmlns="http://www.w3.org/1999/xhtml"
                             style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                            <font>✓</font>
                        </div>
                    </div>
                </foreignObject>
                <text x="19" y="52" fill="#00CC00" text-anchor="middle" font-size="48px" font-family="Helvetica"
                      font-weight="bold">[Not supported by viewer]
                </text>
            </switch>
        </g>
        <rect x="164" y="286" width="223" height="110" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(173.5,301.5)">
            <switch>
                <foreignObject style="overflow:visible;" pointer-events="all" width="187" height="78"
                               requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml"
                         style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 188px; white-space: nowrap; overflow-wrap: normal; text-align: left;">
                        <div xmlns="http://www.w3.org/1999/xhtml"
                             style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">
                            { <br/>    "id": "10",<br/>    "type": "CREDIT_CARD",<br/>    "name": "28 Degrees",<br/>   
                            "version": "v1"<br/>}
                        </div>
                    </div>
                </foreignObject>
                <text x="94" y="45" fill="#000000" text-anchor="middle" font-size="12px" font-family="Courier New">[Not
                    supported by viewer]
                </text>
            </switch>
        </g>
        <path d="M 412.99 340.94 L 387 340.95" fill="none" stroke="#000000" stroke-miterlimit="10"
              pointer-events="stroke"/>
    </g>
</svg>