docs/merchant-registration.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="651px" height="271px" viewBox="-0.5 -0.5 651 271" content="&lt;mxfile&gt;&lt;diagram id=&quot;6SDLejhQw1FICuRsmWHd&quot; name=&quot;Page-1&quot;&gt;xZfNcpswFIWfxjPtpiMkg+1l4yTuolm5nawVuAFNBWKEMHafvldGYGORtNO6ZgPS4SLpHj79MGPrfL/RvMyeVAJyRkmyn7H7GaWrgOLVCodWCAlrhVSLpJWCk7AVP8GJxKm1SKAaBBqlpBHlUIxVUUBsBhrXWjXDsFclh72WPAVP2MZc+uqzSEzWqsuQnPQvINKs6zkg7knOu2AnVBlPVHMmsYcZW2ulTFvK92uQ1rvOl/a9xzee9gPTUJg/ecH5vuOydrm5cZlDlywkmLurFqrA211mcom1AIttuI15cwROqlStYxc1dx+N6xRcVNRnj9SAysHoA4ZokNyI3bB17r5f2sedUsSCy3I847mX8UYd+cFLIV7NQbNGJ9WnWOXYlFSpKGyToOOMY0aX7mhVFwnYtgm60WTCwLbkxzwbZH/MrB1oA/v37fKNcC/MHThu5vRTojlxGCyclp0x2Gn/Yl04DSyRD8vyRrBEXsZrKeIfKG1FilyQ7+XkRNDVhEgspkFi6SMRkHGXrs7E0kv5qV8cSAW4L1HyDC/sc43uU4KbH5e+KVLiZgW/B2RI0xVwCaPwApfQx4WO4BJdAZfVNLh0M2LAC70RL13nI4sIL2yPDpQt6J3AEVPyYaNUigbQx2+NMAY0lu5FFSudfPT8mpofthhZbv4XP0EwEUB0BCB2K4DoeysOnlNKCea47FS4KdX+jjTdYsOC4d50W1j8w+2ZbwUeu7FPbn3jtg623uDCbW9coqfH/isVC27QFHdGNDhM3Ubaxr+2B8TLM0Cm8pe6msDxi/MhoyOGRyOGB3/hOFZPfyrHZ2e/e+zhFw==&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <path d="M 170 35 L 243.63 35" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 248.88 35 L 241.88 38.5 L 243.63 35 L 241.88 31.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="0" y="0" width="170" height="70" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" 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: 168px; height: 1px; padding-top: 35px; margin-left: 1px;">
                        <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: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Go to niftyr3wrds.com/login/merchant
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="85" y="39" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Go to niftyr3wrds.com/login/...
                </text>
            </switch>
        </g>
        <path d="M 420 35 L 518.63 35" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 523.88 35 L 516.88 38.5 L 518.63 35 L 516.88 31.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="250" y="0" width="170" height="70" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" 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: 168px; height: 1px; padding-top: 35px; margin-left: 251px;">
                        <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: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Click Sign Up
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="335" y="39" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Click Sign Up
                </text>
            </switch>
        </g>
        <path d="M 585 65 L 585 153.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 585 158.88 L 581.5 151.88 L 585 153.63 L 588.5 151.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="585" cy="35" rx="60" ry="30" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" 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: 35px; margin-left: 526px;">
                        <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: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Merchant sees Web3Auth Modal
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="585" y="39" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Merchant sees Web3Au...
                </text>
            </switch>
        </g>
        <path d="M 525 190 L 396.37 190" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 391.12 190 L 398.12 186.5 L 396.37 190 L 398.12 193.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="525" y="160" width="120" height="60" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" 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: 190px; margin-left: 526px;">
                        <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: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Click any Auth Service (Google/Twitter/Discord)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="585" y="194" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Click any Auth Servi...
                </text>
            </switch>
        </g>
        <path d="M 270 190 L 166.37 190" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 161.12 190 L 168.12 186.5 L 166.37 190 L 168.12 193.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="330" cy="190" rx="60" ry="30" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" 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: 190px; margin-left: 271px;">
                        <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: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Merchant completes signup
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="330" y="194" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Merchant completes s...
                </text>
            </switch>
        </g>
        <path d="M 80 110 L 160 190 L 80 270 L 0 190 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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: 158px; height: 1px; padding-top: 190px; margin-left: 1px;">
                        <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: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Merchant now has a new web3 wallet associated to their web2 Login
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="80" y="194" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Merchant now has a new web...
                </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>