docs/replica_open_link.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="691px" height="766px" viewBox="-0.5 -0.5 691 766" content="&lt;mxfile&gt;&lt;diagram id=&quot;tb8H2MvZ3lUxXs8tajMu&quot; name=&quot;Page-1&quot;&gt;1ZhfU9swDMA/TY/tgV7+0z5CgcHduHKjbM8mEYmvjp05LgU+/WTHaRISbhyUdnuAJLJiW9JPstKRP8sfv0lSZFciATbynORx5J+OPM8NjqZ40ZInK3H8sJKkkiZW1ghu6DPUila6ogmUHUUlBFO06ApjwTnEqiMjUop1V+1esO6qBUmhJ7iJCetLf9FEZZV0EjqN/AJomtUru44dyUmtbAVlRhKxbon8s5E/k0Ko6i5/nAHT3qv9Ur13/sroZmMSuHrLC6F944GwlTXObkw91dZCgsbbRy44Xk4ylTN8cvG2Utc6r27BikqxkrHV8o5s2IhMwaqFjQMQHRA5KPmEOhIYUfShOz+xIUw3eo2VeGMNHTa6Xrxl9G0J0iwVA65U6gXwj1G+1JvMiDIuIVLpoTXFKHrOgYSC0ZiM/GO9tHd+oJXiDHL9LuX47wrKkqSUp32nMoa0al+uM6rgpiDGNWvMmCH/DrjzAaSCx5ao7zk7emRhs+kW2cd1g65by7I2tjWkH/F16O8HsDoXO4B5OwKsXrxl9I+Kle9I1BWRS0x6fsYgRxNOVpQlhr41NbMosgRdvNBAvIh7s0OOKoYjpBEaNEmNaoyzL8kd02OIhfoocD26Bjz+KnBRF7hNtWsRt6nlHeKibRAX7ok4b4C4YFfEea+VNAOGpkTwF/DsEZCpNw47iATBQFEKwj4i020QMt0TIcEAIZNdERIM1CReFZ5WcZoXwEHexBKA7xUR3+sWkcAJ+4RMhopIjc2HvBX1vLXIaGnKMmPlJpOs50yvmRfICVdmTIpVqnsEopPuYrG4NiH9vYLSjAvddYKKs81EMVGQCuMAU/E7Vf4LjNPxyJvpDWHnK6pbskqovcWpxl974cLmsqj4VW+I2R2JlynumyfzlcKFwcoTPK7m+BZVOhLOGOOwlQCHL9qSYOCUcMOhAG+lBkx6Ab7UfqfqoD5SW64Whc6GOto/9cA1I091omBsIqa0DzGbolQZB72UdKbn3fh15z/WA++bnwP2pjqn+7Pe8iXHruNSQf4PpLc37R4AkTvQI/gD0fecLUQ/cvvGf0LBj4aa0F21BFG/CbUtgeaihjwBTce7P3P2eUBM/v5ZM/2sJjPq91uL+el8pGtYRHJtrUlP1z90vUPP0bZYuU1fBIWpZ8xC7Vb0vTlcmq9H86SqDwKs3waQlJYKJCRNbJA1bUhR/Ge1P3Je1P6Bs31bpR8fm99TzFjrZyn/7A8=&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <path d="M 94.79 134.89 L 97.79 168.82" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 98.25 174.05 L 94.15 167.38 L 97.79 168.82 L 101.12 166.77 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="90" cy="75" rx="80" ry="60" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 75px; margin-left: 11px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                User receives a link that starts with 'replica://' schema in Messaging
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="90" y="79" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    User receives a link that...
                </text>
            </switch>
        </g>
        <path d="M 105 335 L 105 388.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 105 393.88 L 101.5 386.88 L 105 388.63 L 108.5 386.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="105" cy="255" rx="105" ry="80" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 208px; height: 1px; padding-top: 255px; margin-left: 1px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                ReplicaLinkMarkdownElementBuilder will take care of rendering the link as a clickable text
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="105" y="259" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    ReplicaLinkMarkdownElementBuilder w...
                </text>
            </switch>
        </g>
        <path d="M 177.44 438.13 L 253.69 435.31" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 258.94 435.11 L 252.07 438.87 L 253.69 435.31 L 251.81 431.87 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="105" cy="440" rx="72.5" ry="45" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 143px; height: 1px; padding-top: 440px; margin-left: 34px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                User clicks on the link
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="105" y="444" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    User clicks on the link
                </text>
            </switch>
        </g>
        <path d="M 350 505 L 350 558.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 350 563.88 L 346.5 556.88 L 350 558.63 L 353.5 556.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="350" cy="432.5" rx="90" ry="72.5" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 178px; height: 1px; padding-top: 433px; margin-left: 261px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                Render ReplicaLinkOpenerScreen
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="350" y="436" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Render ReplicaLinkOpenerScreen
                </text>
            </switch>
        </g>
        <path d="M 510 375 L 630 375 L 660 405 L 660 565 L 510 565 L 510 375 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 630 375 L 630 405 L 660 405 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
        <path d="M 630 375 L 630 405 L 660 405" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 148px; height: 1px; padding-top: 470px; margin-left: 511px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                This calls the Replica component through an HTTP request to fetch the category of the link (e.g., video, audio, etc.)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="585" y="474" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    This calls the Replica co...
                </text>
            </switch>
        </g>
        <ellipse cx="350" cy="665" rx="115" ry="100" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 228px; height: 1px; padding-top: 665px; margin-left: 236px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                If it's a video, open ReplicaVideoPlayerScreen.
                                <br/>
                                <br/>
                                If it's an audio, open ReplicaAudioPlayerScreen.
                                <br/>
                                <br/>
                                If neither, open ReplicaUnknownItemScreen
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="350" y="669" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    If it's a video, open ReplicaVideoPlay...
                </text>
            </switch>
        </g>
        <path d="M 399.8 173.97 L 365.02 354.61" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 364.03 359.76 L 361.92 352.23 L 365.02 354.61 L 368.79 353.55 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="415" cy="95" rx="95" ry="80" fill="#ffffff" stroke="#000000" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 188px; height: 1px; padding-top: 95px; margin-left: 321px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                User opens a deeplink that starts with 'replica://' schema
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="415" y="99" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    User opens a deeplink that star...
                </text>
            </switch>
        </g>
        <path d="M 540 0 L 660 0 L 690 30 L 690 190 L 540 190 L 540 0 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 660 0 L 660 30 L 690 30 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/>
        <path d="M 660 0 L 660 30 L 690 30" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 148px; height: 1px; padding-top: 95px; margin-left: 541px;">
                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                TODO &lt;13-12-2021&gt; soltzen: this schema is still not registered with our app
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="615" y="99" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    TODO &lt;13-12-2021&gt; soltzen...
                </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%">
                Viewer does not support full SVG 1.1
            </text>
        </a>
    </switch>
</svg>