From 466a745906d7a8cca0d0c5b55473473d05692114 Mon Sep 17 00:00:00 2001
From: Bryan Sieber <bsieber@mozilla.com>
Date: Fri, 1 Oct 2021 12:32:01 -0700
Subject: [PATCH] Adding doc/diagram around fxa to ctms integration

---
 adrs/madr-fxa-ctms.md                         | 28 +++++++++++++++++++
 .../subscription_event_stream_to_CTMS.svg     |  3 ++
 2 files changed, 31 insertions(+)
 create mode 100644 adrs/madr-fxa-ctms.md
 create mode 100644 diagrams/subscription_event_stream_to_CTMS.svg

diff --git a/adrs/madr-fxa-ctms.md b/adrs/madr-fxa-ctms.md
new file mode 100644
index 00000000..f0a3b448
--- /dev/null
+++ b/adrs/madr-fxa-ctms.md
@@ -0,0 +1,28 @@
+# Stripe Subscription Event Data Empowering Email User Journeys
+
+* Status: proposed
+* Deciders: Bryan Sieber, John Whitlock, Ben Bangert, Jon Buckley, (Benson Wong, Stephen Hood)
+* Date: September 30, 2021
+
+Technical Story: [design and document approach for marketing | https://mozilla-hub.atlassian.net/jira/software/c/projects/CTMS/boards/364?modal=detail&selectedIssue=CTMS-73]
+
+## Context and Problem Statement
+
+Marketing wants to be able to differentiate customers based on their subscription information to empower marketing campaigns.
+
+## Decision Drivers
+
+* Design sustainable system for longterm data-health
+* FxA source of Truth
+* Stripe rate limits
+
+
+## Considered Options
+
+* Cloud Function triggered through Firestore
+* Background process in CTMS
+* New temporary service
+
+## Decision Outcome
+
+Chosen option: " Cloud Function triggered through Firestore", because the event snapshots can be captured and published to a Pub/Sub, upon which they can be pushed to CTMS with a JWT. We believe this is a more sustainable option.
diff --git a/diagrams/subscription_event_stream_to_CTMS.svg b/diagrams/subscription_event_stream_to_CTMS.svg
new file mode 100644
index 00000000..77fc5763
--- /dev/null
+++ b/diagrams/subscription_event_stream_to_CTMS.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1033px" height="462px" viewBox="-0.5 -0.5 1033 462" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2021-09-30T22:48:54.579Z&quot; agent=&quot;5.0 (Macintosh)&quot; etag=&quot;WaPd8LKOqtRd7eX7hCk6&quot; version=&quot;14.9.7&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;G047TqwVzxb1J3z5YoFD&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><rect x="3" y="10" width="1026" height="450" fill="none" stroke="#889fb3" stroke-width="2" stroke-dasharray="2 2" pointer-events="all"/><rect x="205" y="40" width="535" height="320" fill="#f6f6f6" stroke="none" 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 flex-start; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 51px; margin-left: 255px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: #717171; line-height: 1.2; pointer-events: all; white-space: nowrap; "><b>Google </b>Cloud Platform</div></div></div></foreignObject><text x="255" y="65" fill="#717171" font-family="Helvetica" font-size="14px">Google Cloud Platform</text></switch></g><path d="M 165 120.5 L 200 120.5 L 223.03 120.17" fill="none" stroke="#ff6830" stroke-width="4" stroke-miterlimit="10" stroke-dasharray="4 4" pointer-events="stroke"/><path d="M 230.53 120.06 L 220.6 125.21 L 223.03 120.17 L 220.46 115.21 Z" fill="#ff6830" stroke="#ff6830" stroke-width="4" stroke-miterlimit="10" pointer-events="all"/><rect x="45" y="90.5" width="120" height="60" rx="1" ry="1" fill="#fff2cc" stroke="#d6b656" stroke-width="2" stroke-dasharray="6 6" 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: 1px; height: 1px; padding-top: 119px; margin-left: 105px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 13px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; "><div style="font-size: 13px">Stripe</div><div style="font-size: 13px">Webhooks</div></div></div></div></foreignObject><text x="105" y="122" fill="#000000" font-family="Helvetica" font-size="13px" text-anchor="middle">Stripe...</text></switch></g><path d="M 232.97 66.03 L 229.48 60.01 L 232.99 54 L 240.03 54 L 243.53 60.02 L 240.02 66.03 Z" fill="#e2e2e2" stroke="none" pointer-events="all"/><path d="M 236.48 63.03 C 234.83 63.03 233.47 61.84 233.47 59.94 C 233.47 58.47 234.69 57.03 236.51 57.03 C 238.44 57.03 239.51 58.37 239.51 60.02 C 239.51 61.94 237.97 63.03 236.48 63.03 Z" fill="#ffffff" stroke="none" pointer-events="all"/><path d="M 237.71 70 L 231.67 70 C 230.88 70 230.4 69.63 230.16 69.11 L 225.32 60.78 C 225 60.3 225.06 59.69 225.31 59.23 L 227.17 56.04 L 232.97 66.03 L 240.02 66.03 Z" fill="#ffcf48" stroke="none" pointer-events="all"/><path d="M 241.54 70 L 237.71 70 L 243.53 60.02 L 240.03 54 L 244.66 54 L 247.69 59.23 C 247.98 59.73 248 60.24 247.7 60.79 L 242.91 69.01 C 242.61 69.57 242.24 70 241.54 70 Z" fill="#dc473a" stroke="none" pointer-events="all"/><path d="M 241.5 50.02 C 242.07 50.02 242.54 50.35 242.81 50.85 L 244.66 54 L 232.99 54 L 229.48 60.01 L 227.17 56.04 L 230.12 50.95 C 230.48 50.36 230.85 50 231.84 50.02 Z" fill="#528ff5" stroke="none" pointer-events="all"/><rect x="235" y="90" width="180" height="60" rx="1" ry="1" fill="#fff2cc" stroke="#d6b656" stroke-width="2" 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 flex-start; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 101px; margin-left: 245px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 13px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; "><div style="font-size: 13px">FxA Service</div></div></div></div></foreignObject><text x="245" y="114" fill="#000000" font-family="Helvetica" font-size="13px">FxA Service</text></switch></g><rect x="220" y="260" width="195" height="60" rx="1" ry="1" fill="#000000" stroke="#000000" stroke-dasharray="3 3" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="220" y="260" width="195" height="60" rx="1" ry="1" fill="#fff2cc" stroke="#d6b656" stroke-dasharray="3 3" pointer-events="all"/><path d="M 241.19 303.26 C 240.2 303.26 239.26 302.71 238.77 301.69 L 233 291.29 C 232.48 290.39 232.56 289.33 233 288.58 L 238.82 278.17 C 239.31 277.23 240.2 276.74 241.09 276.74 L 252.78 276.74 C 253.65 276.74 254.51 277.18 255.02 278.07 L 260.82 288.46 C 261.52 289.56 261.28 290.73 260.88 291.38 L 255.12 301.71 C 254.73 302.55 253.86 303.26 252.74 303.26 Z" fill="#5184f3" stroke="none" pointer-events="all"/><path d="M 241.39 293.4 L 243.38 290.86 L 241.39 288.96 L 244.41 285.66 L 252.49 286.4 L 259.59 293.7 L 255.12 301.71 C 254.73 302.55 253.86 303.26 252.74 303.26 L 251.01 303.26 Z" fill-opacity="0.07" fill="#000000" stroke="none" pointer-events="all"/><rect x="232.48" y="276.74" width="0" height="0" fill="none" stroke="none" pointer-events="all"/><path d="M 252.49 288.96 L 246.95 286.4 L 241.39 288.96 L 241.39 286.4 L 246.95 283.84 L 252.49 286.4 Z M 252.49 293.4 L 246.95 290.85 L 241.39 293.4 L 241.39 290.82 L 246.95 288.27 L 252.49 290.82 Z M 246.91 296.57 L 246.93 294 L 249.04 293.02 L 251.83 294.32 Z" fill="#ffffff" stroke="none" 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 flex-start; width: 1px; height: 1px; padding-top: 290px; margin-left: 276px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #999999; line-height: 1.2; pointer-events: all; white-space: nowrap; "><font color="#000000">FxA Firestore</font><br />Cloud Firestore</div></div></div></foreignObject><text x="276" y="294" fill="#999999" font-family="Helvetica" font-size="12px">FxA Fire...</text></switch></g><rect x="483" y="80" width="240" height="260" rx="1" ry="1" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><path d="M 483.03 290 L 404.07 290" fill="none" stroke="#ff6830" stroke-width="4" stroke-miterlimit="10" stroke-dasharray="4 4" pointer-events="stroke"/><path d="M 490.53 290 L 480.53 295 L 483.03 290 L 480.53 285 Z" fill="#ff6830" stroke="#ff6830" stroke-width="4" stroke-miterlimit="10" pointer-events="all"/><path d="M 600 260 L 600 160.1" fill="none" stroke="#0088ff" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 600 153.35 L 604.5 162.35 L 600 160.1 L 595.5 162.35 Z" fill="#0088ff" stroke="#0088ff" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/><rect x="495" y="260" width="210" height="60" rx="1" ry="1" fill="none" stroke="#000000" stroke-dasharray="3 3" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="495" y="260" width="210" height="60" rx="1" ry="1" fill="none" stroke="#dddddd" stroke-dasharray="3 3" pointer-events="all"/><path d="M 516.19 303.26 C 515.2 303.26 514.26 302.72 513.77 301.7 L 508 291.3 C 507.48 290.39 507.56 289.33 508 288.58 L 513.82 278.17 C 514.31 277.23 515.2 276.74 516.09 276.74 L 527.78 276.74 C 528.65 276.74 529.51 277.18 530.02 278.07 L 535.82 288.46 C 536.52 289.56 536.28 290.73 535.88 291.38 L 530.12 301.72 C 529.73 302.55 528.86 303.26 527.74 303.26 Z" fill="#5184f3" stroke="none" pointer-events="all"/><path d="M 524.64 303.26 L 517.58 296.04 L 515.58 286.73 L 518.84 285.31 L 523.78 290.47 L 525.08 289.28 L 526.99 291.48 L 528.71 286.47 L 534.98 293 L 530.12 301.72 C 529.73 302.55 528.86 303.26 527.74 303.26 Z" fill-opacity="0.07" fill="#000000" stroke="none" pointer-events="all"/><rect x="507.48" y="276.74" width="0" height="0" fill="none" stroke="none" pointer-events="all"/><path d="M 526.32 296.01 L 525.02 294.69 L 526.85 292.8 L 526.85 287.19 L 525.03 285.32 L 526.33 284 L 528.72 286.47 L 528.72 293.53 Z M 524.47 290.95 C 523.95 290.95 523.58 290.51 523.58 290 C 523.58 289.49 523.93 289.06 524.49 289.06 C 525 289.06 525.34 289.41 525.34 290 C 525.34 290.6 524.94 290.95 524.47 290.95 Z M 522.02 290.94 C 521.42 290.94 521.03 290.55 521.03 290 C 521.03 289.47 521.42 289.11 521.98 289.11 C 522.6 289.11 522.87 289.49 522.87 290.04 C 522.87 290.44 522.47 290.94 522.02 290.94 Z M 519.43 290.94 C 518.98 290.94 518.54 290.54 518.54 289.99 C 518.54 289.51 518.92 289.07 519.48 289.07 C 520.01 289.07 520.31 289.51 520.31 290.02 C 520.31 290.51 519.96 290.94 519.43 290.94 Z M 517.58 296.04 L 515.2 293.53 L 515.2 286.47 L 517.6 283.98 L 518.84 285.31 L 517.03 287.18 L 517.03 292.81 L 518.87 294.69 Z" fill="#ffffff" stroke="none" 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 flex-start; width: 1px; height: 1px; padding-top: 290px; margin-left: 551px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #999999; line-height: 1.2; pointer-events: all; white-space: nowrap; "><font color="#000000">FirestoreSnapshotToPubsub</font><br /><font style="font-size: 10px">Cloud Functions<br />publish snapshot changes</font></div></div></div></foreignObject><text x="551" y="294" fill="#999999" font-family="Helvetica" font-size="12px">Firestor...</text></switch></g><rect x="370" y="270" width="34.07" height="40" fill="none" stroke="none" pointer-events="all"/><path d="M 373.3 305 L 370 305 L 370 270 L 390.33 270 L 393.64 273.34 L 389.23 273.34 L 389.23 271.67 L 371.65 271.67 L 371.65 303.33 L 373.3 303.33 Z M 382.09 293.33 L 382.09 291.67 L 396.93 291.67 L 396.93 293.33 Z M 382.09 297.77 L 382.09 296.11 L 396.93 296.11 L 396.93 297.77 Z M 382.09 302.22 L 382.09 300.56 L 396.93 300.56 L 396.93 302.22 Z M 376.59 308.33 L 402.42 308.33 L 402.42 285.56 L 394.18 285.56 L 394.18 276.67 L 376.59 276.67 Z M 374.95 310 L 374.95 275 L 395.28 275 L 404.07 283.89 L 404.07 310 Z" fill="#505050" stroke="none" pointer-events="all"/><path d="M 705 120 L 782.5 120 L 848.03 120.42" fill="none" stroke="#0088ff" stroke-width="4" stroke-miterlimit="10" stroke-dasharray="4 4" pointer-events="stroke"/><path d="M 855.53 120.47 L 845.5 125.41 L 848.03 120.42 L 845.56 115.41 Z" fill="#0088ff" stroke="#0088ff" stroke-width="4" stroke-miterlimit="10" pointer-events="all"/><rect x="495" y="90" width="210" height="60" rx="1" ry="1" fill="none" stroke="#000000" stroke-dasharray="3 3" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="495" y="90" width="210" height="60" rx="1" ry="1" fill="none" stroke="#dddddd" stroke-dasharray="3 3" pointer-events="all"/><path d="M 516.19 133.26 C 515.2 133.26 514.26 132.72 513.77 131.7 L 508 121.3 C 507.48 120.39 507.56 119.33 508 118.58 L 513.82 108.17 C 514.31 107.23 515.2 106.74 516.09 106.74 L 527.78 106.74 C 528.65 106.74 529.51 107.18 530.02 108.07 L 535.82 118.46 C 536.52 119.56 536.28 120.73 535.88 121.38 L 530.12 131.72 C 529.73 132.55 528.86 133.26 527.74 133.26 Z" fill="#5184f3" stroke="none" pointer-events="all"/><path d="M 525.02 133.26 L 515.96 123.94 L 519.35 121.14 L 516.2 117.98 L 518 116.22 L 520.97 119.34 L 522.13 118.2 L 521.37 117.53 L 523.13 113.19 L 526.22 116.4 L 527.64 116.13 L 534.71 123.48 L 530.12 131.72 C 529.73 132.55 528.86 133.26 527.74 133.26 Z" fill-opacity="0.07" fill="#000000" stroke="none" pointer-events="all"/><rect x="507.48" y="106.74" width="0" height="0" fill="none" stroke="none" pointer-events="all"/><path d="M 523.7 121.77 C 523.95 121.43 524.17 121.07 524.34 120.65 L 525.82 121.59 C 526.13 121.38 526.35 121.25 526.93 121.25 C 527.6 121.25 528.35 121.96 528.35 122.85 C 528.35 123.79 527.65 124.49 526.81 124.49 C 526.01 124.49 525.23 123.81 525.23 123.13 C 525.23 122.91 525.24 122.79 525.26 122.7 Z M 526.77 118.39 C 526 118.39 525.54 117.78 525.54 117.13 C 525.54 116.3 526.09 115.84 526.8 115.84 C 527.6 115.84 528.03 116.36 528.03 117.16 C 528.03 117.74 527.66 118.39 526.77 118.39 Z M 521.37 117.53 L 521.39 115.76 C 520.79 115.52 520.39 114.98 520.39 114.24 C 520.39 113.21 521.12 112.65 521.98 112.65 C 522.81 112.65 523.51 113.35 523.51 114.26 C 523.51 115 523.09 115.57 522.53 115.71 L 522.53 117.55 C 522.19 117.46 521.79 117.45 521.37 117.53 Z M 521.96 122.04 C 520.83 122.04 519.98 121.15 519.98 120.01 C 519.98 118.92 520.67 117.96 522.04 117.96 C 523.18 117.96 523.92 118.98 523.92 120.04 C 523.92 121.17 523.02 122.04 521.96 122.04 Z M 517.17 118.4 C 516.4 118.4 515.87 117.82 515.87 117.13 C 515.87 116.24 516.55 115.83 517.16 115.83 C 517.9 115.83 518.36 116.51 518.36 117.12 C 518.36 117.89 517.82 118.4 517.17 118.4 Z M 517.16 124.48 C 516.27 124.48 515.55 123.76 515.55 122.93 C 515.55 121.72 516.52 121.26 517.11 121.26 C 517.55 121.26 517.86 121.41 518.08 121.61 L 519.59 120.69 C 519.76 121.1 519.94 121.46 520.23 121.74 L 518.62 122.68 C 518.83 123.48 518.22 124.48 517.16 124.48 Z M 521.92 127 C 521.34 127 520.69 126.59 520.69 125.76 C 520.69 125.04 521.15 124.49 522.01 124.49 C 522.7 124.49 523.18 125.02 523.18 125.74 C 523.18 126.41 522.75 127 521.92 127 Z" fill="#ffffff" stroke="none" 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 flex-start; width: 1px; height: 1px; padding-top: 120px; margin-left: 551px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #999999; line-height: 1.2; pointer-events: all; white-space: nowrap; "><font color="#000000">FxAFirestoreEvents</font><br /><font style="font-size: 10px">Cloud Pub/Sub<br />with Push Subscription</font></div></div></div></foreignObject><text x="551" y="124" fill="#999999" font-family="Helvetica" font-size="12px">FxAFires...</text></switch></g><rect x="860" y="90.5" width="120" height="60" fill="#d5e8d4" stroke="#82b366" stroke-width="2" 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: 118px; height: 1px; padding-top: 121px; margin-left: 861px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 13px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font style="font-size: 13px">CTMS</font></div></div></div></foreignObject><text x="920" y="124" fill="#000000" font-family="Helvetica" font-size="13px" text-anchor="middle">CTMS</text></switch></g><rect x="770" y="115.25" width="28.4" height="17.75" fill="#ffffff" stroke="#0080f0" stroke-width="2" pointer-events="all"/><path d="M 773.55 115.25 L 773.55 108.15 C 773.55 102.27 778.32 97.5 784.2 97.5 C 790.08 97.5 794.85 102.27 794.85 108.15 L 794.85 115.25" fill="none" stroke="#0080f0" stroke-width="2" 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 flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 140px; margin-left: 784px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 13px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; background-color: #ffffff; white-space: nowrap; ">JWT</div></div></div></foreignObject><text x="784" y="153" fill="#000000" font-family="Helvetica" font-size="13px" text-anchor="middle">JWT</text></switch></g><rect x="0" y="0" width="1030" height="40" fill="#000000" stroke="none" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><rect x="0" y="0" width="1030" height="40" fill="#4da1f5" stroke="none" pointer-events="all"/><g fill="#ffffff" font-family="Helvetica" font-size="14px"><text x="51.5" y="25.5">Architecture: Stripe Webhook Event Data Flow</text></g><path d="M 325 150 L 325 210 L 387.1 210 L 387.1 259.9" fill="none" stroke="#0088ff" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 387.1 266.65 L 382.6 257.65 L 387.1 259.9 L 391.6 257.65 Z" fill="#0088ff" stroke="#0088ff" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/><rect x="45" y="374" width="180" height="60" rx="1" ry="1" fill="#fff2cc" stroke="#d6b656" stroke-width="2" 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 flex-start; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 385px; margin-left: 55px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 13px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; "><div>This yellow indicates FxA</div><div>team commitments<br /></div></div></div></div></foreignObject><text x="55" y="398" fill="#000000" font-family="Helvetica" font-size="13px">This yellow indicates FxA...</text></switch></g><rect x="800" y="374" width="180" height="60" rx="1" ry="1" fill="#d5e8d4" stroke="#82b366" stroke-width="2" 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 flex-start; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 385px; margin-left: 810px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 13px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; "><div>This green indicates CTMS</div><div align="right">team commitments</div></div></div></div></foreignObject><text x="810" y="398" fill="#000000" font-family="Helvetica" font-size="13px">This green indicates CTMS...</text></switch></g><rect x="412.5" y="374" width="205" height="60" rx="1" ry="1" fill="#f5f5f5" stroke="none" 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: 1px; height: 1px; padding-top: 402px; margin-left: 515px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 13px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: nowrap; "><div><font color="#0088FF">blue solid arrow = sync calls</font></div><div><div><font color="#FF6830">orange dotted arrow = async calls</font></div></div></div></div></div></foreignObject><text x="515" y="406" fill="#000000" font-family="Helvetica" font-size="13px" text-anchor="middle">blue solid arrow = sync calls...</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>