payment.drawio

<mxfile host="app.diagrams.net" modified="2021-06-06T17:50:12.146Z" agent="5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.77 Safari/537.36" etag="VwtVaRp9H1O1EwD-o9IV" version="14.7.6" type="github">
  <diagram id="409Xh04mN-QpvZaiIPX0" name="Page-1">
    <mxGraphModel dx="2076" dy="1032" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
      <root>
        <mxCell id="0" />
        <mxCell id="1" parent="0" />
        <mxCell id="_lEi_9dFLZvuGwwvo4bk-24" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.158;entryY=0;entryDx=0;entryDy=0;entryPerimeter=0;fontColor=#000000;" edge="1" parent="1" source="_lEi_9dFLZvuGwwvo4bk-1" target="_lEi_9dFLZvuGwwvo4bk-7">
          <mxGeometry relative="1" as="geometry">
            <Array as="points">
              <mxPoint x="140" y="250" />
              <mxPoint x="140" y="460" />
              <mxPoint x="310" y="460" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="_lEi_9dFLZvuGwwvo4bk-28" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=-0.006;entryY=0.812;entryDx=0;entryDy=0;entryPerimeter=0;fontColor=#000000;" edge="1" parent="1" source="_lEi_9dFLZvuGwwvo4bk-1" target="_lEi_9dFLZvuGwwvo4bk-20">
          <mxGeometry relative="1" as="geometry">
            <Array as="points">
              <mxPoint x="440" y="250" />
              <mxPoint x="440" y="609" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="_lEi_9dFLZvuGwwvo4bk-1" value="server" style="shape=cube;whiteSpace=wrap;html=1;boundedLbl=1;backgroundOutline=1;darkOpacity=0.05;darkOpacity2=0.1;" vertex="1" parent="1">
          <mxGeometry x="310" y="210" width="115" height="80" as="geometry" />
        </mxCell>
        <mxCell id="_lEi_9dFLZvuGwwvo4bk-3" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
          <mxGeometry x="580" y="10" width="200" height="220" as="geometry" />
        </mxCell>
        <mxCell id="_lEi_9dFLZvuGwwvo4bk-4" value="Payment Page" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
          <mxGeometry x="660" y="30" width="40" height="20" as="geometry" />
        </mxCell>
        <mxCell id="_lEi_9dFLZvuGwwvo4bk-19" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.75;entryDx=0;entryDy=0;fontColor=#000000;" edge="1" parent="1" source="_lEi_9dFLZvuGwwvo4bk-5" target="_lEi_9dFLZvuGwwvo4bk-7">
          <mxGeometry relative="1" as="geometry">
            <Array as="points">
              <mxPoint x="630" y="80" />
              <mxPoint x="70" y="80" />
              <mxPoint x="70" y="631" />
              <mxPoint x="190" y="631" />
              <mxPoint x="190" y="698" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="_lEi_9dFLZvuGwwvo4bk-5" value="PAY Button" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
          <mxGeometry x="620" y="110" width="120" height="60" as="geometry" />
        </mxCell>
        <mxCell id="_lEi_9dFLZvuGwwvo4bk-8" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.648;entryY=1.04;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" parent="1" source="_lEi_9dFLZvuGwwvo4bk-7" target="_lEi_9dFLZvuGwwvo4bk-1">
          <mxGeometry relative="1" as="geometry">
            <Array as="points">
              <mxPoint x="383" y="420" />
              <mxPoint x="383" y="420" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="_lEi_9dFLZvuGwwvo4bk-22" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontColor=#000000;exitX=0.368;exitY=1;exitDx=0;exitDy=0;exitPerimeter=0;entryX=0.594;entryY=1.007;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" parent="1" source="_lEi_9dFLZvuGwwvo4bk-7" target="_lEi_9dFLZvuGwwvo4bk-20">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="630" y="655" as="targetPoint" />
            <Array as="points">
              <mxPoint x="350" y="850" />
              <mxPoint x="505" y="850" />
              <mxPoint x="505" y="680" />
              <mxPoint x="630" y="680" />
              <mxPoint x="630" y="670" />
              <mxPoint x="757" y="670" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="_lEi_9dFLZvuGwwvo4bk-7" value="handlePay()&lt;br&gt;Raxorpay Api is loaded&lt;br&gt;==&amp;gt; createOrder&lt;br&gt;" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
          <mxGeometry x="280" y="700" width="190" height="90" as="geometry" />
        </mxCell>
        <mxCell id="_lEi_9dFLZvuGwwvo4bk-10" value="&lt;div style=&quot;font-family: &amp;quot;fira code light&amp;quot;, &amp;quot;anonymous pro regular&amp;quot;, consolas, &amp;quot;courier new&amp;quot;, monospace, consolas, &amp;quot;courier new&amp;quot;, monospace; font-size: 13px; line-height: 18px;&quot;&gt;&lt;span style=&quot;&quot;&gt;payment/payments&lt;/span&gt;&lt;/div&gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;labelBackgroundColor=#ffffff;rotation=-90;" vertex="1" parent="1">
          <mxGeometry x="373" y="370" width="40" height="20" as="geometry" />
        </mxCell>
        <mxCell id="_lEi_9dFLZvuGwwvo4bk-15" value="receipt:&quot;INDDMMYYHAHII,&lt;br&gt;&lt;div style=&quot;text-align: left&quot;&gt;orderamount:500,&lt;/div&gt;&lt;div style=&quot;text-align: left&quot;&gt;currency:&quot;INR&quot;,&lt;/div&gt;&lt;div style=&quot;text-align: left&quot;&gt;userId:&quot;ASfdj8irjerlkflksd&quot;&lt;/div&gt;" style="rounded=0;whiteSpace=wrap;html=1;labelBackgroundColor=#ffffff;fontColor=#000000;" vertex="1" parent="1">
          <mxGeometry x="223" y="360" width="160" height="60" as="geometry" />
        </mxCell>
        <mxCell id="_lEi_9dFLZvuGwwvo4bk-17" value="success" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;labelBackgroundColor=#ffffff;fontColor=#000000;" vertex="1" parent="1">
          <mxGeometry x="190" y="250" width="40" height="20" as="geometry" />
        </mxCell>
        <mxCell id="_lEi_9dFLZvuGwwvo4bk-18" value="amount:50000,&lt;br&gt;id:orderCreationID,&lt;br&gt;currency:&quot;INR&quot;" style="rounded=0;whiteSpace=wrap;html=1;labelBackgroundColor=#ffffff;fontColor=#000000;" vertex="1" parent="1">
          <mxGeometry x="160" y="190" width="120" height="60" as="geometry" />
        </mxCell>
        <mxCell id="_lEi_9dFLZvuGwwvo4bk-25" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=1.005;entryY=0.484;entryDx=0;entryDy=0;entryPerimeter=0;fontColor=#000000;" edge="1" parent="1" source="_lEi_9dFLZvuGwwvo4bk-20" target="_lEi_9dFLZvuGwwvo4bk-1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="_lEi_9dFLZvuGwwvo4bk-32" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;fontColor=#000000;exitX=1.015;exitY=0.582;exitDx=0;exitDy=0;exitPerimeter=0;" edge="1" parent="1" source="_lEi_9dFLZvuGwwvo4bk-20" target="_lEi_9dFLZvuGwwvo4bk-33">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="850" y="800" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="_lEi_9dFLZvuGwwvo4bk-20" value="" style="rounded=0;whiteSpace=wrap;html=1;labelBackgroundColor=#ffffff;fontColor=#000000;" vertex="1" parent="1">
          <mxGeometry x="650" y="410" width="180" height="220" as="geometry" />
        </mxCell>
        <mxCell id="_lEi_9dFLZvuGwwvo4bk-21" value="razorpay payment window" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;labelBackgroundColor=#ffffff;fontColor=#000000;" vertex="1" parent="1">
          <mxGeometry x="675" y="440" width="40" height="20" as="geometry" />
        </mxCell>
        <mxCell id="_lEi_9dFLZvuGwwvo4bk-23" value="ordercreationID" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;labelBackgroundColor=#ffffff;fontColor=#000000;" vertex="1" parent="1">
          <mxGeometry x="405" y="850" width="40" height="20" as="geometry" />
        </mxCell>
        <mxCell id="_lEi_9dFLZvuGwwvo4bk-26" value="payment/payments/success" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;labelBackgroundColor=#ffffff;fontColor=#000000;rotation=-90;" vertex="1" parent="1">
          <mxGeometry x="510" y="360" width="40" height="20" as="geometry" />
        </mxCell>
        <mxCell id="_lEi_9dFLZvuGwwvo4bk-27" value="&lt;div style=&quot;font-family: &amp;#34;fira code light&amp;#34; , &amp;#34;anonymous pro regular&amp;#34; , &amp;#34;consolas&amp;#34; , &amp;#34;courier new&amp;#34; , monospace , &amp;#34;consolas&amp;#34; , &amp;#34;courier new&amp;#34; , monospace ; font-size: 13px ; line-height: 18px&quot;&gt;&lt;div&gt;orderCreationId:&amp;nbsp;id,&lt;span&gt;&amp;nbsp; razorpayPaymentId:&amp;nbsp;response.razorpay_payment_id,&lt;/span&gt;&lt;span&gt;&amp;nbsp; razorpayOrderId:&amp;nbsp;response.razorpay_order_id,&lt;/span&gt;&lt;/div&gt;&lt;div&gt;razorpaySignature:&amp;nbsp;response.razorpay_signature,&lt;span&gt;&amp;nbsp; useruid: &quot;FIREBASE_USER_ID,&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;receipt: &quot;INddmmyy67GDjS&quot;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;" style="rounded=0;whiteSpace=wrap;html=1;labelBackgroundColor=none;fontColor=#000000;align=left;" vertex="1" parent="1">
          <mxGeometry x="540" y="270" width="410" height="110" as="geometry" />
        </mxCell>
        <mxCell id="_lEi_9dFLZvuGwwvo4bk-31" value="success" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;labelBackgroundColor=none;fontColor=#000000;" vertex="1" parent="1">
          <mxGeometry x="490" y="590" width="40" height="20" as="geometry" />
        </mxCell>
        <mxCell id="_lEi_9dFLZvuGwwvo4bk-33" value="if success .. create booking data and send email and msg" style="rounded=0;whiteSpace=wrap;html=1;labelBackgroundColor=none;fontColor=#000000;" vertex="1" parent="1">
          <mxGeometry x="790" y="770" width="120" height="60" as="geometry" />
        </mxCell>
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>