@plasoft/boletos 1.0.46 → 1.0.48

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.
Files changed (10) hide show
  1. package/build/index.d.mts +70 -12
  2. package/build/index.d.ts +70 -12
  3. package/build/index.js +128 -1
  4. package/build/index.js.map +1 -0
  5. package/build/index.mjs +130 -1
  6. package/build/index.mjs.map +1 -0
  7. package/build/itau-1.svg +1 -0
  8. package/build/itau-boleto.hbs +323 -0
  9. package/build/teste.html +329 -874
  10. package/package.json +2 -2
package/build/teste.html CHANGED
@@ -1,874 +1,329 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="UTF-8">
6
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
8
- <title>Boleto</title>
9
-
10
- <style>
11
- * {
12
- margin: 0;
13
- padding: 0;
14
- box-sizing: border-box;
15
- font-family: arial, sans-serif;
16
- font-size: 11px
17
- }
18
-
19
- .container {
20
- padding: 2rem;
21
- }
22
-
23
- .header-logo {
24
- display: flex;
25
- align-items: center;
26
- justify-content: space-between;
27
- padding: 1px;
28
- }
29
-
30
- strong {
31
- vertical-align: top;
32
- font-size: 7px;
33
- }
34
-
35
- .header-banco {
36
- font-size: 28px;
37
- width: 10% !important;
38
- }
39
-
40
- td {
41
- border: 1px solid #333333;
42
- padding: 0px 5px;
43
- }
44
-
45
- .td-content {
46
- display: flex;
47
- flex-direction: column;
48
- }
49
-
50
- .right span {
51
- text-align: right;
52
- }
53
-
54
- .td-content strong {
55
- margin-bottom: 5px;
56
- }
57
-
58
- .td-content-padding {
59
- padding: 0px 5px !important;
60
- }
61
-
62
- .td-no-style {
63
- border: none !important;
64
- padding: 0px !important;
65
- }
66
-
67
- .border-right-td {
68
- border-bottom: 1px solid #333333 !important;
69
- border-right: 1px solid #333333 !important;
70
- }
71
-
72
- .border-bottom-tr {
73
- border-bottom: 1px solid #333333 !important;
74
- }
75
-
76
- .align-right {
77
- text-align: right;
78
- }
79
-
80
- table {
81
- width: 100%;
82
- border-collapse: collapse;
83
- }
84
-
85
- .codigo-barras {
86
- display: flex;
87
- align-items: flex-start;
88
- justify-content: space-between;
89
- }
90
-
91
- .codigo-barras img {
92
- width: 400px;
93
- }
94
- </style>
95
- </head>
96
-
97
- <body>
98
- <div class="container">
99
- <table>
100
- <tr>
101
- <td width="150px" style="border-bottom: none;">
102
- <div class="header-logo">
103
- <img
104
- src="data:image/png;base64,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"
105
- alt="Banco do Brasil" width="200">
106
- </div>
107
- </td>
108
-
109
- <td width="65px" style="border-bottom: none;">
110
- <strong style="font-size: 20px;">001-9</strong>
111
- </td>
112
-
113
- <td style="border-bottom: none">
114
- <div class="align-right">
115
- <div class="td-content">
116
- <strong class="align-right">RECIBO DO BENEFICIÁRIO</strong>
117
- </div>
118
- <strong style="font-size: 18px;">
119
- {{boleto.linhaDigitavel}}
120
- </strong>
121
- </div>
122
- </td>
123
- </tr>
124
-
125
- <tr>
126
- <table>
127
- <tr>
128
- <td colspan="4">
129
- <div class="td-content">
130
- <strong>BENEFICIÁRIO</strong>
131
- <span>{{beneficiario.nome}}</span>
132
- </div>
133
- </td>
134
-
135
- <td>
136
- <div class="td-content">
137
- <strong>AGÊNCIA/CÓDIGO BENEFICIÁRIO</strong>
138
- <span class="align-right">
139
- {{beneficiario.dadosBancario.agencia}}
140
- </span>
141
- </div>
142
- </td>
143
-
144
- <td>
145
- <div class="td-content">
146
- <strong>VENCIMENTO</strong>
147
- <span class="align-right">{{boleto.dataVencimento}}</span>
148
- </div>
149
- </td>
150
- </tr>
151
-
152
- <tr>
153
- <td>
154
- <div class="td-content">
155
- <strong>DATA DO DOCUMENTO</strong>
156
- <span>{{boleto.dataDocumento}}</span>
157
- </div>
158
- </td>
159
-
160
- <td>
161
- <div class="td-content">
162
- <strong>NÚMERO DO DOCUMENTO</strong>
163
- <span>{{boleto.numeroDocumento}}</span>
164
- </div>
165
- </td>
166
-
167
- <td>
168
- <div class="td-content">
169
- <strong>ESPÉCIE DOC.</strong>
170
- <span>{{boleto.especieDocumento}}</span>
171
- </div>
172
- </td>
173
-
174
- <td>
175
- <div class="td-content">
176
- <strong>ACEITE</strong>
177
- <span>{{boleto.aceite}}</span>
178
- </div>
179
- </td>
180
-
181
- <td>
182
- <div class="td-content">
183
- <strong>DATA PROCESSAMENTO</strong>
184
- <span>{{boleto.dataProcessamento}}</span>
185
- </div>
186
- </td>
187
-
188
- <td>
189
- <div class="td-content">
190
- <strong>NOSSO NÚMERO</strong>
191
- <span class="align-right">{{boleto.nossoNumero}}</span>
192
- </div>
193
- </td>
194
- </tr>
195
-
196
- <tr>
197
- <td>
198
- <div class="td-content">
199
- <strong style="float: inline-start;">PARA USO DO BANCO</strong>
200
- <span>
201
- {{#if boleto.usoDoBanco}}{{boleto.usoDoBanco}}{{else}}&nbsp;{{/if}}
202
- </span>
203
- </div>
204
- </td>
205
-
206
- <td>
207
- <div class="td-content">
208
- <strong>CARTEIRA</strong>
209
- <span>{{beneficiario.dadosBancario.carteira}}</span>
210
- </div>
211
- </td>
212
-
213
- <td>
214
- <div class="td-content">
215
- <strong>ESPÉCIE</strong>
216
- <span>{{boleto.moeda}}</span>
217
- </div>
218
- </td>
219
-
220
- <td>
221
- <div class="td-content">
222
- <strong>QUANTIDADE</strong>
223
- <span>
224
- {{#if boleto.quantidade}}{{boleto.quantidade}}{{else}}&nbsp;{{/if}}
225
- </span>
226
- </div>
227
- </td>
228
-
229
- <td>
230
- <div class="td-content">
231
- <strong>VALOR</strong>
232
- <span>{{#if boleto.valor}}{{boleto.valor}}{{else}}&nbsp;{{/if}}</span>
233
- </div>
234
- </td>
235
-
236
- <td>
237
- <div class="td-content">
238
- <strong>VALOR DO DOCUMENTO</strong>
239
- <span class="align-right">{{boleto.valorDocumento}}</span>
240
- </div>
241
- </td>
242
- </tr>
243
- <tr>
244
- <!-- INSTRUÇÕES -->
245
- <td colspan="5">
246
- <div class="td-content" style="height: 110px;">
247
- <strong>
248
- INSTRUÇÕES (TEXTO DE RESPONSABILIDADE DO CEDENTE)
249
- </strong>
250
- <span>{{boleto.instrucao1}}</span>
251
- <span>{{boleto.instrucao2}}</span>
252
- <span>{{boleto.instrucao3}}</span>
253
- <br>
254
- <span>{{boleto.observacoes}}</span>
255
- </div>
256
- </td>
257
-
258
- <!-- VALORES AO LADO DAS INSTRUÇÕES -->
259
- <td class="td-no-style border-right-td">
260
- <table>
261
- <tr class="border-bottom-tr">
262
- <td class="td-no-style">
263
- <div class="td-content right td-content-padding">
264
- <strong>(-) DESCONTO/ABATIMENTO</strong>
265
- <span>
266
- {{boleto.valorDescontoAbatimento}}
267
- </span>
268
- </div>
269
- </td>
270
- </tr>
271
-
272
- <tr class="border-bottom-tr">
273
- <td class="td-no-style">
274
- <div class="td-content right td-content-padding">
275
- <strong>(-) OUTRAS DEDUÇÕES</strong>
276
- <span>
277
- {{boleto.valorOutrasDeducoes}}
278
- </span>
279
- </div>
280
- </td>
281
- </tr>
282
-
283
- <tr class="border-bottom-tr">
284
- <td class="td-no-style">
285
- <div class="td-content right td-content-padding">
286
- <strong>(+) MORA/MULTA/JUROS</strong>
287
- <span>
288
- {{boleto.valorMulta}}
289
- </span>
290
- </div>
291
- </td>
292
- </tr>
293
-
294
- <tr class="border-bottom-tr">
295
- <td class="td-no-style">
296
- <div class="td-content right td-content-padding">
297
- <strong>(+) OUTROS ACRÉSCIMOS</strong>
298
- <span>
299
- {{boleto.valorAcrescimo}}
300
- </span>
301
- </div>
302
- </td>
303
- </tr>
304
-
305
- <tr>
306
- <td class="td-no-style">
307
- <div class="td-content right td-content-padding">
308
- <strong>(=) VALOR COBRADO</strong>
309
- <span>
310
- {{boleto.valorCobrado}}
311
- </span>
312
- </div>
313
- </td>
314
- </tr>
315
- </table>
316
- </td>
317
- </tr>
318
- <tr>
319
- <td colspan="6" style="border-bottom: 0px;">
320
- <div class="td-content">
321
- <strong>PAGADOR</strong>
322
- <span>{{pagador.nome}} ({{pagador.cnpj}})</span>
323
- <span>{{pagador.endereco.logradouro}}, {{pagador.endereco.numero}}, {{pagador.endereco.bairro}}</span>
324
- <span>{{pagador.endereco.municipio}}/{{pagador.endereco.uf}} — {{pagador.endereco.cep}}</span>
325
- </div>
326
- </td>
327
- </tr>
328
- <tr>
329
- <td style="border-top: 0px; border-right: 0px;" colspan="5">
330
- <strong style="vertical-align: bottom;">SACADOR/AVALISTA:</strong>
331
- </td>
332
- <td style="border-top: 0px; border-left: 0px; text-align: center;" colspan="1">
333
- <strong style="vertical-align: bottom;">CÓDIGO DE BAIXA</strong>
334
- </td>
335
- </tr>
336
-
337
- <tr>
338
- <td colspan="4" class="td-no-style">
339
- <strong>ESTA QUITAÇÃO SÓ TERÁ VALIDADE APÓS O PAGAMENTO DO CHEQUE PELO BANCO PAGADOR</strong>
340
- </td>
341
-
342
- <td class="td-no-style">
343
- <div class="align-right">
344
- <strong>AUTENTICAÇÃO MECÂNICA</strong>
345
- </div>
346
- </td>
347
- </tr>
348
- </table>
349
- </tr>
350
- </table>
351
-
352
- <br>
353
-
354
- <table>
355
- <tr>
356
- <td width="150px" style="border-bottom: none;">
357
- <div class="header-logo">
358
- <img
359
- src="data:image/png;base64,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"
360
- alt="Banco do Brasil" width="200">
361
- </div>
362
- </td>
363
-
364
- <td width="65px" style="border-bottom: none;">
365
- <strong style="font-size: 20px;">001-9</strong>
366
- </td>
367
-
368
- <td colspan="4" style="border-bottom: none;">
369
- <div class="align-right">
370
- <div class="td-content">
371
- <strong class="align-right">RECIBO DO BENEFICIÁRIO</strong>
372
- </div>
373
- <strong style="font-size: 18px;">
374
- {{boleto.linhaDigitavel}}
375
- </strong>
376
- </div>
377
- </td>
378
- </tr>
379
-
380
- <tr>
381
- <table>
382
- <tr>
383
- <td colspan="4">
384
- <div class="td-content">
385
- <strong>BENEFICIÁRIO</strong>
386
- <span>{{beneficiario.nome}}</span>
387
- </div>
388
- </td>
389
-
390
- <td>
391
- <div class="td-content">
392
- <strong>AGÊNCIA/CÓDIGO BENEFICIÁRIO</strong>
393
- <span class="align-right">
394
- {{beneficiario.dadosBancario.agencia}}
395
- </span>
396
- </div>
397
- </td>
398
-
399
- <td>
400
- <div class="td-content">
401
- <strong>VENCIMENTO</strong>
402
- <span class="align-right">{{boleto.dataVencimento}}</span>
403
- </div>
404
- </td>
405
- </tr>
406
-
407
- <tr>
408
- <td colspan="5">
409
- <div class="td-content">
410
- {{sdsds}}
411
- </div>
412
- </td>
413
-
414
- <td>
415
- <div class="td-content">
416
- <strong>NOSSO NÚMERO</strong>
417
- <span class="align-right">{{boleto.nossoNumero}}</span>
418
- </div>
419
- </td>
420
- </tr>
421
-
422
- <tr>
423
- <td>
424
- <div class="td-content">
425
- <strong>DATA DO DOCUMENTO</strong>
426
- <span>{{boleto.dataDocumento}}</span>
427
- </div>
428
- </td>
429
-
430
- <td>
431
- <div class="td-content">
432
- <strong>NÚMERO DO DOCUMENTO</strong>
433
- <span>{{boleto.numeroDocumento}}</span>
434
- </div>
435
- </td>
436
-
437
- <td>
438
- <div class="td-content">
439
- <strong>ESPÉCIE DOC.</strong>
440
- <span>{{boleto.especieDocumento}}</span>
441
- </div>
442
- </td>
443
-
444
- <td>
445
- <div class="td-content">
446
- <strong>ACEITE</strong>
447
- <span>{{boleto.aceite}}</span>
448
- </div>
449
- </td>
450
-
451
- <td>
452
- <div class="td-content">
453
- <strong>DATA PROCESSAMENTO</strong>
454
- <span>{{boleto.dataProcessamento}}</span>
455
- </div>
456
- </td>
457
-
458
- <td>
459
- <div class="td-content">
460
- <strong>VALOR DO DOCUMENTO</strong>
461
- <span class="align-right">{{boleto.valorDocumento}}</span>
462
- </div>
463
- </td>
464
- </tr>
465
-
466
- <tr>
467
- <td>
468
- <div class="td-content">
469
- <strong style="float: inline-start;">PARA USO DO BANCO</strong>
470
- <span>
471
- {{#if boleto.usoDoBanco}}{{boleto.usoDoBanco}}{{else}}&nbsp;{{/if}}
472
- </span>
473
- </div>
474
- </td>
475
-
476
- <td>
477
- <div class="td-content">
478
- <strong>CARTEIRA</strong>
479
- <span>{{beneficiario.dadosBancario.carteira}}</span>
480
- </div>
481
- </td>
482
-
483
- <td>
484
- <div class="td-content">
485
- <strong>ESPÉCIE</strong>
486
- <span>{{boleto.moeda}}</span>
487
- </div>
488
- </td>
489
-
490
- <td>
491
- <div class="td-content">
492
- <strong>QUANTIDADE</strong>
493
- <span>
494
- {{#if boleto.quantidade}}{{boleto.quantidade}}{{else}}&nbsp;{{/if}}
495
- </span>
496
- </div>
497
- </td>
498
-
499
- <td>
500
- <div class="td-content">
501
- <strong>VALOR</strong>
502
- <span>{{#if boleto.valor}}{{boleto.valor}}{{else}}&nbsp;{{/if}}</span>
503
- </div>
504
- </td>
505
-
506
- <td>
507
- <div class="td-content">
508
- <strong>(-) DESCONTO/ABATIMENTO</strong>
509
- <span class="align-right">
510
- {{boleto.valorDescontoAbatimento}}
511
- </span>
512
- </div>
513
- </td>
514
- </tr>
515
- <tr>
516
- <!-- INSTRUÇÕES -->
517
- <td colspan="5">
518
- <div class="td-content" style="height: 110px;">
519
- <strong>
520
- INSTRUÇÕES (TEXTO DE RESPONSABILIDADE DO CEDENTE)
521
- </strong>
522
- <span>{{boleto.instrucao1}}</span>
523
- <span>{{boleto.instrucao2}}</span>
524
- <span>{{boleto.instrucao3}}</span>
525
- <br>
526
- <span>{{boleto.observacoes}}</span>
527
- </div>
528
- </td>
529
-
530
- <!-- VALORES AO LADO DAS INSTRUÇÕES -->
531
- <td class="td-no-style border-right-td">
532
- <table>
533
- <tr class="border-bottom-tr">
534
- <td class="td-no-style">
535
- <div class="td-content right td-content-padding">
536
- <strong>(-) OUTRAS DEDUÇÕES</strong>
537
- <span>
538
- {{boleto.valorOutrasDeducoes}}
539
- </span>
540
- </div>
541
- </td>
542
- </tr>
543
-
544
- <tr class="border-bottom-tr">
545
- <td class="td-no-style">
546
- <div class="td-content right td-content-padding">
547
- <strong>(+) MORA/MULTA/JUROS</strong>
548
- <span>
549
- {{boleto.valorMulta}}
550
- </span>
551
- </div>
552
- </td>
553
- </tr>
554
-
555
- <tr class="border-bottom-tr">
556
- <td class="td-no-style">
557
- <div class="td-content right td-content-padding">
558
- <strong>(+) OUTROS ACRÉSCIMOS</strong>
559
- <span>
560
- {{boleto.valorAcrescimo}}
561
- </span>
562
- </div>
563
- </td>
564
- </tr>
565
-
566
- <tr>
567
- <td class="td-no-style">
568
- <div class="td-content right td-content-padding">
569
- <strong>(=) VALOR COBRADO</strong>
570
- <span>
571
- {{boleto.valorCobrado}}
572
- </span>
573
- </div>
574
- </td>
575
- </tr>
576
- </table>
577
- </td>
578
- </tr>
579
- <tr>
580
- <td colspan="6" style="border-bottom: 0px;">
581
- <div class="td-content">
582
- <strong>PAGADOR</strong>
583
- <span>{{pagador.nome}} ({{pagador.cnpj}})</span>
584
- <span>{{pagador.endereco.logradouro}}, {{pagador.endereco.numero}}, {{pagador.endereco.bairro}}</span>
585
- <span>{{pagador.endereco.municipio}}/{{pagador.endereco.uf}} — {{pagador.endereco.cep}}</span>
586
- </div>
587
- </td>
588
- </tr>
589
- <tr>
590
- <td style="border-top: 0px; border-right: 0px;" colspan="5">
591
- <strong style="vertical-align: bottom;">SACADOR/AVALISTA:</strong>
592
- </td>
593
- <td style="border-top: 0px; border-left: 0px; text-align: center;" colspan="1">
594
- <strong style="vertical-align: bottom;">CÓDIGO DE BAIXA</strong>
595
- </td>
596
- </tr>
597
-
598
- <tr>
599
- <td colspan="4" class="td-no-style"></td>
600
-
601
- <td class="td-no-style">
602
- <div class="align-right">
603
- <strong>AUTENTICAÇÃO MECÂNICA</strong>
604
- </div>
605
- </td>
606
- </tr>
607
- </table>
608
- </tr>
609
- </table>
610
-
611
- <table>
612
- <tr>
613
- <td width="150px" style="border-bottom: none;">
614
- <div class="header-logo">
615
- <img
616
- src="data:image/png;base64,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"
617
- alt="Banco do Brasil" width="200">
618
- </div>
619
- </td>
620
-
621
- <td width="65px" style="border-bottom: none;">
622
- <strong style="font-size: 20px;">001-9</strong>
623
- </td>
624
-
625
- <td style="border-bottom: none">
626
- <div class="align-right">
627
- <div class="td-content">
628
- <strong class="align-right">RECIBO DO BENEFICIÁRIO</strong>
629
- </div>
630
- <strong style="font-size: 18px;">
631
- {{boleto.linhaDigitavel}}
632
- </strong>
633
- </div>
634
- </td>
635
- </tr>
636
-
637
- <tr>
638
- <table>
639
- <tr>
640
- <td colspan="4">
641
- <div class="td-content">
642
- <strong>BENEFICIÁRIO</strong>
643
- <span>{{beneficiario.nome}}</span>
644
- </div>
645
- </td>
646
-
647
- <td>
648
- <div class="td-content">
649
- <strong>AGÊNCIA/CÓDIGO BENEFICIÁRIO</strong>
650
- <span class="align-right">
651
- {{beneficiario.dadosBancario.agencia}}
652
- </span>
653
- </div>
654
- </td>
655
-
656
- <td>
657
- <div class="td-content">
658
- <strong>VENCIMENTO</strong>
659
- <span class="align-right">{{boleto.dataVencimento}}</span>
660
- </div>
661
- </td>
662
- </tr>
663
-
664
- <tr>
665
- <td>
666
- <div class="td-content">
667
- <strong>DATA DO DOCUMENTO</strong>
668
- <span>{{boleto.dataDocumento}}</span>
669
- </div>
670
- </td>
671
-
672
- <td>
673
- <div class="td-content">
674
- <strong>NÚMERO DO DOCUMENTO</strong>
675
- <span>{{boleto.numeroDocumento}}</span>
676
- </div>
677
- </td>
678
-
679
- <td>
680
- <div class="td-content">
681
- <strong>ESPÉCIE DOC.</strong>
682
- <span>{{boleto.especieDocumento}}</span>
683
- </div>
684
- </td>
685
-
686
- <td>
687
- <div class="td-content">
688
- <strong>ACEITE</strong>
689
- <span>{{boleto.aceite}}</span>
690
- </div>
691
- </td>
692
-
693
- <td>
694
- <div class="td-content">
695
- <strong>DATA PROCESSAMENTO</strong>
696
- <span>{{boleto.dataProcessamento}}</span>
697
- </div>
698
- </td>
699
-
700
- <td>
701
- <div class="td-content">
702
- <strong>NOSSO NÚMERO</strong>
703
- <span class="align-right">{{boleto.nossoNumero}}</span>
704
- </div>
705
- </td>
706
- </tr>
707
-
708
- <tr>
709
- <td>
710
- <div class="td-content">
711
- <strong style="float: inline-start;">PARA USO DO BANCO</strong>
712
- <span>
713
- {{#if boleto.usoDoBanco}}{{boleto.usoDoBanco}}{{else}}&nbsp;{{/if}}
714
- </span>
715
- </div>
716
- </td>
717
-
718
- <td>
719
- <div class="td-content">
720
- <strong>CARTEIRA</strong>
721
- <span>{{beneficiario.dadosBancario.carteira}}</span>
722
- </div>
723
- </td>
724
-
725
- <td>
726
- <div class="td-content">
727
- <strong>ESPÉCIE</strong>
728
- <span>{{boleto.moeda}}</span>
729
- </div>
730
- </td>
731
-
732
- <td>
733
- <div class="td-content">
734
- <strong>QUANTIDADE</strong>
735
- <span>
736
- {{#if boleto.quantidade}}{{boleto.quantidade}}{{else}}&nbsp;{{/if}}
737
- </span>
738
- </div>
739
- </td>
740
-
741
- <td>
742
- <div class="td-content">
743
- <strong>VALOR</strong>
744
- <span>{{#if boleto.valor}}{{boleto.valor}}{{else}}&nbsp;{{/if}}</span>
745
- </div>
746
- </td>
747
-
748
- <td>
749
- <div class="td-content">
750
- <strong>VALOR DO DOCUMENTO</strong>
751
- <span class="align-right">{{boleto.valorDocumento}}</span>
752
- </div>
753
- </td>
754
- </tr>
755
- <tr>
756
- <!-- INSTRUÇÕES -->
757
- <td colspan="5">
758
- <div class="td-content" style="height: 110px;">
759
- <strong>
760
- INSTRUÇÕES (TEXTO DE RESPONSABILIDADE DO CEDENTE)
761
- </strong>
762
- <span>{{boleto.instrucao1}}</span>
763
- <span>{{boleto.instrucao2}}</span>
764
- <span>{{boleto.instrucao3}}</span>
765
- <br>
766
- <span>{{boleto.observacoes}}</span>
767
- </div>
768
- </td>
769
-
770
- <!-- VALORES AO LADO DAS INSTRUÇÕES -->
771
- <td class="td-no-style border-right-td">
772
- <table>
773
- <tr class="border-bottom-tr">
774
- <td class="td-no-style">
775
- <div class="td-content right td-content-padding">
776
- <strong>(-) DESCONTO/ABATIMENTO</strong>
777
- <span>
778
- {{boleto.valorDescontoAbatimento}}
779
- </span>
780
- </div>
781
- </td>
782
- </tr>
783
-
784
- <tr class="border-bottom-tr">
785
- <td class="td-no-style">
786
- <div class="td-content right td-content-padding">
787
- <strong>(-) OUTRAS DEDUÇÕES</strong>
788
- <span>
789
- {{boleto.valorOutrasDeducoes}}
790
- </span>
791
- </div>
792
- </td>
793
- </tr>
794
-
795
- <tr class="border-bottom-tr">
796
- <td class="td-no-style">
797
- <div class="td-content right td-content-padding">
798
- <strong>(+) MORA/MULTA/JUROS</strong>
799
- <span>
800
- {{boleto.valorMulta}}
801
- </span>
802
- </div>
803
- </td>
804
- </tr>
805
-
806
- <tr class="border-bottom-tr">
807
- <td class="td-no-style">
808
- <div class="td-content right td-content-padding">
809
- <strong>(+) OUTROS ACRÉSCIMOS</strong>
810
- <span>
811
- {{boleto.valorAcrescimo}}
812
- </span>
813
- </div>
814
- </td>
815
- </tr>
816
-
817
- <tr>
818
- <td class="td-no-style">
819
- <div class="td-content right td-content-padding">
820
- <strong>(=) VALOR COBRADO</strong>
821
- <span>
822
- {{boleto.valorCobrado}}
823
- </span>
824
- </div>
825
- </td>
826
- </tr>
827
- </table>
828
- </td>
829
- </tr>
830
- <tr>
831
- <td colspan="6" style="border-bottom: 0px;">
832
- <div class="td-content">
833
- <strong>PAGADOR</strong>
834
- <span>{{pagador.nome}} ({{pagador.cnpj}})</span>
835
- <span>{{pagador.endereco.logradouro}}, {{pagador.endereco.numero}}, {{pagador.endereco.bairro}}</span>
836
- <span>{{pagador.endereco.municipio}}/{{pagador.endereco.uf}} — {{pagador.endereco.cep}}</span>
837
- </div>
838
- </td>
839
- </tr>
840
- <tr>
841
- <td style="border-top: 0px; border-right: 0px;" colspan="5">
842
- <strong style="vertical-align: bottom;">SACADOR/AVALISTA:</strong>
843
- </td>
844
- <td style="border-top: 0px; border-left: 0px; text-align: center;" colspan="1">
845
- <strong style="vertical-align: bottom;">CÓDIGO DE BAIXA</strong>
846
- </td>
847
- </tr>
848
-
849
- <tr>
850
- <td colspan="4" class="td-no-style"></td>
851
-
852
- <td class="td-no-style">
853
- <div class="align-right">
854
- <strong>AUTENTICAÇÃO MECÂNICA -</strong>
855
- </div>
856
- </td>
857
-
858
- <td class="td-no-style">
859
- <div class="align-right">
860
- <strong>FICHA DE COMPENSAÇÃO</strong>
861
- </div>
862
- </td>
863
- </tr>
864
- </table>
865
- </tr>
866
- </table>
867
-
868
- <div class="codigo-barras">
869
- <img src="data:image/png;base64,{{boleto.codigoBarraImage}}" alt="{{boleto.codigoBarra}}">
870
- </div>
871
- </div>
872
- </body>
873
-
874
- </html>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
8
+ <title>Boleto</title>
9
+ <style>
10
+ * {
11
+ margin: 0;
12
+ padding: 0;
13
+ box-sizing: border-box;
14
+ font-family: arial, sans-serif;
15
+ font-size: 12px
16
+ }
17
+ </style>
18
+ </head>
19
+
20
+ <body>
21
+ <div style="display: flex; flex-direction: column; padding: 10px; gap: 10px">
22
+ <div style="border: solid 2px #333333">
23
+ <div style="display: flex; gap: 20px">
24
+ <img src="itau-1.svg" style="height: 100px" />
25
+ <span style="font-weight: bold; margin-top: auto">Banco Itaú S.A</span>
26
+ <div style="width: 1px; border: solid 1px #333333"></div>
27
+ <span style="font-weight: bold; margin-top: auto">341-7</span>
28
+ <div style="width: 1px; border: solid 1px #333333"></div>
29
+ <div style="display: flex; flex-direction: column; flex-grow: 1; padding:15px">
30
+ <span style="font-size: 14px; font-weight: bold; margin-left: auto">RECIBO DO PAGADOR</span>
31
+ <span style="font-size: 14px; font-weight: bold; margin-top: auto">{{boleto.linhaDigitavel}}</span>
32
+ </div>
33
+ </div>
34
+
35
+ <div style="display: flex; border-top: solid 2px #333333">
36
+ <div style="display: flex; flex-direction: column; width: 80%; padding: 5px; gap: 5px">
37
+ <span style="font-weight: bold">Local de pagamento</span>
38
+ <span>Em qualquer banco ou correspondente bancário mesmo após o vencimento</span>
39
+ </div>
40
+ <div style="width: 1px; border: solid 1px #333333"></div>
41
+ <div style="display: flex; flex-direction: column; flex-grow: 1; padding: 5px; gap: 5px">
42
+ <span style="font-weight: bold">Vencimento</span>
43
+ <span style="font-weight: bold; margin-left: auto">{{boleto.dataVencimento}}</span>
44
+ </div>
45
+ </div>
46
+
47
+ <div style="display: flex; border-top: solid 2px #333333">
48
+ <div style="display: flex; width: 80%">
49
+ <div style="display: flex; flex-direction: column; flex-grow: 1">
50
+ <div style="display: flex; flex-direction: column; padding: 5px; gap: 5px">
51
+ <span style="font-weight: bold">Beneficiário</span>
52
+ <div style="display: flex; gap: 250px">
53
+ <span>{{beneficiario.nome}}</span>
54
+ <span>CNPJ: {{beneficiario.cnpj}}</span>
55
+ </div>
56
+ <span>
57
+ <b>Endereço beneficiário:</b>
58
+ {{beneficiario.endereco.logradouro}},
59
+ {{beneficiario.endereco.numero}} -
60
+ {{beneficiario.endereco.bairro}} -
61
+ {{beneficiario.endereco.municipio}}
62
+ {{beneficiario.endereco.uf}}
63
+ CEP: {{beneficiario.endereco.cep}}
64
+ </span>
65
+ </div>
66
+
67
+ <div style="height: 1px; border: solid 1px #333333"></div>
68
+
69
+ <div style="display: flex; gap: 5px">
70
+ <div style="display: flex; flex-direction: column; width: 20%; padding: 5px; gap: 5px">
71
+ <span style="font-weight: bold">Data do documento</span>
72
+ <span>{{boleto.dataDocumento}}</span>
73
+ </div>
74
+ <div style="width: 1px; border: solid 1px #333333"></div>
75
+ <div style="display: flex; flex-direction: column; width: 20%; padding: 5px; gap: 5px">
76
+ <span style="font-weight: bold">Núm. do documento</span>
77
+ </div>
78
+ <div style="width: 1px; border: solid 1px #333333"></div>
79
+ <div style="display: flex; flex-direction: column; width: 20%; padding: 5px; gap: 5px">
80
+ <span style="font-weight: bold">Espécie doc.</span>
81
+ <span>{{boleto.especieDocumento}}</span>
82
+ </div>
83
+ <div style="width: 1px; border: solid 1px #333333"></div>
84
+ <div style="display: flex; flex-direction: column; width: 20%; padding: 5px; gap: 5px">
85
+ <span style="font-weight: bold">Aceite</span>
86
+ <span>{{boleto.aceite}}</span>
87
+ </div>
88
+ <div style="width: 1px; border: solid 1px #333333"></div>
89
+ <div style="display: flex; flex-direction: column; width: 20%; padding: 5px; gap: 5px">
90
+ <span style="font-weight: bold">Data processamento</span>
91
+ <span>{{boleto.dataProcessamento}}</span>
92
+ </div>
93
+ </div>
94
+
95
+ <div style="height: 1px; border: solid 1px #333333"></div>
96
+
97
+ <div style="display: flex; flex-direction: column; flex-grow: 1; height: 145px; padding: 5px; gap: 5px">
98
+ <span style="font-weight: bold">
99
+ Instruções de responsabilidade do BENEFICIÁRIO. Qualquer dúvida sobre este boleto contate o BENEFICIÁRIO
100
+ </span>
101
+ {{#each boleto.instrucoes as |instrucao|}}
102
+ <span>{{instrucao}}</span>
103
+ {{/each}}
104
+ </div>
105
+ </div>
106
+ </div>
107
+
108
+ <div style="width: 1px; border: solid 1px #333333"></div>
109
+
110
+ <div style="display: flex; flex-direction: column; flex-grow: 1">
111
+ <div style="display: flex; flex-direction: column; padding: 5px; gap: 5px">
112
+ <span style="font-weight: bold">Agência/Código Beneficiário</span>
113
+ <span style="font-weight: bold; margin-left: auto">
114
+ {{beneficiario.dadosBancario.agencia}}/{{beneficiario.dadosBancario.conta}}-{{beneficiario.dadosBancario.contaDigito}}
115
+ </span>
116
+ </div>
117
+ <div style="height: 1px; border: solid 1px #333333"></div>
118
+ <div style="display: flex; flex-direction: column; padding: 5px; gap: 5px">
119
+ <span style="font-weight: bold">Nosso Número</span>
120
+ <span style="font-weight: bold; margin-left: auto">
121
+ {{boleto.nossoNumero}}
122
+ </span>
123
+ </div>
124
+ <div style="height: 1px; border: solid 1px #333333"></div>
125
+ <div style="display: flex; flex-direction: column; padding: 5px; gap: 5px">
126
+ <span style="font-weight: bold">(=) Valor do documento</span>
127
+ <span style="font-weight: bold; margin-left: auto">
128
+ {{boleto.valorDocumento}}
129
+ </span>
130
+ </div>
131
+ <div style="height: 1px; border: solid 1px #333333"></div>
132
+ <div style="display: flex; flex-direction: column; padding: 5px; gap: 5px">
133
+ <span style="font-weight: bold">(-) Descontos/Abatimentos</span>
134
+ <span style="font-weight: bold; margin-left: auto">&nbsp;</span>
135
+ </div>
136
+ <div style="height: 1px; border: solid 1px #333333"></div>
137
+ <div style="display: flex; flex-direction: column; padding: 5px; gap: 5px">
138
+ <span style="font-weight: bold">(+) Mora/Multa</span>
139
+ <span style="font-weight: bold; margin-left: auto">&nbsp;</span>
140
+ </div>
141
+ <div style="height: 1px; border: solid 1px #333333"></div>
142
+ <div style="display: flex; flex-direction: column; padding: 5px; gap: 5px">
143
+ <span style="font-weight: bold">(=) Valor cobrado</span>
144
+ <span style="font-weight: bold; margin-left: auto">&nbsp;</span>
145
+ </div>
146
+ </div>
147
+ </div>
148
+
149
+ <div style="display: flex; border-top: solid 2px #333333; height: 100px; padding: 5px; gap: 400px">
150
+ <span style="font-weight: bold">PAGADOR - {{pagador.nome}}</span>
151
+ <span style="font-weight: bold">CNPJ/CPF: {{pagador.cnpj}}</span>
152
+ </div>
153
+ </div>
154
+
155
+ <div style="border: solid 2px #333333">
156
+ <div style="display: flex; gap: 20px">
157
+ <img src="itau-1.svg" style="height: 100px" />
158
+ <span style="font-weight: bold; margin-top: auto">Banco Itaú S.A</span>
159
+ <div style="width: 1px; border: solid 1px #333333"></div>
160
+ <span style="font-weight: bold; margin-top: auto">341-7</span>
161
+ <div style="width: 1px; border: solid 1px #333333"></div>
162
+ <div style="display: flex; flex-direction: column; flex-grow: 1; padding:15px">
163
+ <span style="font-size: 14px; font-weight: bold; margin-left: auto">RECIBO DO PAGADOR</span>
164
+ <span style="font-size: 14px; font-weight: bold; margin-top: auto">{{boleto.linhaDigitavel}}</span>
165
+ </div>
166
+ </div>
167
+
168
+ <div style="display: flex; border-top: solid 2px #333333">
169
+ <div style="display: flex; flex-direction: column; width: 80%; padding: 5px; gap: 5px">
170
+ <span style="font-weight: bold">Local de pagamento</span>
171
+ <span>Em qualquer banco ou correspondente bancário mesmo após o vencimento</span>
172
+ </div>
173
+ <div style="width: 1px; border: solid 1px #333333"></div>
174
+ <div style="display: flex; flex-direction: column; flex-grow: 1; padding: 5px; gap: 5px">
175
+ <span style="font-weight: bold">Vencimento</span>
176
+ <span style="font-weight: bold; margin-left: auto">{{boleto.dataVencimento}}</span>
177
+ </div>
178
+ </div>
179
+
180
+ <div style="display: flex; border-top: solid 2px #333333">
181
+ <div style="display: flex; width: 80%">
182
+ <div style="display: flex; flex-direction: column; flex-grow: 1">
183
+ <div style="display: flex; flex-direction: column; padding: 5px; gap: 5px">
184
+ <span style="font-weight: bold">Beneficiário</span>
185
+ <div style="display: flex; gap: 250px">
186
+ <span>{{beneficiario.nome}}</span>
187
+ <span>CNPJ: {{beneficiario.cnpj}}</span>
188
+ </div>
189
+ <span>
190
+ <b>Endereço beneficiário:</b>
191
+ {{beneficiario.endereco.logradouro}},
192
+ {{beneficiario.endereco.numero}} -
193
+ {{beneficiario.endereco.bairro}} -
194
+ {{beneficiario.endereco.municipio}}
195
+ {{beneficiario.endereco.uf}}
196
+ CEP: {{beneficiario.endereco.cep}}
197
+ </span>
198
+ </div>
199
+
200
+ <div style="height: 1px; border: solid 1px #333333"></div>
201
+
202
+ <div style="display: flex; gap: 5px">
203
+ <div style="display: flex; flex-direction: column; width: 20%; padding: 5px; gap: 5px">
204
+ <span style="font-weight: bold">Data do documento</span>
205
+ <span>{{boleto.dataDocumento}}</span>
206
+ </div>
207
+ <div style="width: 1px; border: solid 1px #333333"></div>
208
+ <div style="display: flex; flex-direction: column; width: 20%; padding: 5px; gap: 5px">
209
+ <span style="font-weight: bold">Núm. do documento</span>
210
+ </div>
211
+ <div style="width: 1px; border: solid 1px #333333"></div>
212
+ <div style="display: flex; flex-direction: column; width: 20%; padding: 5px; gap: 5px">
213
+ <span style="font-weight: bold">Espécie doc.</span>
214
+ <span>{{boleto.especieDocumento}}</span>
215
+ </div>
216
+ <div style="width: 1px; border: solid 1px #333333"></div>
217
+ <div style="display: flex; flex-direction: column; width: 20%; padding: 5px; gap: 5px">
218
+ <span style="font-weight: bold">Aceite</span>
219
+ <span>{{boleto.aceite}}</span>
220
+ </div>
221
+ <div style="width: 1px; border: solid 1px #333333"></div>
222
+ <div style="display: flex; flex-direction: column; width: 20%; padding: 5px; gap: 5px">
223
+ <span style="font-weight: bold">Data processamento</span>
224
+ <span>{{boleto.dataProcessamento}}</span>
225
+ </div>
226
+ </div>
227
+
228
+ <div style="height: 1px; border: solid 1px #333333"></div>
229
+
230
+ <div style="display: flex; flex-grow: 1; height: 250px; padding: 5px; gap: 100px">
231
+ <div style="display: flex; flex-direction: column; justify-content: space-between; gap: 5px">
232
+ <div style="display: flex; flex-direction: column; gap: 5px">
233
+ <span style="font-weight: bold">
234
+ Instruções de responsabilidade do BENEFICIÁRIO. Qualquer dúvida sobre este boleto contate o BENEFICIÁRIO
235
+ </span>
236
+ {{#each boleto.instrucoes as |instrucao|}}
237
+ <span>{{instrucao}}</span>
238
+ {{/each}}
239
+ </div>
240
+ <div style="display: flex; flex-direction: column; gap: 5px">
241
+ <span>Escolha a forma mais conveniente para realizar o seu pagamento: Código de barras ou QR Code basta acessar o aplicativo da sua instituição financeira e utilizar apenas uma das opções</span>
242
+ <span style="font-weight: bold">PIX Copia e Cola</span>
243
+ <span>{{boleto.pixCopiaCola}}</span>
244
+ </div>
245
+ </div>
246
+ <div style="display: flex; margin-left: auto">
247
+ <img
248
+ src="data:image/png;base64,{{boleto.qrCode}}"
249
+ alt="{{boleto.qrCode}}"
250
+ style="height: 240px;"
251
+ />
252
+ </div>
253
+ </div>
254
+ </div>
255
+ </div>
256
+
257
+ <div style="width: 1px; border: solid 1px #333333"></div>
258
+
259
+ <div style="display: flex; flex-direction: column; flex-grow: 1">
260
+ <div style="display: flex; flex-direction: column; height: 16%; padding: 5px; gap: 5px">
261
+ <span style="font-weight: bold">Agência/Código Beneficiário</span>
262
+ <span style="font-weight: bold; margin-left: auto">
263
+ {{beneficiario.dadosBancario.agencia}}/{{beneficiario.dadosBancario.conta}}-{{beneficiario.dadosBancario.contaDigito}}
264
+ </span>
265
+ </div>
266
+ <div style="height: 1px; border: solid 1px #333333"></div>
267
+ <div style="display: flex; flex-direction: column; height: 16%; padding: 5px; gap: 5px">
268
+ <span style="font-weight: bold">Nosso Número</span>
269
+ <span style="font-weight: bold; margin-left: auto">
270
+ {{boleto.nossoNumero}}
271
+ </span>
272
+ </div>
273
+ <div style="height: 1px; border: solid 1px #333333"></div>
274
+ <div style="display: flex; flex-direction: column; height: 16%; padding: 5px; gap: 5px">
275
+ <span style="font-weight: bold">(=) Valor do documento</span>
276
+ <span style="font-weight: bold; margin-left: auto">
277
+ {{boleto.valorDocumento}}
278
+ </span>
279
+ </div>
280
+ <div style="height: 1px; border: solid 1px #333333"></div>
281
+ <div style="display: flex; flex-direction: column; height: 16%; padding: 5px; gap: 5px">
282
+ <span style="font-weight: bold">(-) Descontos/Abatimentos</span>
283
+ <span style="font-weight: bold; margin-left: auto">&nbsp;</span>
284
+ </div>
285
+ <div style="height: 1px; border: solid 1px #333333"></div>
286
+ <div style="display: flex; flex-direction: column; height: 16%; padding: 5px; gap: 5px">
287
+ <span style="font-weight: bold">(+) Mora/Multa</span>
288
+ <span style="font-weight: bold; margin-left: auto">&nbsp;</span>
289
+ </div>
290
+ <div style="height: 1px; border: solid 1px #333333"></div>
291
+ <div style="display: flex; flex-direction: column; height: 16%; padding: 5px; gap: 5px">
292
+ <span style="font-weight: bold">(=) Valor cobrado</span>
293
+ <span style="font-weight: bold; margin-left: auto">&nbsp;</span>
294
+ </div>
295
+ </div>
296
+ </div>
297
+
298
+ <div style="display: flex; flex-direction: column; border-top: solid 2px #333333; padding: 5px; gap: 10px">
299
+ <div style="display: flex; gap: 400px">
300
+ <span style="font-weight: bold">PAGADOR - {{pagador.nome}}</span>
301
+ <span style="font-weight: bold">CNPJ/CPF: {{pagador.cnpj}}</span>
302
+ </div>
303
+ <span>
304
+ <b>Endereço pagador:</b>
305
+ {{pagador.endereco.logradouro}},
306
+ {{pagador.endereco.numero}} -
307
+ {{pagador.endereco.bairro}} -
308
+ {{pagador.endereco.municipio}}
309
+ {{pagador.endereco.uf}}
310
+ CEP: {{pagador.endereco.cep}}
311
+ </span>
312
+ </div>
313
+
314
+ <div style="display: flex; justify-content: space-between; border-top: solid 2px #333333; padding: 5px; gap: 10px">
315
+ <img
316
+ src="data:image/png;base64,{{boleto.codigoBarraImage}}"
317
+ alt="{{boleto.codigoBarraImage}}"
318
+ style="width: 400px"
319
+ />
320
+ <div style="display: flex; flex-direction: column; margin-top: auto; gap: 5px">
321
+ <span style="font-weight: bold">FICHA DE COMPENSAÇÃO</span>
322
+ <span style="font-weight: bold">AUTENTICAÇÃO MECÂNICA</span>
323
+ </div>
324
+ </div>
325
+ </div>
326
+ </div>
327
+ </body>
328
+
329
+ </html>