guides/messaging/assets/composite3.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="443px" height="303px" viewBox="-0.5 -0.5 443 303" content="&lt;mxfile&gt;&lt;diagram id=&quot;QQJxv4aCTC7ZgE7HHOvM&quot; name=&quot;Page-1&quot;&gt;7Vttc9o4EP41mX6KRy+WZH1MaNPeTK/XuXy49qNjC/DFWIwsCPTX3xrLYCNCCQGSXCAzibV6tfbZZ1dackF7o9lnE4+Hf+pU5RcEpbML+vGCEEwkgT+VZF5LJOG1YGCy1DVaCW6zX8oJkZNOslSVnYZW69xm464w0UWhEtuRxcboh26zvs67s47jgZsRrQS3SZwrr9k/WWqHtTQiYiX/orLBsJkZc1nXjOKmsRu4HMapfmiJ6KcL2jNa2/ppNOupvNq8Zl/qfjeP1C4XZlRhd+kQunVM43ziXs4tzM6bt1UpvLwrFrqAP9fa2KEe6CLOv2o9BjkG4b/K2rlTVjyxGkRDO8pdbV8X9iYeZXml8w9XU1VkBub5pmb2wwXpweOHPwqrzGIxpiNyhS8qnyqbJXFdvDJZnNePZVyUl6UyWR8mUkV6VekYpknyuCyzpBbeZHmzltIafb9UHWz6tdGTIlXVpqBqrdC0p3NtFhtAU6aiNFz2a9VE5I5yXtXcK5sMm+7wqq1G9QfkvnKcvko9MYnb7bABdGwGyjULWS2rNNHq6FT6WemRsmYODYzKY5tNuzCNHdoHy3bLrt91BkshyFnmJaUyQK6bs00cyUC2PkJ0R63X6QZaIQ0eWitbiRb4ewSL2MPi32qaKbBWwnPYius7QAcfVE+3ykwz2LJ1rK70WOn5YZhZdTuOF3v7AFzUhaSntJPg0wefB6vwY/WzD5Kmylg124qRpa5lpWu0+rCO3iPHDA8rgsMNaw1b5MbR4yjrgGGb5omn+d4wBu6uGl17SgbSHFePyTzPQNuG/l7VdzUuvt4tBXFyP1ig5a+JhWFUg4mav6JAREzgkNS/yTpajLZgaLqAotzAGP0oUUmySbV3EQsZ2giDSneAnvwqzwbVwKMsTatXvh5qk/0CJMT5qbF6CJxhGQaMtnBGOzgDpx6wsEUwzMMdpT7sMD4E7qiHu1voE365+nZ1ppb9VU6oCLh8lFooQYGMTkgv4V5BTjIx06W+33zEExvrVso3ImUPBjtczENPFN9gIQJBORM8jCKJOBZrsQ4As+0So+4M9Zq9WGfzPFsMgKzNs/YiBwyp2BbH6lPc63esu4Ti78WxUhYGURdYOPSjtuN5T74FXL03CK5+v082c17K7zh7X+CqsOUz4YvgTJzd95Pd9w5QPpz7dkTQubKITuPSMQNXKrvela6Bbme3TaKAtkCPKfeOKpS364/mtyOfWiel1SP/JuTTzKqirEjtfGDZm+1EV/GIdPQO0VqrDmF8wqOLPHPfq+Y+RjZwHz/hcQZIKkRCcC4lot3jDLjpAPHW1Uq473GGiyBCkkomJReA7O4VDqXVeb5lPexYvMj2S1e8b3M46Ul+gzk0JnL87MXCfz8JmruHBpiDqWHGKIXxWPREUzugCfhZkl1M4M2j/hVn7NiLYt7P2LG9418YbEschCXYl5AUTtcSRxjxo2Gc+OGvHo11CSGsB/Y3cK/Aqp+9gtt3c99QZYlo+GiWCNMwkKRVLbwYfOP9A8EBkc8Pw5mfKLrW+h5OZOacgz5eouiUOWh2ThI9ObTcwc2qWWZ/gOyyOkMTJ/hZ4T2IcNPg48wZwKIwbxW+w+pBlco0sgLU+mPRnYZNuRoOw/C8EazGW5Tm7dL6iMc9CrITZbYwIgFHmHBgSiaBDLvsiSEKbqfg1zz3rgECRjSgyM/VL9NndOs0jwQIAMt43mo2rhqUW2IeLLeyBuZhIET7K0trPFBPuHdw4ufUzkTx/CuZlmUjLNumjQIs5AubNn3BEB8TESDi4bn9BT3EmWcNT7/lQXyrWYm1QOpg5sy2m7M78R7Mfv205dl+n3+H1Dj65rm2XPYcD886Dv43DPD/8OOXcK4OJMeCyIhQFvLmQq1t7KKVi9jTk8M8ZKvRhWtLf7Kx7378h+LqC+9189W/DdBP/wE=&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <path d="M 61.22 61 L 61.46 91.26" fill="none" stroke="#82b366" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 61.5 97.26 L 57.44 89.3 L 61.46 91.26 L 65.44 89.23 Z" fill="#82b366" stroke="#82b366" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="0.99" y="1" 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: 31px; 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: 12px; 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/>
                                Service
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="61" y="35" fill="#333333" font-family="'Avenir Next', 'Inter var', 'Inter', Helvetica, Arial, sans-serif" font-size="12px" text-anchor="middle">
                    Reviews...
                </text>
            </switch>
        </g>
        <path d="M 205.47 140.34 C 205.47 135.48 212.86 131.55 221.97 131.55 C 226.35 131.55 230.54 132.48 233.64 134.12 C 236.73 135.77 238.47 138.01 238.47 140.34 L 238.47 232.76 C 238.47 235.09 236.73 237.33 233.64 238.98 C 230.54 240.62 226.35 241.55 221.97 241.55 C 217.59 241.55 213.4 240.62 210.3 238.98 C 207.21 237.33 205.47 235.09 205.47 232.76 Z" fill="#f8cecc" stroke="#b85450" stroke-width="2" stroke-miterlimit="10" transform="rotate(90,221.97,186.55)" pointer-events="all"/>
        <path d="M 238.47 140.34 C 238.47 142.67 236.73 144.9 233.64 146.55 C 230.54 148.2 226.35 149.12 221.97 149.12 C 217.59 149.12 213.4 148.2 210.3 146.55 C 207.21 144.9 205.47 142.67 205.47 140.34" fill="none" stroke="#b85450" stroke-width="2" stroke-miterlimit="10" transform="rotate(90,221.97,186.55)" 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: 87px; height: 1px; padding-top: 187px; margin-left: 171px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Channel B
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="214" y="190" fill="rgb(0, 0, 0)" font-family="'Avenir Next', 'Inter var', 'Inter', Helvetica, Arial, sans-serif" font-size="12px" text-anchor="middle">
                    Channel B
                </text>
            </switch>
        </g>
        <rect x="162.31" y="241.98" 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: 272px; margin-left: 163px;">
                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; 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="222" y="276" fill="#333333" font-family="'Avenir Next', 'Inter var', 'Inter', Helvetica, Arial, sans-serif" font-size="12px" text-anchor="middle">
                    S/4HANA
                </text>
            </switch>
        </g>
        <path d="M 222.31 241.98 Q 222.31 241.98 222.31 210.15" fill="none" stroke="#b85450" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 222.31 204.15 L 226.31 212.15 L 222.31 210.15 L 218.31 212.15 Z" fill="#b85450" stroke="#b85450" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 45.15 69.79 C 45.15 64.93 52.54 61 61.65 61 C 66.03 61 70.22 61.93 73.32 63.57 C 76.41 65.22 78.15 67.46 78.15 69.79 L 78.15 162.21 C 78.15 164.54 76.41 166.78 73.32 168.43 C 70.22 170.07 66.03 171 61.65 171 C 57.27 171 53.08 170.07 49.98 168.43 C 46.89 166.78 45.15 164.54 45.15 162.21 Z" fill="#d5e8d4" stroke="#82b366" stroke-width="2" stroke-miterlimit="10" transform="rotate(90,61.65,116)" pointer-events="all"/>
        <path d="M 78.15 69.79 C 78.15 72.12 76.41 74.35 73.32 76 C 70.22 77.65 66.03 78.57 61.65 78.57 C 57.27 78.57 53.08 77.65 49.98 76 C 46.89 74.35 45.15 72.12 45.15 69.79" fill="none" stroke="#82b366" stroke-width="2" stroke-miterlimit="10" transform="rotate(90,61.65,116)" 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: 87px; height: 1px; padding-top: 116px; margin-left: 11px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Channel A
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="54" y="120" fill="rgb(0, 0, 0)" font-family="'Avenir Next', 'Inter var', 'Inter', Helvetica, Arial, sans-serif" font-size="12px" text-anchor="middle">
                    Channel A
                </text>
            </switch>
        </g>
        <path d="M 365.15 69.79 C 365.15 64.93 372.54 61 381.65 61 C 386.03 61 390.22 61.93 393.32 63.57 C 396.41 65.22 398.15 67.46 398.15 69.79 L 398.15 162.21 C 398.15 164.54 396.41 166.78 393.32 168.43 C 390.22 170.07 386.03 171 381.65 171 C 377.27 171 373.08 170.07 369.98 168.43 C 366.89 166.78 365.15 164.54 365.15 162.21 Z" fill="#fff2cc" stroke="#d6b656" stroke-width="2" stroke-miterlimit="10" transform="rotate(90,381.65,116)" pointer-events="all"/>
        <path d="M 398.15 69.79 C 398.15 72.12 396.41 74.35 393.32 76 C 390.22 77.65 386.03 78.57 381.65 78.57 C 377.27 78.57 373.08 77.65 369.98 76 C 366.89 74.35 365.15 72.12 365.15 69.79" fill="none" stroke="#d6b656" stroke-width="2" stroke-miterlimit="10" transform="rotate(90,381.65,116)" 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: 87px; height: 1px; padding-top: 116px; margin-left: 331px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: &quot;Avenir Next&quot;, &quot;Inter var&quot;, Inter, Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Channel C
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="374" y="120" fill="rgb(0, 0, 0)" font-family="'Avenir Next', 'Inter var', 'Inter', Helvetica, Arial, sans-serif" font-size="12px" text-anchor="middle">
                    Channel C
                </text>
            </switch>
        </g>
        <path d="M 381.65 99.5 Q 381.65 99.5 381.65 69.24" fill="none" stroke="#d6b656" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 381.65 63.24 L 385.65 71.24 L 381.65 69.24 L 377.65 71.24 Z" fill="#d6b656" stroke="#d6b656" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="321.65" y="1" 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: 31px; margin-left: 323px;">
                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; 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/>
                                Extension
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="382" y="35" fill="#333333" font-family="'Avenir Next', 'Inter var', 'Inter', Helvetica, Arial, sans-serif" font-size="12px" text-anchor="middle">
                    Custom...
                </text>
            </switch>
        </g>
        <path d="M 282.8 116.35 Q 282.8 116.35 318.41 116.22" fill="none" stroke="#d6b656" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 324.41 116.2 L 316.43 120.23 L 318.41 116.22 L 316.4 112.23 Z" fill="#d6b656" stroke="#d6b656" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 222.01 170.05 Q 222.01 170.05 222.09 141.3" fill="none" stroke="#b85450" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 222.11 135.3 L 226.09 143.31 L 222.09 141.3 L 218.09 143.29 Z" fill="#b85450" stroke="#b85450" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 116.65 116.19 L 153.28 116.32" fill="none" stroke="#82b366" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 159.28 116.34 L 151.26 120.32 L 153.28 116.32 L 151.29 112.32 Z" fill="#82b366" stroke="#82b366" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 205.66 64.71 C 205.66 59.85 213.05 55.92 222.16 55.92 C 226.54 55.92 230.73 56.85 233.83 58.49 C 236.92 60.14 238.66 62.38 238.66 64.71 L 238.66 168.42 C 238.66 170.75 236.92 172.99 233.83 174.64 C 230.73 176.28 226.54 177.21 222.16 177.21 C 217.78 177.21 213.59 176.28 210.49 174.64 C 207.4 172.99 205.66 170.75 205.66 168.42 Z" fill="#f5f5f5" stroke="#4d4d4d" stroke-width="2" stroke-miterlimit="10" transform="rotate(90,222.16,116.57)" pointer-events="all"/>
        <path d="M 238.66 64.71 C 238.66 67.04 236.92 69.27 233.83 70.92 C 230.73 72.57 226.54 73.49 222.16 73.49 C 217.78 73.49 213.59 72.57 210.49 70.92 C 207.4 69.27 205.66 67.04 205.66 64.71" fill="none" stroke="#4d4d4d" stroke-width="2" stroke-miterlimit="10" transform="rotate(90,222.16,116.57)" 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: 98px; height: 1px; padding-top: 117px; margin-left: 166px;">
                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; 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;">
                                Composite
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="215" y="120" fill="#333333" font-family="'Avenir Next', 'Inter var', 'Inter', Helvetica, Arial, sans-serif" font-size="12px" text-anchor="middle">
                    Composite
                </text>
            </switch>
        </g>
        <rect x="162.31" y="1" 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: 31px; margin-left: 163px;">
                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; 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="222" y="35" fill="#333333" font-family="'Avenir Next', 'Inter var', 'Inter', Helvetica, Arial, sans-serif" font-size="12px" text-anchor="middle">
                    Bookstore
                </text>
            </switch>
        </g>
        <path d="M 183.83 100 Q 202.31 85.78 202.84 69.59" fill="none" stroke="#82b366" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 203.04 63.59 L 206.77 71.72 L 202.84 69.59 L 198.78 71.46 Z" fill="#82b366" stroke="#82b366" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 236.94 61 Q 242.31 72 256.58 93.8" fill="none" stroke="#d6b656" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 259.87 98.82 L 252.14 94.32 L 256.58 93.8 L 258.83 89.94 Z" fill="#d6b656" stroke="#d6b656" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 222.16 100.07 Q 222.16 100.07 222.28 69.24" fill="none" stroke="#b85450" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 222.3 63.24 L 226.27 71.25 L 222.28 69.24 L 218.27 71.22 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>