tango-app-api-payment-subscription 3.0.13-dev → 3.0.14

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,603 @@
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
+ .invoicedescription {
389
+ /* width:300px;
390
+ padding-left:30px; */
391
+ color: #667085 !important
392
+ }
393
+ .productstext {
394
+ font-size: 16px !important;
395
+ font-weight: 500 !important;
396
+ text-align: left;
397
+ color: #475467 !important;
398
+ /* border-bottom:1px solid #f0ecea !important; */
399
+ line-height: 24px !important;
400
+ }
401
+
402
+ .invoicesub {
403
+ /* font-family: 'Inter'; */
404
+ color: #667085 !important;
405
+ font-size: 16px;
406
+ font-weight: 600;
407
+ line-height: 24px;
408
+ text-align: left;
409
+
410
+ }
411
+
412
+ </style>
413
+
414
+ </head>
415
+
416
+ <body style="background-color: #dbe5ea;">
417
+
418
+ <div class="preheader"
419
+ style="display: none; max-width: 0; max-height: 0; overflow: hidden; font-size: 1px; line-height: 1px; color: #fff; opacity: 0;">
420
+ Email Summary (Hidden)
421
+ </div>
422
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" style="padding-left:10px;padding-right:10px;">
423
+ <tr>
424
+ <td bgcolor="#dbe5ea" style="padding:32px 10px 0 10px">
425
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" align="center">
426
+ <tr>
427
+ <td class="o_bg-white o_px-md o_py-md o_sans o_text"
428
+ 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;">
429
+ <p style="margin-top: 0px;margin-bottom: 0px;"><a class="o_text-white"
430
+ href="https://tangoeye.ai/"
431
+ style="text-decoration: none;outline: none;color: #ffffff;"><img
432
+ src="https://devtangoretail-api.tangoeye.ai/logo.png"
433
+ width="200" height="100" alt="SimpleApp"
434
+ style="-ms-interpolation-mode: bicubic;vertical-align: middle;border: 0;line-height: 100%;height: auto;outline: none;text-decoration: none;"></a>
435
+ </p>
436
+ </td>
437
+ </tr>
438
+ <tr>
439
+ <td align="left" bgcolor="#ffffff"
440
+ style="padding-left: 27px;padding-right: 24px; font-size: 14px; line-height: 24px;">
441
+ <p class="o_heading o_mb-xxs"
442
+ style="width: 544px;height: 0px;border: 1px solid #CBD5E1;flex: none;order: 1;flex-grow: 0;">
443
+ </p>
444
+ </td>
445
+ </tr>
446
+ <tr>
447
+ <td class="o_bg-white o_px-md o_py-xl o_xs-py-md"
448
+ style="background-color: #ffffff;padding-left: 30px;padding-right: 24px;padding-bottom: 10px;">
449
+ <div class="o_col-6s o_sans o_text-md o_text-light o_center"
450
+ style="margin-top: 0px;margin-bottom: 0px;font-size: 24px;line-height: 28px;color: #82899a;">
451
+ <span class="o_heading o_text-dark o_mb-xxs"
452
+ style="font-weight: 700;margin-top: 0px;margin-bottom: 4px;color: #121A26;line-height:140%;">
453
+ Credit Note </span>
454
+ </div>
455
+ </td>
456
+ </tr>
457
+ <tr>
458
+ <td align="center" bgcolor="#dbe5ea">
459
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
460
+ <!-- <tr>
461
+ <td align="left" bgcolor="#ffffff"
462
+ style="padding-left: 30px; padding-right: 24px;padding-bottom: 10px;padding-top: 20px;font-weight: 400;font-size: 16px;line-height: 150%;color:#384860">
463
+ <p style="margin: 0;">Dear [Customer's Name],</p>
464
+ </td>
465
+ </tr> -->
466
+ <tr>
467
+ <td align="left" bgcolor="#ffffff"
468
+ style="padding-left: 27px;padding-right: 24px;padding-top:10px; font-size: 16px; line-height: 24px;font-weight:400;color:#384860; padding-bottom: 20px;">
469
+ <p style="margin: 0;">"Notice: Subscription price revised. Please review updated
470
+ pricing details. We appreciate your continued support. Thank you for
471
+ understanding."
472
+ </p>
473
+ </td>
474
+ </tr>
475
+ <tr>
476
+ <td class="o_bg-white o_px-md o_py-xl o_xs-py-md"
477
+ style="background-color: #ffffff;padding-left: 30px;padding-right: 24px;padding-bottom: 10px;">
478
+ <table style="max-width: 600px;border:none" border="0" cellpadding="0" cellspacing="0" width="100%">
479
+ <tr bgcolor="#F9FAFB" style="border-bottom:1px solid #f0ecea;height:40px;;margin-top:10px;text-align:left">
480
+ <th class="invoicedescription" style="width:300px;">Description</th>
481
+ <th class="invoicedescription" style="width:120px;">Price</th>
482
+ <th class="invoicedescription" style="width:120px;">Stores</th>
483
+ <th class="invoicedescription" style="width:120px;">Total Amount</th>
484
+ </tr>
485
+ <tr style="border:none;">
486
+ <td colspan="4" align="left" bgcolor="#ffffff" style="font-size: 14px; line-height: 24px;">
487
+ <p class="" style="border: 0px solid #EAECF0;">
488
+ </p>
489
+ </td>
490
+ </tr>
491
+ {{#each data.products}}
492
+ <tr style="border:none;margin-top:10px;">
493
+ <td class="productstext">{{product.product}}</td>
494
+ <td class="productstext">{{../data.currencyType}} {{basePrice}}</td>
495
+ <td class="productstext">{{count}}</td>
496
+ <td class="productstext">{{../data.currencyType}} {{price}}</td>
497
+ </tr>
498
+ {{/each}}
499
+
500
+ <tr>
501
+ <td colspan="4" align="left" bgcolor="#ffffff"
502
+ style="font-size: 14px; line-height: 24px;">
503
+ <p class="" style="border: 1px solid #EAECF0;">
504
+ </p>
505
+ </td>
506
+ </tr>
507
+ <tr style="border:none;margin-top:10px;">
508
+ <td class="invoicesub">Sub Total</td>
509
+ <td></td>
510
+ <td></td>
511
+ <td class="invoicesub">{{data.currencyType}} {{data.amount}}</td>
512
+ </tr>
513
+ <tr style="border:none;margin-top:10px;">
514
+ <td class="invoicesub">IGST</td>
515
+ <td></td>
516
+ <td></td>
517
+ <td class="invoicesub">{{data.IGST}}%</td>
518
+ </tr>
519
+ <tr style="border:none;margin-top:10px;">
520
+ <td class="invoicesub">CGST</td>
521
+ <td></td>
522
+ <td></td>
523
+ <td class="invoicesub">{{data.CGST}}%</td>
524
+ </tr>
525
+ <tr style="border:none;margin-top:10px;">
526
+ <td class="invoicesub">SGST</td>
527
+ <td></td>
528
+ <td></td>
529
+ <td class="invoicesub">{{data.SGST}}%</td>
530
+ </tr>
531
+ <tr style="border:none;margin-top:10px;">
532
+ <td class="invoicesub">Total</td>
533
+ <td></td>
534
+ <td></td>
535
+ <td class="invoicesub">{{data.currencyType}} {{data.total}}</td>
536
+ </tr>
537
+ <tr style="border:none;margin-top:10px;">
538
+ <td class="invoicesub">Discount</td>
539
+ <td></td>
540
+ <td></td>
541
+ <td class="invoicesub">{{data.discount}}</td>
542
+ </tr>
543
+ <tr>
544
+ <td colspan="4" align="left" bgcolor="#ffffff"
545
+ style="font-size: 14px; line-height: 24px;">
546
+ <p class="" style="border: 1px solid #EAECF0;">
547
+ </p>
548
+ </td>
549
+ </tr>
550
+ <tr style="border:none;margin-top:10px;">
551
+ <td class="invoicesub">Final Value</td>
552
+ <td></td>
553
+ <td></td>
554
+ <td class="invoicesub">{{data.currencyType}} {{data.final}}</td>
555
+ </tr>
556
+ </table>
557
+ </td>
558
+ </tr>
559
+ </table>
560
+ </td>
561
+ </tr>
562
+ <tr>
563
+ <td align="center" bgcolor="#dbe5ea" style="padding:0 0px 32px 0px;">
564
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 648px;">
565
+ <tr>
566
+ <td class="o_bg-white o_px-md o_py-xl o_xs-py-md"
567
+ style="background-color: #ffffff;padding-left: 35px;padding-right: 24px;padding-top:10px">
568
+ <div class="o_col-6s o_sans o_text-md o_text-light o_center"
569
+ style="margin-top: 35px;margin-bottom: 0px;font-size: 12px;color: #202B3C;font-style: normal;font-weight: 400;font-size: 12px;line-height: 150%;">
570
+ <p>
571
+ If you'd rather not receive this kind of email, Don’t want any more emails from
572
+ TangoEye? <a
573
+ style="color: var(--Primary-Base, #00A3FF); text-decoration-line: underline; letter-spacing: 0.2px;">Unsubscribe.</a>
574
+ </p>
575
+ </div>
576
+ </td>
577
+ </tr>
578
+ <tr>
579
+ <td class="o_bg-white o_px-md o_py-xl o_xs-py-md"
580
+ style="background-color: #ffffff;padding:0px 24px 15px 27px">
581
+ <div class="o_col-6s o_sans o_text-md o_text-light o_center"
582
+ 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;">
583
+ <p>
584
+ © Tango Eye. All rights reserved.</p>
585
+ </div>
586
+ </td>
587
+ </tr>
588
+ </table>
589
+ </td>
590
+ </tr>
591
+ </table>
592
+ </td>
593
+
594
+ </tr>
595
+
596
+
597
+
598
+
599
+ </table>
600
+
601
+ </body>
602
+
603
+ </html>