tango-app-api-payment-subscription 3.0.15-dev → 3.0.17-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,606 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+
4
+ <head>
5
+
6
+ <meta charset="utf-8">
7
+ <meta http-equiv="x-ua-compatible" content="ie=edge">
8
+ <title>Credit Notes Email</title>
9
+ <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <style type="text/css">
11
+ @media screen {
12
+ @font-face {
13
+ font-family: 'Inter';
14
+ font-style: normal;
15
+ font-weight: 400;
16
+ font-display: swap;
17
+ src: local("Inter"), local("Inter-Regular"), url(https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZJhiI2B.woff2) format('woff2');
18
+ unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
19
+ }
20
+ }
21
+
22
+ body {
23
+ font-family: "Inter", sans-serif !important;
24
+ }
25
+
26
+ body,
27
+ table,
28
+ td,
29
+ a {
30
+ -ms-text-size-adjust: 100%;
31
+ -webkit-text-size-adjust: 100%;
32
+ }
33
+
34
+ table,
35
+ td {
36
+ mso-table-rspace: 0pt;
37
+ mso-table-lspace: 0pt;
38
+ }
39
+
40
+ img {
41
+ -ms-interpolation-mode: bicubic;
42
+ }
43
+
44
+ a[x-apple-data-detectors] {
45
+ font-family: "inherit" !important;
46
+ font-size: inherit !important;
47
+ font-weight: inherit !important;
48
+ line-height: inherit !important;
49
+ color: inherit !important;
50
+ text-decoration: none !important;
51
+ }
52
+
53
+
54
+ div[style*="margin: 16px 0;"
55
+
56
+ ] {
57
+ margin: 0 !important;
58
+ }
59
+
60
+ body {
61
+ width: 100% !important;
62
+ height: 100% !important;
63
+ padding: 0 !important;
64
+ margin: 0 !important;
65
+ }
66
+
67
+
68
+ table {
69
+ border-collapse: collapse !important;
70
+ }
71
+
72
+ a {
73
+ color: #1a82e2;
74
+ }
75
+
76
+ img {
77
+ height: auto;
78
+ line-height: 100%;
79
+ text-decoration: none;
80
+ border: 0;
81
+ outline: none;
82
+ }
83
+
84
+ .invoicedetailsframe {
85
+ flex-direction: row;
86
+
87
+ gap: 8px;
88
+ align-items: flex-start;
89
+ justify-content: flex-start;
90
+ align-self: stretch;
91
+ flex-shrink: 0;
92
+ position: relative;
93
+ padding: 0px 17px 10px 26px;
94
+ }
95
+
96
+ .invoicedetailscontent {
97
+ background: var(--white, #ffffff);
98
+ display: flex;
99
+ flex-direction: row;
100
+ gap: 0px;
101
+ align-items: flex-start;
102
+ justify-content: flex-start;
103
+ align-self: stretch;
104
+ flex-shrink: 0;
105
+ position: relative;
106
+ margin-top: 20px;
107
+ }
108
+
109
+ .column {
110
+ display: flex;
111
+ flex-direction: column;
112
+ gap: 0px;
113
+ align-items: flex-start;
114
+ justify-content: flex-start;
115
+ align-self: stretch;
116
+ flex: 1;
117
+ position: relative;
118
+ }
119
+
120
+ .table-header-cell {
121
+ background: var(--gray-50, #f9fafb);
122
+ border-style: solid;
123
+ border-color: var(--gray-200, #eaecf0);
124
+ border-width: 0px 0px 1px 0px;
125
+ padding: 0px 24px 0px 24px;
126
+ display: flex;
127
+ flex-direction: row;
128
+ gap: 12px;
129
+ align-items: center;
130
+ justify-content: flex-start;
131
+ align-self: stretch;
132
+ flex-shrink: 0;
133
+ height: 44px;
134
+ position: relative;
135
+ }
136
+
137
+ .table-header {
138
+ display: flex;
139
+ flex-direction: row;
140
+ gap: 4px;
141
+ align-items: center;
142
+ justify-content: flex-start;
143
+ flex-shrink: 0;
144
+ position: relative;
145
+ }
146
+
147
+ .text3 {
148
+ color: var(--gray-500, #667085);
149
+ text-align: left;
150
+ font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
151
+ font-size: var(--text-md-medium-font-size, 16px);
152
+ line-height: var(--text-md-medium-line-height, 24px);
153
+ font-weight: var(--text-md-medium-font-weight, 500);
154
+ position: relative;
155
+ }
156
+
157
+ .table-cell {
158
+ border-style: solid;
159
+ border-color: var(--gray-200, #eaecf0);
160
+ border-width: 0px 0px 1px 0px;
161
+ padding: 0px 24px 0px 24px;
162
+ display: flex;
163
+ flex-direction: row;
164
+ gap: 0px;
165
+ align-items: center;
166
+ justify-content: flex-start;
167
+ align-self: stretch;
168
+ flex-shrink: 0;
169
+ height: 72px;
170
+ position: relative;
171
+ }
172
+
173
+ .text4 {
174
+ color: var(--gray-600, #475467);
175
+ text-align: left;
176
+ font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
177
+ font-size: var(--text-md-medium-font-size, 16px);
178
+ line-height: var(--text-md-medium-line-height, 24px);
179
+ font-weight: var(--text-md-medium-font-weight, 500);
180
+ position: relative;
181
+ }
182
+
183
+ .table-header2 {
184
+ display: flex;
185
+ flex-direction: row;
186
+ gap: 4px;
187
+ align-items: center;
188
+ justify-content: flex-start;
189
+ flex: 1;
190
+ position: relative;
191
+ }
192
+
193
+ .text5 {
194
+ color: var(--gray-500, #667085);
195
+ text-align: right;
196
+ font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
197
+ font-size: var(--text-md-medium-font-size, 16px);
198
+ line-height: var(--text-md-medium-line-height, 24px);
199
+ font-weight: var(--text-md-medium-font-weight, 500);
200
+ position: relative;
201
+ flex: 1;
202
+ }
203
+
204
+ .text6 {
205
+ color: var(--gray-600, #475467);
206
+ text-align: right;
207
+ font-family: var(--text-md-medium-font-family, "Inter-Medium", sans-serif);
208
+ font-size: var(--text-md-medium-font-size, 16px);
209
+ line-height: var(--text-md-medium-line-height, 24px);
210
+ font-weight: var(--text-md-medium-font-weight, 500);
211
+ position: relative;
212
+ flex: 1;
213
+ }
214
+
215
+ .table-header3 {
216
+ display: flex;
217
+ flex-direction: row;
218
+ gap: 4px;
219
+ align-items: center;
220
+ justify-content: flex-end;
221
+ flex: 1;
222
+ position: relative;
223
+ }
224
+
225
+ .billingvalueframe {
226
+ display: flex;
227
+ flex-direction: column;
228
+ gap: 12px;
229
+ align-items: flex-start;
230
+ justify-content: flex-start;
231
+ align-self: stretch;
232
+ flex-shrink: 0;
233
+ position: relative;
234
+ margin-top: 10px;
235
+ padding: 0px 17px 0px 26px;
236
+ }
237
+
238
+ .subtotal {
239
+ display: flex;
240
+ flex-direction: row;
241
+ gap: 84px;
242
+ align-items: flex-start;
243
+ justify-content: flex-start;
244
+ align-self: stretch;
245
+ flex-shrink: 0;
246
+ position: relative;
247
+ }
248
+
249
+ .framestartvalue {
250
+ padding: 0px 24px 0px 24px;
251
+ display: flex;
252
+ flex-direction: row;
253
+ gap: 10px;
254
+ align-items: flex-start;
255
+ justify-content: flex-start;
256
+ flex: 1;
257
+ position: relative;
258
+ }
259
+
260
+ .text7 {
261
+ color: var(--gray-500, #667085);
262
+ text-align: left;
263
+ font-family: var(--text-md-semibold-font-family,
264
+ "Inter-SemiBold",
265
+ sans-serif);
266
+ font-size: var(--text-md-semibold-font-size, 16px);
267
+ line-height: var(--text-md-semibold-line-height, 24px);
268
+ font-weight: var(--text-md-semibold-font-weight, 600);
269
+ position: relative;
270
+ flex: 1;
271
+ }
272
+
273
+ .frame-endvalue {
274
+ padding: 0px 23px 0px 23px;
275
+ display: flex;
276
+ flex-direction: row;
277
+ gap: 10px;
278
+ align-items: flex-start;
279
+ justify-content: flex-start;
280
+ flex: 1;
281
+ position: relative;
282
+ }
283
+
284
+ .text8 {
285
+ color: var(--gray-500, #667085);
286
+ text-align: right;
287
+ font-family: var(--text-md-semibold-font-family,
288
+ "Inter-SemiBold",
289
+ sans-serif);
290
+ font-size: var(--text-md-semibold-font-size, 16px);
291
+ line-height: var(--text-md-semibold-line-height, 24px);
292
+ font-weight: var(--text-md-semibold-font-weight, 600);
293
+ position: relative;
294
+ flex: 1;
295
+ }
296
+
297
+ .IGST {
298
+ display: flex;
299
+ flex-direction: row;
300
+ gap: 84px;
301
+ align-items: flex-start;
302
+ justify-content: flex-start;
303
+ align-self: stretch;
304
+ flex-shrink: 0;
305
+ position: relative;
306
+ }
307
+
308
+ .CGST {
309
+ display: flex;
310
+ flex-direction: row;
311
+ gap: 84px;
312
+ align-items: flex-start;
313
+ justify-content: flex-start;
314
+ align-self: stretch;
315
+ flex-shrink: 0;
316
+ position: relative;
317
+ }
318
+
319
+ .Total {
320
+ display: flex;
321
+ flex-direction: row;
322
+ gap: 84px;
323
+ align-items: flex-start;
324
+ justify-content: flex-start;
325
+ align-self: stretch;
326
+ flex-shrink: 0;
327
+ position: relative;
328
+ }
329
+
330
+ .Discount {
331
+ display: flex;
332
+ flex-direction: row;
333
+ gap: 84px;
334
+ align-items: flex-start;
335
+ justify-content: flex-start;
336
+ align-self: stretch;
337
+ flex-shrink: 0;
338
+ position: relative;
339
+ }
340
+
341
+ .divider {
342
+ background: var(--gray-25, #fcfcfd);
343
+ display: flex;
344
+ flex-direction: row;
345
+ gap: 0px;
346
+ align-items: flex-start;
347
+ justify-content: center;
348
+ align-self: stretch;
349
+ flex-shrink: 0;
350
+ position: relative;
351
+ }
352
+
353
+ .container {
354
+ padding: 0px 32px 0px 32px;
355
+ display: flex;
356
+ flex-direction: column;
357
+ gap: 32px;
358
+ align-items: flex-start;
359
+ justify-content: flex-start;
360
+ flex: 1;
361
+ height: auto;
362
+ position: relative;
363
+ overflow: visible;
364
+ }
365
+
366
+ .finalvalue {
367
+ display: flex;
368
+ flex-direction: row;
369
+ gap: 84px;
370
+ align-items: flex-start;
371
+ justify-content: flex-start;
372
+ align-self: stretch;
373
+ flex-shrink: 0;
374
+ position: relative;
375
+ }
376
+
377
+ .line {
378
+ border-style: solid;
379
+ border-color: var(--greyscale-200, #e2e8f0);
380
+ border-width: 1px 0 0 0;
381
+ align-self: stretch;
382
+ flex-shrink: 0;
383
+ height: 0px;
384
+ position: relative;
385
+ transform-origin: 0 0;
386
+ transform: rotate(0deg) scale(1, 1);
387
+ }
388
+ </style>
389
+
390
+ </head>
391
+
392
+ <body style="background-color: #dbe5ea;">
393
+
394
+ <div class="preheader"
395
+ style="display: none; max-width: 0; max-height: 0; overflow: hidden; font-size: 1px; line-height: 1px; color: #fff; opacity: 0;">
396
+ Email Summary (Hidden)
397
+ </div>
398
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" style="padding-left:10px;padding-right:10px;">
399
+ <tr>
400
+ <td bgcolor="#dbe5ea" style="padding:32px 10px 0 10px">
401
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" align="center">
402
+ <tr>
403
+ <td class="o_bg-white o_px-md o_py-md o_sans o_text"
404
+ style="margin-top: 0px;margin-bottom: 0px;font-size: 16px;line-height: 24px;background-color: #ffffff;padding-left: 18px;padding-right: 24px;padding-top: 24px;padding-bottom: 24px;">
405
+ <p style="margin-top: 0px;margin-bottom: 0px;"><a class="o_text-white"
406
+ href="https://tangoeye.ai/"
407
+ style="text-decoration: none;outline: none;color: #ffffff;"><img
408
+ src="https://pub-f88985f8e0964d3d8cd7fa6f2dde6962.r2.dev/TangoLogo/Tango%20Eye%20Logo%20color%20option-01.png"
409
+ width="200" height="100" alt="SimpleApp"
410
+ style="-ms-interpolation-mode: bicubic;vertical-align: middle;border: 0;line-height: 100%;height: auto;outline: none;text-decoration: none;"></a>
411
+ </p>
412
+ </td>
413
+ </tr>
414
+ <tr>
415
+ <td align="left" bgcolor="#ffffff"
416
+ style="padding-left: 27px;padding-right: 24px; font-size: 14px; line-height: 24px;">
417
+ <p class="o_heading o_mb-xxs"
418
+ style="width: 544px;height: 0px;border: 1px solid #CBD5E1;flex: none;order: 1;flex-grow: 0;">
419
+ </p>
420
+ </td>
421
+ </tr>
422
+ <tr>
423
+ <td class="o_bg-white o_px-md o_py-xl o_xs-py-md"
424
+ style="background-color: #ffffff;padding-left: 30px;padding-right: 24px;padding-bottom: 10px;">
425
+ <div class="o_col-6s o_sans o_text-md o_text-light o_center"
426
+ style="margin-top: 0px;margin-bottom: 0px;font-size: 24px;line-height: 28px;color: #82899a;">
427
+ <span class="o_heading o_text-dark o_mb-xxs"
428
+ style="font-weight: 700;margin-top: 0px;margin-bottom: 4px;color: #121A26;line-height:140%;">
429
+ Credit Note </span>
430
+ </div>
431
+ </td>
432
+ </tr>
433
+ <tr>
434
+ <td align="center" bgcolor="#dbe5ea">
435
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
436
+ <!-- <tr>
437
+ <td align="left" bgcolor="#ffffff"
438
+ style="padding-left: 30px; padding-right: 24px;padding-bottom: 10px;padding-top: 20px;font-weight: 400;font-size: 16px;line-height: 150%;color:#384860">
439
+ <p style="margin: 0;">Dear [Customer's Name],</p>
440
+ </td>
441
+ </tr> -->
442
+ <tr>
443
+ <td align="left" bgcolor="#ffffff"
444
+ style="padding-left: 27px;padding-right: 24px;padding-top:10px; font-size: 16px; line-height: 24px;font-weight:400;color:#384860">
445
+ <p style="margin: 0;">"Notice: Subscription price revised. Please review updated
446
+ pricing details. We appreciate your continued support. Thank you for
447
+ understanding."
448
+ </p>
449
+ </td>
450
+ </tr>
451
+ <tr>
452
+ <td align="left" bgcolor="#ffffff">
453
+ <div class="invoicedetailsframe">
454
+ <div class="invoicedetailscontent">
455
+ <div class="column">
456
+ <div class="table-header-cell">
457
+ <div class="table-header">
458
+ <div class="text3">Description</div>
459
+ </div>
460
+ </div>
461
+ <div class="table-cell">
462
+ <div class="text4">Traffic</div>
463
+ </div>
464
+
465
+ </div>
466
+ <div class="column">
467
+ <div class="table-header-cell">
468
+ <div class="table-header2">
469
+ <div class="text5">Price</div>
470
+ </div>
471
+ </div>
472
+ <div class="table-cell">
473
+ <div class="text6">$200</div>
474
+ </div>
475
+
476
+ </div>
477
+ <div class="column">
478
+ <div class="table-header-cell">
479
+ <div class="table-header3">
480
+ <div class="text5">Stores</div>
481
+ </div>
482
+ </div>
483
+ <div class="table-cell">
484
+ <div class="text6">1 - 100</div>
485
+ </div>
486
+
487
+ </div>
488
+ <div class="column">
489
+ <div class="table-header-cell">
490
+ <div class="table-header2">
491
+ <div class="text5">Total Amount</div>
492
+ </div>
493
+ </div>
494
+ <div class="table-cell">
495
+ <div class="text6">$20,000</div>
496
+ </div>
497
+
498
+ </div>
499
+ </div>
500
+ </div>
501
+ </td>
502
+ </tr>
503
+ <tr>
504
+ <td align="left" bgcolor="#ffffff" ss>
505
+ <div class="billingvalueframe">
506
+ <div class="subtotal">
507
+ <div class="framestartvalue">
508
+ <div class="text7">Sub Total</div>
509
+ </div>
510
+ <div class="frame-endvalue">
511
+ <div class="text8">$0</div>
512
+ </div>
513
+ </div>
514
+ <div class="IGST">
515
+ <div class="framestartvalue">
516
+ <div class="text7">IGST</div>
517
+ </div>
518
+ <div class="frame-endvalue">
519
+ <div class="text8">9%</div>
520
+ </div>
521
+ </div>
522
+ <div class="CGST">
523
+ <div class="framestartvalue">
524
+ <div class="text7">CGST</div>
525
+ </div>
526
+ <div class="frame-endvalue">
527
+ <div class="text8">9%</div>
528
+ </div>
529
+ </div>
530
+ <div class="Total">
531
+ <div class="framestartvalue">
532
+ <div class="text7">Total</div>
533
+ </div>
534
+ <div class="frame-endvalue">
535
+ <div class="text8">$0</div>
536
+ </div>
537
+ </div>
538
+ <div class="Discount">
539
+ <div class="framestartvalue">
540
+ <div class="text7">Discount</div>
541
+ </div>
542
+ <div class="frame-endvalue">
543
+ <div class="text8">0% (- $0 )</div>
544
+ </div>
545
+ </div>
546
+ <div class="divider">
547
+ <svg class="container" width="541" height="1" viewBox="0 0 541 1"
548
+ fill="none" xmlns="http://www.w3.org/2000/svg">
549
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M509 1H32V0H509V1Z"
550
+ fill="#EAECF0" />
551
+ </svg>
552
+ </div>
553
+ <div class="finalvalue">
554
+ <div class="framestartvalue">
555
+ <div class="text7">Final Value</div>
556
+ </div>
557
+ <div class="frame-endvalue">
558
+ <div class="text8">$0</div>
559
+ </div>
560
+ </div>
561
+ </div>
562
+ </td>
563
+ </tr>
564
+ </table>
565
+ </td>
566
+ </tr>
567
+ </table>
568
+ </td>
569
+ </tr>
570
+
571
+
572
+ <tr>
573
+ <td align="center" bgcolor="#dbe5ea" style="padding: 0px 15px 32px 15px;">
574
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 648px;">
575
+ <tr>
576
+ <td class="o_bg-white o_px-md o_py-xl o_xs-py-md"
577
+ style="background-color: #ffffff;padding-left: 35px;padding-right: 24px;padding-top:10px">
578
+ <div class="o_col-6s o_sans o_text-md o_text-light o_center"
579
+ style="margin-top: 35px;margin-bottom: 0px;font-size: 12px;color: #202B3C;font-style: normal;font-weight: 400;font-size: 12px;line-height: 150%;">
580
+ <p>
581
+ If you'd rather not receive this kind of email, Don’t want any more emails from
582
+ TangoEye? <a
583
+ style="color: var(--Primary-Base, #00A3FF); text-decoration-line: underline; letter-spacing: 0.2px;">Unsubscribe.</a>
584
+ </p>
585
+ </div>
586
+ </td>
587
+ </tr>
588
+ <tr>
589
+ <td class="o_bg-white o_px-md o_py-xl o_xs-py-md"
590
+ style="background-color: #ffffff;padding:0px 24px 15px 27px">
591
+ <div class="o_col-6s o_sans o_text-md o_text-light o_center"
592
+ style="margin-top: 0px;margin-bottom: 0px;font-size: 12px;color: #202B3C;font-style: normal;font-weight: 400;font-size: 12px;line-height: 150%; padding-left: 7px;">
593
+ <p>
594
+ © Tango Eye. All rights reserved.</p>
595
+ </div>
596
+ </td>
597
+ </tr>
598
+ </table>
599
+ </td>
600
+ </tr>
601
+
602
+ </table>
603
+
604
+ </body>
605
+
606
+ </html>