templates/Doc/Diagram/orders-workflow.html.twig line 1

Open in your IDE?
  1. <svg style="left: 0px; top: 0px; width: 100%; height: 100%; display: block; min-width: 722px; min-height: 625px; background-image: none; background-color: transparent;">
  2.     <defs>
  3.         <filter id="dropShadow">
  4.             <feGaussianBlur in="SourceAlpha" stddeviation="1.7" result="blur"></feGaussianBlur>
  5.             <feOffset in="blur" dx="3" dy="3" result="offsetBlur"></feOffset>
  6.             <feFlood flood-color="#3D4574" flood-opacity="0.4" result="offsetColor"></feFlood>
  7.             <feComposite in="offsetColor" in2="offsetBlur" operator="in" result="offsetBlur"></feComposite>
  8.             <feBlend in="SourceGraphic" in2="offsetBlur"></feBlend>
  9.         </filter>
  10.     </defs>
  11.     <g transformorigin="0 0" transform="scale(1,1)translate(-72,-32)">
  12.         <g></g>
  13.         <g>
  14.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  15.                 <rect x="399" y="140" width="120" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"></rect>
  16.             </g>
  17.             <g style="">
  18.                 <g>
  19.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  20.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 160px; margin-left: 400px;">
  21.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  22.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Cart</div>
  23.                             </div>
  24.                         </div>
  25.                     </foreignObject>
  26.                 </g>
  27.             </g>
  28.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  29.                 <rect x="399" y="220" width="120" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"></rect>
  30.             </g>
  31.             <g style="">
  32.                 <g>
  33.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  34.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 240px; margin-left: 400px;">
  35.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  36.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">New order</div>
  37.                             </div>
  38.                         </div>
  39.                     </foreignObject>
  40.                 </g>
  41.             </g>
  42.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  43.                 <rect x="399" y="300" width="120" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"></rect>
  44.             </g>
  45.             <g style="">
  46.                 <g>
  47.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  48.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 320px; margin-left: 400px;">
  49.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  50.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Pending</div>
  51.                             </div>
  52.                         </div>
  53.                     </foreignObject>
  54.                 </g>
  55.             </g>
  56.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  57.                 <rect x="599" y="460" width="120" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"></rect>
  58.             </g>
  59.             <g style="">
  60.                 <g>
  61.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  62.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 480px; margin-left: 600px;">
  63.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  64.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Delayed</div>
  65.                             </div>
  66.                         </div>
  67.                     </foreignObject>
  68.                 </g>
  69.             </g>
  70.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  71.                 <rect x="110" y="300" width="120" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"></rect>
  72.             </g>
  73.             <g style="">
  74.                 <g>
  75.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  76.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 320px; margin-left: 111px;">
  77.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  78.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Rejected</div>
  79.                             </div>
  80.                         </div>
  81.                     </foreignObject>
  82.                 </g>
  83.             </g>
  84.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  85.                 <rect x="399" y="460" width="120" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"></rect>
  86.             </g>
  87.             <g style="">
  88.                 <g>
  89.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  90.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 480px; margin-left: 400px;">
  91.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  92.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Ready</div>
  93.                             </div>
  94.                         </div>
  95.                     </foreignObject>
  96.                 </g>
  97.             </g>
  98.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  99.                 <rect x="599" y="540" width="120" height="50" rx="7.5" ry="7.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"></rect>
  100.             </g>
  101.             <g style="">
  102.                 <g>
  103.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  104.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 565px; margin-left: 600px;">
  105.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  106.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Cancelled</div>
  107.                             </div>
  108.                         </div>
  109.                     </foreignObject>
  110.                 </g>
  111.             </g>
  112.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  113.                 <rect x="399" y="600" width="120" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"></rect>
  114.             </g>
  115.             <g style="">
  116.                 <g>
  117.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  118.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 620px; margin-left: 400px;">
  119.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  120.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Delivred</div>
  121.                             </div>
  122.                         </div>
  123.                     </foreignObject>
  124.                 </g>
  125.             </g>
  126.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  127.                 <rect x="399" y="380" width="120" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"></rect>
  128.             </g>
  129.             <g style="">
  130.                 <g>
  131.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  132.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 400px; margin-left: 400px;">
  133.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  134.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Accepted</div>
  135.                             </div>
  136.                         </div>
  137.                     </foreignObject>
  138.                 </g>
  139.             </g>
  140.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  141.                 <path d="M 459 260 L 459 293.63" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  142.                 <path d="M 459 260 L 459 293.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  143.                 <path d="M 459 298.88 L 455.5 291.88 L 459 293.63 L 462.5 291.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  144.             </g>
  145.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  146.                 <path d="M 459 340 L 459 373.63" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  147.                 <path d="M 459 340 L 459 373.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  148.                 <path d="M 459 378.88 L 455.5 371.88 L 459 373.63 L 462.5 371.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  149.             </g>
  150.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  151.                 <path d="M 458.5 420 L 458.5 453.63" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  152.                 <path d="M 458.5 420 L 458.5 453.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  153.                 <path d="M 458.5 458.88 L 455 451.88 L 458.5 453.63 L 462 451.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  154.             </g>
  155.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  156.                 <path d="M 458.5 500 L 458.89 593.63" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  157.                 <path d="M 458.5 500 L 458.89 593.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  158.                 <path d="M 458.91 598.88 L 455.38 591.9 L 458.89 593.63 L 462.38 591.87 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  159.             </g>
  160.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  161.                 <path d="M 399 320 L 300 320 L 236.37 320" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  162.                 <path d="M 399 320 L 300 320 L 236.37 320" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  163.                 <path d="M 231.12 320 L 238.12 316.5 L 236.37 320 L 238.12 323.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  164.             </g>
  165.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  166.                 <path d="M 519 400 L 659 400 L 658.55 453.63" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  167.                 <path d="M 519 400 L 659 400 L 658.55 453.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  168.                 <path d="M 658.51 458.88 L 655.07 451.85 L 658.55 453.63 L 662.07 451.91 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  169.             </g>
  170.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  171.                 <path d="M 669 460 L 669 440 L 739 440 L 739 480 L 725.37 480" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  172.                 <path d="M 669 460 L 669 440 L 739 440 L 739 480 L 725.37 480" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  173.                 <path d="M 720.12 480 L 727.12 476.5 L 725.37 480 L 727.12 483.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  174.             </g>
  175.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  176.                 <path d="M 599 480 L 525.37 480" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  177.                 <path d="M 599 480 L 525.37 480" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  178.                 <path d="M 520.12 480 L 527.12 476.5 L 525.37 480 L 527.12 483.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  179.             </g>
  180.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  181.                 <path d="M 519 240 L 769 240 L 769 420 L 769 580 L 725.37 580" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  182.                 <path d="M 519 240 L 769 240 L 769 420 L 769 580 L 725.37 580" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  183.                 <path d="M 720.12 580 L 727.12 576.5 L 725.37 580 L 727.12 583.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  184.             </g>
  185.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  186.                 <path d="M 519 390 L 659 390 L 749 390 L 749 560 L 725.37 560" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  187.                 <path d="M 519 390 L 659 390 L 749 390 L 749 560 L 725.37 560" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  188.                 <path d="M 720.12 560 L 727.12 556.5 L 725.37 560 L 727.12 563.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  189.             </g>
  190.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  191.                 <path d="M 519 320 L 659 320 L 759 320 L 759 400 L 759 570 L 725.37 570" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  192.                 <path d="M 519 320 L 659 320 L 759 320 L 759 400 L 759 570 L 725.37 570" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  193.                 <path d="M 720.12 570 L 727.12 566.5 L 725.37 570 L 727.12 573.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  194.             </g>
  195.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  196.                 <path d="M 719 490 L 739 490 L 739 550 L 725.01 550.21" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  197.                 <path d="M 719 490 L 739 490 L 739 550 L 725.01 550.21" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  198.                 <path d="M 719.76 550.28 L 726.71 546.68 L 725.01 550.21 L 726.81 553.68 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  199.             </g>
  200.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  201.                 <path d="M 468.48 499.68 L 468 520 L 659 520 L 659 533.63" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  202.                 <path d="M 468.48 499.68 L 468 520 L 659 520 L 659 533.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  203.                 <path d="M 659 538.88 L 655.5 531.88 L 659 533.63 L 662.5 531.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  204.             </g>
  205.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  206.                 <path d="M 459 180 L 459 213.63" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  207.                 <path d="M 459 180 L 459 213.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  208.                 <path d="M 459 218.88 L 455.5 211.88 L 459 213.63 L 462.5 211.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  209.             </g>
  210.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  211.                 <path d="M 459 90 L 459 133.63" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  212.                 <path d="M 459 90 L 459 133.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  213.                 <path d="M 459 138.88 L 455.5 131.88 L 459 133.63 L 462.5 131.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  214.             </g>
  215.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  216.                 <rect x="110" y="380" width="120" height="40" rx="8.4" ry="8.4" fill="#1ba1e2" stroke="#006eaf" pointer-events="all"></rect>
  217.             </g>
  218.             <g style="">
  219.                 <g>
  220.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  221.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 400px; margin-left: 111px;">
  222.                             <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  223.                                 <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;">SMS</div>
  224.                             </div>
  225.                         </div>
  226.                     </foreignObject>
  227.                 </g>
  228.             </g>
  229.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  230.                 <rect x="110" y="445" width="120" height="40" rx="6" ry="6" fill="#fa6800" stroke="#c73500" pointer-events="all"></rect>
  231.             </g>
  232.             <g style="">
  233.                 <g>
  234.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  235.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 465px; margin-left: 111px;">
  236.                             <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  237.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Email</div>
  238.                             </div>
  239.                         </div>
  240.                     </foreignObject>
  241.                 </g>
  242.             </g>
  243.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  244.                 <rect x="110" y="510" width="120" height="40" rx="6" ry="6" fill="#f0a30a" stroke="#bd7000" pointer-events="all"></rect>
  245.             </g>
  246.             <g style="">
  247.                 <g>
  248.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  249.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 530px; margin-left: 111px;">
  250.                             <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  251.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Notification webhook</div>
  252.                             </div>
  253.                         </div>
  254.                     </foreignObject>
  255.                 </g>
  256.             </g>
  257.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  258.                 <path d="M 170 380 L 170 340" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  259.                 <path d="M 170 380 L 170 340" fill="none" stroke="#006eaf" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"></path>
  260.             </g>
  261.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  262.                 <path d="M 230 410 L 270 410 L 270 565 L 599 565" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  263.                 <path d="M 230 410 L 270 410 L 270 565 L 599 565" fill="none" stroke="#006eaf" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"></path>
  264.             </g>
  265.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  266.                 <path d="M 230 400 L 280 400 L 280 480 L 399 480" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  267.                 <path d="M 230 400 L 280 400 L 280 480 L 399 480" fill="none" stroke="#006eaf" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"></path>
  268.             </g>
  269.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  270.                 <path d="M 230 390 L 290 390 L 290 430 L 650 430 L 650 460" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  271.                 <path d="M 230 390 L 290 390 L 290 430 L 650 430 L 650 460" fill="none" stroke="#006eaf" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"></path>
  272.             </g>
  273.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  274.                 <path d="M 399 330 L 240 330 L 240 465 L 230 465" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  275.                 <path d="M 399 330 L 240 330 L 240 465 L 230 465" fill="none" stroke="#c73500" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"></path>
  276.             </g>
  277.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  278.                 <path d="M 230 530 L 260 530 L 380 530 L 380 400 L 399 400" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  279.                 <path d="M 230 530 L 260 530 L 380 530 L 380 400 L 399 400" fill="none" stroke="#b09500" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"></path>
  280.             </g>
  281.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  282.                 <path d="M 230 540 L 270 540 L 390 540 L 390 490 L 399 490" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  283.                 <path d="M 230 540 L 270 540 L 390 540 L 390 490 L 399 490" fill="none" stroke="#b09500" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"></path>
  284.             </g>
  285.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  286.                 <path d="M 110 530 L 100 530 L 100 350 L 160 350 L 158.84 339.56" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  287.                 <path d="M 110 530 L 100 530 L 100 350 L 160 350 L 158.84 339.56" fill="none" stroke="#b09500" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"></path>
  288.             </g>
  289.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  290.                 <path d="M 150 550 L 150 560 L 150 580 L 260 580 L 380 580 L 380 620 L 399 620" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  291.                 <path d="M 150 550 L 150 560 L 150 580 L 260 580 L 380 580 L 380 620 L 399 620" fill="none" stroke="#b09500" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"></path>
  292.             </g>
  293.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  294.                 <path d="M 159.56 553 L 160 570 L 599.96 573.5" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  295.                 <path d="M 159.56 553 L 160 570 L 599.96 573.5" fill="none" stroke="#b09500" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"></path>
  296.             </g>
  297.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  298.                 <path d="M 230 520 L 370 520 L 370 440 L 641 440 L 641.48 458.52" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  299.                 <path d="M 230 520 L 370 520 L 370 440 L 641 440 L 641.48 458.52" fill="none" stroke="#b09500" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"></path>
  300.             </g>
  301.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  302.                 <path d="M 170 510 L 170 500 L 360 500 L 360 360 L 450 360 L 449.64 340.4" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  303.                 <path d="M 170 510 L 170 500 L 360 500 L 360 360 L 450 360 L 449.64 340.4" fill="none" stroke="#b09500" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"></path>
  304.             </g>
  305.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  306.                 <path d="M 110 540 L 90 540 L 90 520 L 90 240 L 399 240" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  307.                 <path d="M 110 540 L 90 540 L 90 520 L 90 240 L 399 240" fill="none" stroke="#b09500" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"></path>
  308.             </g>
  309.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  310.                 <ellipse cx="512" cy="333" rx="5" ry="5" fill="#fa6800" stroke="#c73500" pointer-events="all"></ellipse>
  311.             </g>
  312.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  313.                 <ellipse cx="512" cy="320" rx="5" ry="5" fill="#e3c800" stroke="#b09500" pointer-events="all"></ellipse>
  314.             </g>
  315.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  316.                 <ellipse cx="512" cy="240" rx="5" ry="5" fill="#e3c800" stroke="#b09500" pointer-events="all"></ellipse>
  317.             </g>
  318.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  319.                 <ellipse cx="712" cy="480" rx="5" ry="5" fill="#e3c800" stroke="#b09500" pointer-events="all"></ellipse>
  320.             </g>
  321.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  322.                 <ellipse cx="712" cy="467" rx="5" ry="5" fill="#1ba1e2" stroke="#006eaf" pointer-events="all"></ellipse>
  323.             </g>
  324.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  325.                 <ellipse cx="512" cy="467" rx="5" ry="5" fill="#1ba1e2" stroke="#006eaf" pointer-events="all"></ellipse>
  326.             </g>
  327.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  328.                 <ellipse cx="512" cy="480" rx="5" ry="5" fill="#e3c800" stroke="#b09500" pointer-events="all"></ellipse>
  329.             </g>
  330.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  331.                 <ellipse cx="712" cy="548" rx="5" ry="5" fill="#1ba1e2" stroke="#006eaf" pointer-events="all"></ellipse>
  332.             </g>
  333.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  334.                 <ellipse cx="712" cy="565" rx="5" ry="5" fill="#e3c800" stroke="#b09500" pointer-events="all"></ellipse>
  335.             </g>
  336.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  337.                 <ellipse cx="512" cy="620" rx="5" ry="5" fill="#e3c800" stroke="#b09500" pointer-events="all"></ellipse>
  338.             </g>
  339.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  340.                 <ellipse cx="223" cy="320" rx="5" ry="5" fill="#e3c800" stroke="#b09500" pointer-events="all"></ellipse>
  341.             </g>
  342.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  343.                 <ellipse cx="223" cy="307" rx="5" ry="5" fill="#1ba1e2" stroke="#006eaf" pointer-events="all"></ellipse>
  344.             </g>
  345.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  346.                 <ellipse cx="512" cy="400" rx="5" ry="5" fill="#e3c800" stroke="#b09500" pointer-events="all"></ellipse>
  347.             </g>
  348.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  349.                 <rect x="110" y="580" width="120" height="40" rx="6" ry="6" fill="#008a00" stroke="#005700" pointer-events="all"></rect>
  350.             </g>
  351.             <g style="">
  352.                 <g>
  353.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  354.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 600px; margin-left: 111px;">
  355.                             <div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  356.                                 <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;">Starcloud</div>
  357.                             </div>
  358.                         </div>
  359.                     </foreignObject>
  360.                 </g>
  361.             </g>
  362.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  363.                 <path d="M 459 190 L 459.5 211 L 459.35 213.64" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  364.                 <path d="M 459 190 L 459.5 211 L 459.35 213.64" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  365.                 <path d="M 459.06 218.88 L 455.96 211.7 L 459.35 213.64 L 462.94 212.09 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  366.             </g>
  367.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  368.                 <path d="M 110 600 L 80 600 L 80 290 L 380 290 L 380 310 L 399 310" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  369.                 <path d="M 110 600 L 80 600 L 80 290 L 380 290 L 380 310 L 399 310" fill="none" stroke="#005700" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"></path>
  370.             </g>
  371.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  372.                 <ellipse cx="512" cy="307" rx="5" ry="5" fill="#008a00" stroke="#005700" pointer-events="all"></ellipse>
  373.             </g>
  374.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  375.                 <ellipse cx="459" cy="65" rx="25" ry="25" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"></ellipse>
  376.             </g>
  377.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  378.                 <rect x="440" y="50" width="47" height="30" fill="none" stroke="white" pointer-events="stroke" visibility="hidden" stroke-width="9"></rect>
  379.                 <rect x="440" y="50" width="47" height="30" fill="none" stroke="none" pointer-events="all"></rect>
  380.             </g>
  381.             <g style="">
  382.                 <g>
  383.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  384.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 37px; height: 1px; padding-top: 65px; margin-left: 446px;">
  385.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 26px; overflow: hidden;">
  386.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Shop</div>
  387.                             </div>
  388.                         </div>
  389.                     </foreignObject>
  390.                 </g>
  391.             </g>
  392.         </g>
  393.         <g></g>
  394.         <g></g>
  395.     </g>
  396. </svg>