guides/messaging/assets/composite1.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="442px" height="233px" viewBox="-0.5 -0.5 442 233" content="&lt;mxfile&gt;&lt;diagram id=&quot;QQJxv4aCTC7ZgE7HHOvM&quot; name=&quot;Page-1&quot;&gt;7Vrfc9o4EP5rmDzhsSRblh+BJM3NtL3O5eHaR8cWoMZYnCwI9K+/lS1jGxN+NAlNZoAZ0K7klaz99tuVoUdGs9UnFc2nX2TC0x52k1WPXPcwRjjE8GU0a6shmJaaiRKJ1dWKe/GLW6VrtQuR8Lw1UEuZajFvK2OZZTzWLV2klHxqDxvLtD3rPJrYGd1acR9HKe8M+1ckelpqGQ5q/R0Xk2k1M6Jh2TOLqsHWcD6NEvnUUJGbHhkpKXXZmq1GPDW7V+1Led3tM72bhSme6WMuYPaKZZQu7M2N5GwmM9B94XluNgK7w0Vul6vX1R7AyuemGa9TkSVckR4ZPk2F5vfzKDYdT+B80E31LAUJQfNBLmBk8vlho4jix4ky2r8XGsxwq89LjzMnYH6APFx+YtPzyHVsttAFQUkdaQFrJdehkXOt5OPGI2b4kistwG+DVEzMsJlIEnMDw6lU4pfMdJRaW2MQbqOZSA0mrwZLngkFN/yVr/RVD4+gefVXprkq9kq1VFa44+mSm9lKcaAEGC+aeZTl/ZwrMbYTWUQjUsl2W4uFiDQdyVSqYpvJ2Dfvzc01erxr87YWGvryBfouFipnw67wVUNlsfGJyxnXag1DbG8fhYHjYbd+2dC1kdv3fAvkpzoOYPJCNW2EgOcSx2c2Am30TTbT1QCFhsXoM3jFHbx2kMkTCFYrZtKAaiiVnsqJzKL0s5Rzi7KfXOu1dUW00LIN1rMBgmfJwHCSiaU0ynMRl8pbkVZr6QJblaFkMdOKikMA6wCJ4QdC6R4gbUEy8TlLvH0Ay+VCxdYbzKLBeGUv5BRPIZqXbYrdhRV76TcpYNoaqoSEDvFqpCK/DVVMMfBJ26yO1IRra2kLhZulHQdM0gHmP3wpOKQaTFNtyE61YEr/WxiSLza9XxLeAAYgMl8VW1v1Q2tivu+5WgrY1G2010hAhxm4A5SzILwL35MxehayI2EbQS5pI4hQskFQg+9QlcybhEfdVyA7r4OpoZSPuZbqgoM3xAEm7wwH/m8lvXihlhtAfPgMGKkKKXQnlPhK6O/Q7ruO63lW8cPgyKHEitcri6tCWDeEb7AU8AtXlS4DH30vrsZ+Jf+wiymE2lYhVcbedSquzkpF1mtzzFunZ+S6TugjSMKI+CEUiVuFJCHYqXBeWS3X3snOO2wjh/ph/Qq2Mr8fdmw/k/kBh9G6MWxuBuR7qg6M9nMFVKwVV9TRXs7y26UG7dDBPVzj3Q2+Di5p4S3TAnMoa7iatl2NQnzetBBc0sLBtPAyPn5gvjnhHs3HYxbzOD6aj+kOPkZnOi6hgDkBpn5APcZClyL2eoRcGN8XKniH8Vc8i7FOYIwWUDXPeiYUX+U0drPSPMvNs6cL4b4Z4QbvrAwPL3z7kjLcDcOT6/CX0XdCH6h/Qjk9Ho/xCfS9q5xm56JveqDudLtPu46mb4IPGMdA316j4PbeispD9xJzh2Nuc1htnlRdhwSb3mdOq4X0oWLO+5MlE4aqJmjAfvsJs+85AfI6/aeXTy7bH3/UO/ZR9skHWuQfiP3w1Q+0YfdHyEuQf6iDzB98sNRHjDgUoQCHDBPfo96OoHS7QXt6UDJvfzlaZNzG708vjM/jsyaI9T8GyuH1Hy/Izf8=&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <path d="M 202.58 -77.21 C 202.58 -82.07 209.97 -86 219.08 -86 C 223.46 -86 227.65 -85.07 230.75 -83.43 C 233.84 -81.78 235.58 -79.54 235.58 -77.21 L 235.58 308.79 C 235.58 311.12 233.84 313.36 230.75 315.01 C 227.65 316.65 223.46 317.58 219.08 317.58 C 214.7 317.58 210.51 316.65 207.41 315.01 C 204.32 313.36 202.58 311.12 202.58 308.79 Z" fill="#f5f5f5" stroke="#4d4d4d" stroke-width="2" stroke-miterlimit="10" transform="rotate(90,219.08,115.79)" pointer-events="all"/>
        <path d="M 235.58 -77.21 C 235.58 -74.88 233.84 -72.65 230.75 -71 C 227.65 -69.35 223.46 -68.43 219.08 -68.43 C 214.7 -68.43 210.51 -69.35 207.41 -71 C 204.32 -72.65 202.58 -74.88 202.58 -77.21" fill="none" stroke="#4d4d4d" stroke-width="2" stroke-miterlimit="10" transform="rotate(90,219.08,115.79)" 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: 381px; height: 1px; padding-top: 116px; margin-left: 21px;">
                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 13px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, Helvetica, Arial, sans-serif; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Common Message Bus
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="212" y="120" fill="#333333" font-family="'Avenir Next', 'Inter var', 'Inter', Helvetica, Arial, sans-serif" font-size="13px" text-anchor="middle">
                    Common Message Bus
                </text>
            </switch>
        </g>
        <path d="M 60.66 60.22 L 60.66 92.98" fill="none" stroke="#82b366" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 60.66 98.98 L 56.66 90.98 L 60.66 92.98 L 64.66 90.98 Z" fill="#82b366" stroke="#82b366" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="0.66" y="0.22" width="120" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="#4d4d4d" stroke-width="2" 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: 118px; height: 1px; padding-top: 30px; margin-left: 2px;">
                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 13px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, Helvetica, Arial, sans-serif; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Reviews
                                <br style="font-size: 13px;"/>
                                Service
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="61" y="34" fill="#333333" font-family="'Avenir Next', 'Inter var', 'Inter', Helvetica, Arial, sans-serif" font-size="13px" text-anchor="middle">
                    Reviews...
                </text>
            </switch>
        </g>
        <rect x="160.66" y="0.22" width="120" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="#4d4d4d" stroke-width="2" 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: 118px; height: 1px; padding-top: 30px; margin-left: 162px;">
                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 13px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, Helvetica, Arial, sans-serif; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Bookstore
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="221" y="34" fill="#333333" font-family="'Avenir Next', 'Inter var', 'Inter', Helvetica, Arial, sans-serif" font-size="13px" text-anchor="middle">
                    Bookstore
                </text>
            </switch>
        </g>
        <path d="M 166.61 97.84 Q 180.66 81.22 187.12 67.66" fill="none" stroke="#82b366" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 189.7 62.24 L 189.87 71.18 L 187.12 67.66 L 182.65 67.74 Z" fill="#82b366" stroke="#82b366" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="161.32" y="171.22" width="120" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="#4d4d4d" stroke-width="2" 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: 118px; height: 1px; padding-top: 201px; margin-left: 162px;">
                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 13px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, Helvetica, Arial, sans-serif; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                S/4HANA
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="221" y="205" fill="#333333" font-family="'Avenir Next', 'Inter var', 'Inter', Helvetica, Arial, sans-serif" font-size="13px" text-anchor="middle">
                    S/4HANA
                </text>
            </switch>
        </g>
        <path d="M 220.53 171.22 Q 220.53 171.22 219.73 140.52" fill="none" stroke="#b85450" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 219.57 134.53 L 223.78 142.42 L 219.73 140.52 L 215.78 142.63 Z" fill="#b85450" stroke="#b85450" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="320.66" y="0.22" width="120" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="#4d4d4d" stroke-width="2" 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: 118px; height: 1px; padding-top: 30px; margin-left: 322px;">
                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 13px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, Helvetica, Arial, sans-serif; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Custom
                                <br style="font-size: 13px;"/>
                                Extension
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="381" y="34" fill="#333333" font-family="'Avenir Next', 'Inter var', 'Inter', Helvetica, Arial, sans-serif" font-size="13px" text-anchor="middle">
                    Custom...
                </text>
            </switch>
        </g>
        <path d="M 380.92 97.84 Q 380.92 97.84 380.8 68.46" fill="none" stroke="#d6b656" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 380.78 62.46 L 384.81 70.44 L 380.8 68.46 L 376.81 70.47 Z" fill="#d6b656" stroke="#d6b656" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 235.29 60.22 Q 240.66 71.22 264.72 93.67" fill="none" stroke="#d6b656" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 269.1 97.76 L 260.53 95.23 L 264.72 93.67 L 265.98 89.38 Z" fill="#d6b656" stroke="#d6b656" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 219.38 99.29 Q 219.38 99.29 219.95 68.45" fill="none" stroke="#b85450" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 220.06 62.46 L 223.92 70.53 L 219.95 68.45 L 215.92 70.38 Z" fill="#b85450" stroke="#b85450" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
    </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>