@dintero/checkout-web-sdk 0.6.1 → 0.6.3

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 (31) hide show
  1. package/.github/workflows/build.yml +14 -15
  2. package/.github/workflows/release.yml +4 -5
  3. package/.prettierrc.yml +8 -0
  4. package/.releaserc.json +7 -9
  5. package/CHANGELOG.md +11 -9
  6. package/README.md +39 -25
  7. package/dist/declarations/src/checkout.d.ts +2 -2
  8. package/dist/dintero-checkout-web-sdk.cjs.dev.js +105 -97
  9. package/dist/dintero-checkout-web-sdk.cjs.prod.js +105 -97
  10. package/dist/dintero-checkout-web-sdk.esm.js +105 -97
  11. package/dist/dintero-checkout-web-sdk.umd.min.js +1 -1
  12. package/dist/dintero-checkout-web-sdk.umd.min.js.map +1 -1
  13. package/package.json +45 -49
  14. package/patches/vitest+0.34.6.patch +33 -0
  15. package/coverage/Chrome Headless 117.0.5938.149 (Linux x86_64)/html/base.css +0 -224
  16. package/coverage/Chrome Headless 117.0.5938.149 (Linux x86_64)/html/block-navigation.js +0 -79
  17. package/coverage/Chrome Headless 117.0.5938.149 (Linux x86_64)/html/checkout.ts.html +0 -473
  18. package/coverage/Chrome Headless 117.0.5938.149 (Linux x86_64)/html/createIframeAsync.ts.html +0 -263
  19. package/coverage/Chrome Headless 117.0.5938.149 (Linux x86_64)/html/favicon.png +0 -0
  20. package/coverage/Chrome Headless 117.0.5938.149 (Linux x86_64)/html/index.html +0 -216
  21. package/coverage/Chrome Headless 117.0.5938.149 (Linux x86_64)/html/index.ts.html +0 -2366
  22. package/coverage/Chrome Headless 117.0.5938.149 (Linux x86_64)/html/popOut.ts.html +0 -377
  23. package/coverage/Chrome Headless 117.0.5938.149 (Linux x86_64)/html/popOutBackdrop.ts.html +0 -1046
  24. package/coverage/Chrome Headless 117.0.5938.149 (Linux x86_64)/html/popOutButton.ts.html +0 -374
  25. package/coverage/Chrome Headless 117.0.5938.149 (Linux x86_64)/html/prettify.css +0 -1
  26. package/coverage/Chrome Headless 117.0.5938.149 (Linux x86_64)/html/prettify.js +0 -2
  27. package/coverage/Chrome Headless 117.0.5938.149 (Linux x86_64)/html/sort-arrow-sprite.png +0 -0
  28. package/coverage/Chrome Headless 117.0.5938.149 (Linux x86_64)/html/sorter.js +0 -170
  29. package/coverage/Chrome Headless 117.0.5938.149 (Linux x86_64)/html/subscribe.ts.html +0 -632
  30. package/coverage/Chrome Headless 117.0.5938.149 (Linux x86_64)/html/url.ts.html +0 -284
  31. package/karma.conf.js +0 -33
package/coverage/Chrome Headless 117.0.5938.149 (Linux x86_64)/html/popOutBackdrop.ts.html DELETED
@@ -1,1046 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for popOutBackdrop.ts</title>
7
- <meta charset="utf-8" />
8
- <link rel="stylesheet" href="prettify.css" />
9
- <link rel="stylesheet" href="base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="favicon.png" />
11
- <meta name="viewport" content="width=device-width, initial-scale=1" />
12
- <style type='text/css'>
13
- .coverage-summary .sorter {
14
- background-image: url(sort-arrow-sprite.png);
15
- }
16
- </style>
17
- </head>
18
-
19
- <body>
20
- <div class='wrapper'>
21
- <div class='pad1'>
22
- <h1><a href="index.html">All files</a> popOutBackdrop.ts</h1>
23
- <div class='clearfix'>
24
-
25
- <div class='fl pad1y space-right2'>
26
- <span class="strong">84.96% </span>
27
- <span class="quiet">Statements</span>
28
- <span class='fraction'>96/113</span>
29
- </div>
30
-
31
-
32
- <div class='fl pad1y space-right2'>
33
- <span class="strong">46.15% </span>
34
- <span class="quiet">Branches</span>
35
- <span class='fraction'>12/26</span>
36
- </div>
37
-
38
-
39
- <div class='fl pad1y space-right2'>
40
- <span class="strong">93.33% </span>
41
- <span class="quiet">Functions</span>
42
- <span class='fraction'>14/15</span>
43
- </div>
44
-
45
-
46
- <div class='fl pad1y space-right2'>
47
- <span class="strong">84.55% </span>
48
- <span class="quiet">Lines</span>
49
- <span class='fraction'>93/110</span>
50
- </div>
51
-
52
-
53
- </div>
54
- <p class="quiet">
55
- Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
- </p>
57
- </div>
58
- <div class='status-line high'></div>
59
- <pre><table class="coverage">
60
- <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
61
- <a name='L2'></a><a href='#L2'>2</a>
62
- <a name='L3'></a><a href='#L3'>3</a>
63
- <a name='L4'></a><a href='#L4'>4</a>
64
- <a name='L5'></a><a href='#L5'>5</a>
65
- <a name='L6'></a><a href='#L6'>6</a>
66
- <a name='L7'></a><a href='#L7'>7</a>
67
- <a name='L8'></a><a href='#L8'>8</a>
68
- <a name='L9'></a><a href='#L9'>9</a>
69
- <a name='L10'></a><a href='#L10'>10</a>
70
- <a name='L11'></a><a href='#L11'>11</a>
71
- <a name='L12'></a><a href='#L12'>12</a>
72
- <a name='L13'></a><a href='#L13'>13</a>
73
- <a name='L14'></a><a href='#L14'>14</a>
74
- <a name='L15'></a><a href='#L15'>15</a>
75
- <a name='L16'></a><a href='#L16'>16</a>
76
- <a name='L17'></a><a href='#L17'>17</a>
77
- <a name='L18'></a><a href='#L18'>18</a>
78
- <a name='L19'></a><a href='#L19'>19</a>
79
- <a name='L20'></a><a href='#L20'>20</a>
80
- <a name='L21'></a><a href='#L21'>21</a>
81
- <a name='L22'></a><a href='#L22'>22</a>
82
- <a name='L23'></a><a href='#L23'>23</a>
83
- <a name='L24'></a><a href='#L24'>24</a>
84
- <a name='L25'></a><a href='#L25'>25</a>
85
- <a name='L26'></a><a href='#L26'>26</a>
86
- <a name='L27'></a><a href='#L27'>27</a>
87
- <a name='L28'></a><a href='#L28'>28</a>
88
- <a name='L29'></a><a href='#L29'>29</a>
89
- <a name='L30'></a><a href='#L30'>30</a>
90
- <a name='L31'></a><a href='#L31'>31</a>
91
- <a name='L32'></a><a href='#L32'>32</a>
92
- <a name='L33'></a><a href='#L33'>33</a>
93
- <a name='L34'></a><a href='#L34'>34</a>
94
- <a name='L35'></a><a href='#L35'>35</a>
95
- <a name='L36'></a><a href='#L36'>36</a>
96
- <a name='L37'></a><a href='#L37'>37</a>
97
- <a name='L38'></a><a href='#L38'>38</a>
98
- <a name='L39'></a><a href='#L39'>39</a>
99
- <a name='L40'></a><a href='#L40'>40</a>
100
- <a name='L41'></a><a href='#L41'>41</a>
101
- <a name='L42'></a><a href='#L42'>42</a>
102
- <a name='L43'></a><a href='#L43'>43</a>
103
- <a name='L44'></a><a href='#L44'>44</a>
104
- <a name='L45'></a><a href='#L45'>45</a>
105
- <a name='L46'></a><a href='#L46'>46</a>
106
- <a name='L47'></a><a href='#L47'>47</a>
107
- <a name='L48'></a><a href='#L48'>48</a>
108
- <a name='L49'></a><a href='#L49'>49</a>
109
- <a name='L50'></a><a href='#L50'>50</a>
110
- <a name='L51'></a><a href='#L51'>51</a>
111
- <a name='L52'></a><a href='#L52'>52</a>
112
- <a name='L53'></a><a href='#L53'>53</a>
113
- <a name='L54'></a><a href='#L54'>54</a>
114
- <a name='L55'></a><a href='#L55'>55</a>
115
- <a name='L56'></a><a href='#L56'>56</a>
116
- <a name='L57'></a><a href='#L57'>57</a>
117
- <a name='L58'></a><a href='#L58'>58</a>
118
- <a name='L59'></a><a href='#L59'>59</a>
119
- <a name='L60'></a><a href='#L60'>60</a>
120
- <a name='L61'></a><a href='#L61'>61</a>
121
- <a name='L62'></a><a href='#L62'>62</a>
122
- <a name='L63'></a><a href='#L63'>63</a>
123
- <a name='L64'></a><a href='#L64'>64</a>
124
- <a name='L65'></a><a href='#L65'>65</a>
125
- <a name='L66'></a><a href='#L66'>66</a>
126
- <a name='L67'></a><a href='#L67'>67</a>
127
- <a name='L68'></a><a href='#L68'>68</a>
128
- <a name='L69'></a><a href='#L69'>69</a>
129
- <a name='L70'></a><a href='#L70'>70</a>
130
- <a name='L71'></a><a href='#L71'>71</a>
131
- <a name='L72'></a><a href='#L72'>72</a>
132
- <a name='L73'></a><a href='#L73'>73</a>
133
- <a name='L74'></a><a href='#L74'>74</a>
134
- <a name='L75'></a><a href='#L75'>75</a>
135
- <a name='L76'></a><a href='#L76'>76</a>
136
- <a name='L77'></a><a href='#L77'>77</a>
137
- <a name='L78'></a><a href='#L78'>78</a>
138
- <a name='L79'></a><a href='#L79'>79</a>
139
- <a name='L80'></a><a href='#L80'>80</a>
140
- <a name='L81'></a><a href='#L81'>81</a>
141
- <a name='L82'></a><a href='#L82'>82</a>
142
- <a name='L83'></a><a href='#L83'>83</a>
143
- <a name='L84'></a><a href='#L84'>84</a>
144
- <a name='L85'></a><a href='#L85'>85</a>
145
- <a name='L86'></a><a href='#L86'>86</a>
146
- <a name='L87'></a><a href='#L87'>87</a>
147
- <a name='L88'></a><a href='#L88'>88</a>
148
- <a name='L89'></a><a href='#L89'>89</a>
149
- <a name='L90'></a><a href='#L90'>90</a>
150
- <a name='L91'></a><a href='#L91'>91</a>
151
- <a name='L92'></a><a href='#L92'>92</a>
152
- <a name='L93'></a><a href='#L93'>93</a>
153
- <a name='L94'></a><a href='#L94'>94</a>
154
- <a name='L95'></a><a href='#L95'>95</a>
155
- <a name='L96'></a><a href='#L96'>96</a>
156
- <a name='L97'></a><a href='#L97'>97</a>
157
- <a name='L98'></a><a href='#L98'>98</a>
158
- <a name='L99'></a><a href='#L99'>99</a>
159
- <a name='L100'></a><a href='#L100'>100</a>
160
- <a name='L101'></a><a href='#L101'>101</a>
161
- <a name='L102'></a><a href='#L102'>102</a>
162
- <a name='L103'></a><a href='#L103'>103</a>
163
- <a name='L104'></a><a href='#L104'>104</a>
164
- <a name='L105'></a><a href='#L105'>105</a>
165
- <a name='L106'></a><a href='#L106'>106</a>
166
- <a name='L107'></a><a href='#L107'>107</a>
167
- <a name='L108'></a><a href='#L108'>108</a>
168
- <a name='L109'></a><a href='#L109'>109</a>
169
- <a name='L110'></a><a href='#L110'>110</a>
170
- <a name='L111'></a><a href='#L111'>111</a>
171
- <a name='L112'></a><a href='#L112'>112</a>
172
- <a name='L113'></a><a href='#L113'>113</a>
173
- <a name='L114'></a><a href='#L114'>114</a>
174
- <a name='L115'></a><a href='#L115'>115</a>
175
- <a name='L116'></a><a href='#L116'>116</a>
176
- <a name='L117'></a><a href='#L117'>117</a>
177
- <a name='L118'></a><a href='#L118'>118</a>
178
- <a name='L119'></a><a href='#L119'>119</a>
179
- <a name='L120'></a><a href='#L120'>120</a>
180
- <a name='L121'></a><a href='#L121'>121</a>
181
- <a name='L122'></a><a href='#L122'>122</a>
182
- <a name='L123'></a><a href='#L123'>123</a>
183
- <a name='L124'></a><a href='#L124'>124</a>
184
- <a name='L125'></a><a href='#L125'>125</a>
185
- <a name='L126'></a><a href='#L126'>126</a>
186
- <a name='L127'></a><a href='#L127'>127</a>
187
- <a name='L128'></a><a href='#L128'>128</a>
188
- <a name='L129'></a><a href='#L129'>129</a>
189
- <a name='L130'></a><a href='#L130'>130</a>
190
- <a name='L131'></a><a href='#L131'>131</a>
191
- <a name='L132'></a><a href='#L132'>132</a>
192
- <a name='L133'></a><a href='#L133'>133</a>
193
- <a name='L134'></a><a href='#L134'>134</a>
194
- <a name='L135'></a><a href='#L135'>135</a>
195
- <a name='L136'></a><a href='#L136'>136</a>
196
- <a name='L137'></a><a href='#L137'>137</a>
197
- <a name='L138'></a><a href='#L138'>138</a>
198
- <a name='L139'></a><a href='#L139'>139</a>
199
- <a name='L140'></a><a href='#L140'>140</a>
200
- <a name='L141'></a><a href='#L141'>141</a>
201
- <a name='L142'></a><a href='#L142'>142</a>
202
- <a name='L143'></a><a href='#L143'>143</a>
203
- <a name='L144'></a><a href='#L144'>144</a>
204
- <a name='L145'></a><a href='#L145'>145</a>
205
- <a name='L146'></a><a href='#L146'>146</a>
206
- <a name='L147'></a><a href='#L147'>147</a>
207
- <a name='L148'></a><a href='#L148'>148</a>
208
- <a name='L149'></a><a href='#L149'>149</a>
209
- <a name='L150'></a><a href='#L150'>150</a>
210
- <a name='L151'></a><a href='#L151'>151</a>
211
- <a name='L152'></a><a href='#L152'>152</a>
212
- <a name='L153'></a><a href='#L153'>153</a>
213
- <a name='L154'></a><a href='#L154'>154</a>
214
- <a name='L155'></a><a href='#L155'>155</a>
215
- <a name='L156'></a><a href='#L156'>156</a>
216
- <a name='L157'></a><a href='#L157'>157</a>
217
- <a name='L158'></a><a href='#L158'>158</a>
218
- <a name='L159'></a><a href='#L159'>159</a>
219
- <a name='L160'></a><a href='#L160'>160</a>
220
- <a name='L161'></a><a href='#L161'>161</a>
221
- <a name='L162'></a><a href='#L162'>162</a>
222
- <a name='L163'></a><a href='#L163'>163</a>
223
- <a name='L164'></a><a href='#L164'>164</a>
224
- <a name='L165'></a><a href='#L165'>165</a>
225
- <a name='L166'></a><a href='#L166'>166</a>
226
- <a name='L167'></a><a href='#L167'>167</a>
227
- <a name='L168'></a><a href='#L168'>168</a>
228
- <a name='L169'></a><a href='#L169'>169</a>
229
- <a name='L170'></a><a href='#L170'>170</a>
230
- <a name='L171'></a><a href='#L171'>171</a>
231
- <a name='L172'></a><a href='#L172'>172</a>
232
- <a name='L173'></a><a href='#L173'>173</a>
233
- <a name='L174'></a><a href='#L174'>174</a>
234
- <a name='L175'></a><a href='#L175'>175</a>
235
- <a name='L176'></a><a href='#L176'>176</a>
236
- <a name='L177'></a><a href='#L177'>177</a>
237
- <a name='L178'></a><a href='#L178'>178</a>
238
- <a name='L179'></a><a href='#L179'>179</a>
239
- <a name='L180'></a><a href='#L180'>180</a>
240
- <a name='L181'></a><a href='#L181'>181</a>
241
- <a name='L182'></a><a href='#L182'>182</a>
242
- <a name='L183'></a><a href='#L183'>183</a>
243
- <a name='L184'></a><a href='#L184'>184</a>
244
- <a name='L185'></a><a href='#L185'>185</a>
245
- <a name='L186'></a><a href='#L186'>186</a>
246
- <a name='L187'></a><a href='#L187'>187</a>
247
- <a name='L188'></a><a href='#L188'>188</a>
248
- <a name='L189'></a><a href='#L189'>189</a>
249
- <a name='L190'></a><a href='#L190'>190</a>
250
- <a name='L191'></a><a href='#L191'>191</a>
251
- <a name='L192'></a><a href='#L192'>192</a>
252
- <a name='L193'></a><a href='#L193'>193</a>
253
- <a name='L194'></a><a href='#L194'>194</a>
254
- <a name='L195'></a><a href='#L195'>195</a>
255
- <a name='L196'></a><a href='#L196'>196</a>
256
- <a name='L197'></a><a href='#L197'>197</a>
257
- <a name='L198'></a><a href='#L198'>198</a>
258
- <a name='L199'></a><a href='#L199'>199</a>
259
- <a name='L200'></a><a href='#L200'>200</a>
260
- <a name='L201'></a><a href='#L201'>201</a>
261
- <a name='L202'></a><a href='#L202'>202</a>
262
- <a name='L203'></a><a href='#L203'>203</a>
263
- <a name='L204'></a><a href='#L204'>204</a>
264
- <a name='L205'></a><a href='#L205'>205</a>
265
- <a name='L206'></a><a href='#L206'>206</a>
266
- <a name='L207'></a><a href='#L207'>207</a>
267
- <a name='L208'></a><a href='#L208'>208</a>
268
- <a name='L209'></a><a href='#L209'>209</a>
269
- <a name='L210'></a><a href='#L210'>210</a>
270
- <a name='L211'></a><a href='#L211'>211</a>
271
- <a name='L212'></a><a href='#L212'>212</a>
272
- <a name='L213'></a><a href='#L213'>213</a>
273
- <a name='L214'></a><a href='#L214'>214</a>
274
- <a name='L215'></a><a href='#L215'>215</a>
275
- <a name='L216'></a><a href='#L216'>216</a>
276
- <a name='L217'></a><a href='#L217'>217</a>
277
- <a name='L218'></a><a href='#L218'>218</a>
278
- <a name='L219'></a><a href='#L219'>219</a>
279
- <a name='L220'></a><a href='#L220'>220</a>
280
- <a name='L221'></a><a href='#L221'>221</a>
281
- <a name='L222'></a><a href='#L222'>222</a>
282
- <a name='L223'></a><a href='#L223'>223</a>
283
- <a name='L224'></a><a href='#L224'>224</a>
284
- <a name='L225'></a><a href='#L225'>225</a>
285
- <a name='L226'></a><a href='#L226'>226</a>
286
- <a name='L227'></a><a href='#L227'>227</a>
287
- <a name='L228'></a><a href='#L228'>228</a>
288
- <a name='L229'></a><a href='#L229'>229</a>
289
- <a name='L230'></a><a href='#L230'>230</a>
290
- <a name='L231'></a><a href='#L231'>231</a>
291
- <a name='L232'></a><a href='#L232'>232</a>
292
- <a name='L233'></a><a href='#L233'>233</a>
293
- <a name='L234'></a><a href='#L234'>234</a>
294
- <a name='L235'></a><a href='#L235'>235</a>
295
- <a name='L236'></a><a href='#L236'>236</a>
296
- <a name='L237'></a><a href='#L237'>237</a>
297
- <a name='L238'></a><a href='#L238'>238</a>
298
- <a name='L239'></a><a href='#L239'>239</a>
299
- <a name='L240'></a><a href='#L240'>240</a>
300
- <a name='L241'></a><a href='#L241'>241</a>
301
- <a name='L242'></a><a href='#L242'>242</a>
302
- <a name='L243'></a><a href='#L243'>243</a>
303
- <a name='L244'></a><a href='#L244'>244</a>
304
- <a name='L245'></a><a href='#L245'>245</a>
305
- <a name='L246'></a><a href='#L246'>246</a>
306
- <a name='L247'></a><a href='#L247'>247</a>
307
- <a name='L248'></a><a href='#L248'>248</a>
308
- <a name='L249'></a><a href='#L249'>249</a>
309
- <a name='L250'></a><a href='#L250'>250</a>
310
- <a name='L251'></a><a href='#L251'>251</a>
311
- <a name='L252'></a><a href='#L252'>252</a>
312
- <a name='L253'></a><a href='#L253'>253</a>
313
- <a name='L254'></a><a href='#L254'>254</a>
314
- <a name='L255'></a><a href='#L255'>255</a>
315
- <a name='L256'></a><a href='#L256'>256</a>
316
- <a name='L257'></a><a href='#L257'>257</a>
317
- <a name='L258'></a><a href='#L258'>258</a>
318
- <a name='L259'></a><a href='#L259'>259</a>
319
- <a name='L260'></a><a href='#L260'>260</a>
320
- <a name='L261'></a><a href='#L261'>261</a>
321
- <a name='L262'></a><a href='#L262'>262</a>
322
- <a name='L263'></a><a href='#L263'>263</a>
323
- <a name='L264'></a><a href='#L264'>264</a>
324
- <a name='L265'></a><a href='#L265'>265</a>
325
- <a name='L266'></a><a href='#L266'>266</a>
326
- <a name='L267'></a><a href='#L267'>267</a>
327
- <a name='L268'></a><a href='#L268'>268</a>
328
- <a name='L269'></a><a href='#L269'>269</a>
329
- <a name='L270'></a><a href='#L270'>270</a>
330
- <a name='L271'></a><a href='#L271'>271</a>
331
- <a name='L272'></a><a href='#L272'>272</a>
332
- <a name='L273'></a><a href='#L273'>273</a>
333
- <a name='L274'></a><a href='#L274'>274</a>
334
- <a name='L275'></a><a href='#L275'>275</a>
335
- <a name='L276'></a><a href='#L276'>276</a>
336
- <a name='L277'></a><a href='#L277'>277</a>
337
- <a name='L278'></a><a href='#L278'>278</a>
338
- <a name='L279'></a><a href='#L279'>279</a>
339
- <a name='L280'></a><a href='#L280'>280</a>
340
- <a name='L281'></a><a href='#L281'>281</a>
341
- <a name='L282'></a><a href='#L282'>282</a>
342
- <a name='L283'></a><a href='#L283'>283</a>
343
- <a name='L284'></a><a href='#L284'>284</a>
344
- <a name='L285'></a><a href='#L285'>285</a>
345
- <a name='L286'></a><a href='#L286'>286</a>
346
- <a name='L287'></a><a href='#L287'>287</a>
347
- <a name='L288'></a><a href='#L288'>288</a>
348
- <a name='L289'></a><a href='#L289'>289</a>
349
- <a name='L290'></a><a href='#L290'>290</a>
350
- <a name='L291'></a><a href='#L291'>291</a>
351
- <a name='L292'></a><a href='#L292'>292</a>
352
- <a name='L293'></a><a href='#L293'>293</a>
353
- <a name='L294'></a><a href='#L294'>294</a>
354
- <a name='L295'></a><a href='#L295'>295</a>
355
- <a name='L296'></a><a href='#L296'>296</a>
356
- <a name='L297'></a><a href='#L297'>297</a>
357
- <a name='L298'></a><a href='#L298'>298</a>
358
- <a name='L299'></a><a href='#L299'>299</a>
359
- <a name='L300'></a><a href='#L300'>300</a>
360
- <a name='L301'></a><a href='#L301'>301</a>
361
- <a name='L302'></a><a href='#L302'>302</a>
362
- <a name='L303'></a><a href='#L303'>303</a>
363
- <a name='L304'></a><a href='#L304'>304</a>
364
- <a name='L305'></a><a href='#L305'>305</a>
365
- <a name='L306'></a><a href='#L306'>306</a>
366
- <a name='L307'></a><a href='#L307'>307</a>
367
- <a name='L308'></a><a href='#L308'>308</a>
368
- <a name='L309'></a><a href='#L309'>309</a>
369
- <a name='L310'></a><a href='#L310'>310</a>
370
- <a name='L311'></a><a href='#L311'>311</a>
371
- <a name='L312'></a><a href='#L312'>312</a>
372
- <a name='L313'></a><a href='#L313'>313</a>
373
- <a name='L314'></a><a href='#L314'>314</a>
374
- <a name='L315'></a><a href='#L315'>315</a>
375
- <a name='L316'></a><a href='#L316'>316</a>
376
- <a name='L317'></a><a href='#L317'>317</a>
377
- <a name='L318'></a><a href='#L318'>318</a>
378
- <a name='L319'></a><a href='#L319'>319</a>
379
- <a name='L320'></a><a href='#L320'>320</a>
380
- <a name='L321'></a><a href='#L321'>321</a>
381
- <a name='L322'></a><a href='#L322'>322</a>
382
- <a name='L323'></a><a href='#L323'>323</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
383
- <span class="cline-any cline-neutral">&nbsp;</span>
384
- <span class="cline-any cline-neutral">&nbsp;</span>
385
- <span class="cline-any cline-neutral">&nbsp;</span>
386
- <span class="cline-any cline-neutral">&nbsp;</span>
387
- <span class="cline-any cline-neutral">&nbsp;</span>
388
- <span class="cline-any cline-neutral">&nbsp;</span>
389
- <span class="cline-any cline-neutral">&nbsp;</span>
390
- <span class="cline-any cline-yes">1x</span>
391
- <span class="cline-any cline-neutral">&nbsp;</span>
392
- <span class="cline-any cline-yes">4x</span>
393
- <span class="cline-any cline-yes">4x</span>
394
- <span class="cline-any cline-yes">516x</span>
395
- <span class="cline-any cline-yes">516x</span>
396
- <span class="cline-any cline-yes">516x</span>
397
- <span class="cline-any cline-yes">516x</span>
398
- <span class="cline-any cline-no">&nbsp;</span>
399
- <span class="cline-any cline-neutral">&nbsp;</span>
400
- <span class="cline-any cline-neutral">&nbsp;</span>
401
- <span class="cline-any cline-neutral">&nbsp;</span>
402
- <span class="cline-any cline-no">&nbsp;</span>
403
- <span class="cline-any cline-neutral">&nbsp;</span>
404
- <span class="cline-any cline-yes">516x</span>
405
- <span class="cline-any cline-neutral">&nbsp;</span>
406
- <span class="cline-any cline-yes">4x</span>
407
- <span class="cline-any cline-yes">4x</span>
408
- <span class="cline-any cline-neutral">&nbsp;</span>
409
- <span class="cline-any cline-no">&nbsp;</span>
410
- <span class="cline-any cline-neutral">&nbsp;</span>
411
- <span class="cline-any cline-neutral">&nbsp;</span>
412
- <span class="cline-any cline-yes">1x</span>
413
- <span class="cline-any cline-yes">1x</span>
414
- <span class="cline-any cline-yes">1x</span>
415
- <span class="cline-any cline-yes">1x</span>
416
- <span class="cline-any cline-yes">1x</span>
417
- <span class="cline-any cline-neutral">&nbsp;</span>
418
- <span class="cline-any cline-yes">1x</span>
419
- <span class="cline-any cline-neutral">&nbsp;</span>
420
- <span class="cline-any cline-neutral">&nbsp;</span>
421
- <span class="cline-any cline-yes">12x</span>
422
- <span class="cline-any cline-yes">3x</span>
423
- <span class="cline-any cline-yes">3x</span>
424
- <span class="cline-any cline-yes">3x</span>
425
- <span class="cline-any cline-yes">3x</span>
426
- <span class="cline-any cline-neutral">&nbsp;</span>
427
- <span class="cline-any cline-neutral">&nbsp;</span>
428
- <span class="cline-any cline-neutral">&nbsp;</span>
429
- <span class="cline-any cline-yes">1x</span>
430
- <span class="cline-any cline-neutral">&nbsp;</span>
431
- <span class="cline-any cline-yes">4x</span>
432
- <span class="cline-any cline-yes">3x</span>
433
- <span class="cline-any cline-neutral">&nbsp;</span>
434
- <span class="cline-any cline-neutral">&nbsp;</span>
435
- <span class="cline-any cline-yes">1x</span>
436
- <span class="cline-any cline-yes">1x</span>
437
- <span class="cline-any cline-yes">1x</span>
438
- <span class="cline-any cline-neutral">&nbsp;</span>
439
- <span class="cline-any cline-neutral">&nbsp;</span>
440
- <span class="cline-any cline-neutral">&nbsp;</span>
441
- <span class="cline-any cline-neutral">&nbsp;</span>
442
- <span class="cline-any cline-neutral">&nbsp;</span>
443
- <span class="cline-any cline-neutral">&nbsp;</span>
444
- <span class="cline-any cline-neutral">&nbsp;</span>
445
- <span class="cline-any cline-neutral">&nbsp;</span>
446
- <span class="cline-any cline-neutral">&nbsp;</span>
447
- <span class="cline-any cline-neutral">&nbsp;</span>
448
- <span class="cline-any cline-neutral">&nbsp;</span>
449
- <span class="cline-any cline-neutral">&nbsp;</span>
450
- <span class="cline-any cline-neutral">&nbsp;</span>
451
- <span class="cline-any cline-neutral">&nbsp;</span>
452
- <span class="cline-any cline-neutral">&nbsp;</span>
453
- <span class="cline-any cline-neutral">&nbsp;</span>
454
- <span class="cline-any cline-neutral">&nbsp;</span>
455
- <span class="cline-any cline-neutral">&nbsp;</span>
456
- <span class="cline-any cline-neutral">&nbsp;</span>
457
- <span class="cline-any cline-neutral">&nbsp;</span>
458
- <span class="cline-any cline-neutral">&nbsp;</span>
459
- <span class="cline-any cline-neutral">&nbsp;</span>
460
- <span class="cline-any cline-neutral">&nbsp;</span>
461
- <span class="cline-any cline-neutral">&nbsp;</span>
462
- <span class="cline-any cline-neutral">&nbsp;</span>
463
- <span class="cline-any cline-neutral">&nbsp;</span>
464
- <span class="cline-any cline-neutral">&nbsp;</span>
465
- <span class="cline-any cline-neutral">&nbsp;</span>
466
- <span class="cline-any cline-neutral">&nbsp;</span>
467
- <span class="cline-any cline-neutral">&nbsp;</span>
468
- <span class="cline-any cline-neutral">&nbsp;</span>
469
- <span class="cline-any cline-neutral">&nbsp;</span>
470
- <span class="cline-any cline-neutral">&nbsp;</span>
471
- <span class="cline-any cline-neutral">&nbsp;</span>
472
- <span class="cline-any cline-neutral">&nbsp;</span>
473
- <span class="cline-any cline-neutral">&nbsp;</span>
474
- <span class="cline-any cline-neutral">&nbsp;</span>
475
- <span class="cline-any cline-neutral">&nbsp;</span>
476
- <span class="cline-any cline-neutral">&nbsp;</span>
477
- <span class="cline-any cline-neutral">&nbsp;</span>
478
- <span class="cline-any cline-neutral">&nbsp;</span>
479
- <span class="cline-any cline-neutral">&nbsp;</span>
480
- <span class="cline-any cline-neutral">&nbsp;</span>
481
- <span class="cline-any cline-neutral">&nbsp;</span>
482
- <span class="cline-any cline-neutral">&nbsp;</span>
483
- <span class="cline-any cline-neutral">&nbsp;</span>
484
- <span class="cline-any cline-neutral">&nbsp;</span>
485
- <span class="cline-any cline-neutral">&nbsp;</span>
486
- <span class="cline-any cline-neutral">&nbsp;</span>
487
- <span class="cline-any cline-neutral">&nbsp;</span>
488
- <span class="cline-any cline-neutral">&nbsp;</span>
489
- <span class="cline-any cline-neutral">&nbsp;</span>
490
- <span class="cline-any cline-neutral">&nbsp;</span>
491
- <span class="cline-any cline-neutral">&nbsp;</span>
492
- <span class="cline-any cline-neutral">&nbsp;</span>
493
- <span class="cline-any cline-neutral">&nbsp;</span>
494
- <span class="cline-any cline-neutral">&nbsp;</span>
495
- <span class="cline-any cline-neutral">&nbsp;</span>
496
- <span class="cline-any cline-neutral">&nbsp;</span>
497
- <span class="cline-any cline-neutral">&nbsp;</span>
498
- <span class="cline-any cline-neutral">&nbsp;</span>
499
- <span class="cline-any cline-neutral">&nbsp;</span>
500
- <span class="cline-any cline-neutral">&nbsp;</span>
501
- <span class="cline-any cline-neutral">&nbsp;</span>
502
- <span class="cline-any cline-neutral">&nbsp;</span>
503
- <span class="cline-any cline-neutral">&nbsp;</span>
504
- <span class="cline-any cline-neutral">&nbsp;</span>
505
- <span class="cline-any cline-neutral">&nbsp;</span>
506
- <span class="cline-any cline-neutral">&nbsp;</span>
507
- <span class="cline-any cline-neutral">&nbsp;</span>
508
- <span class="cline-any cline-neutral">&nbsp;</span>
509
- <span class="cline-any cline-neutral">&nbsp;</span>
510
- <span class="cline-any cline-neutral">&nbsp;</span>
511
- <span class="cline-any cline-neutral">&nbsp;</span>
512
- <span class="cline-any cline-neutral">&nbsp;</span>
513
- <span class="cline-any cline-neutral">&nbsp;</span>
514
- <span class="cline-any cline-neutral">&nbsp;</span>
515
- <span class="cline-any cline-neutral">&nbsp;</span>
516
- <span class="cline-any cline-neutral">&nbsp;</span>
517
- <span class="cline-any cline-neutral">&nbsp;</span>
518
- <span class="cline-any cline-neutral">&nbsp;</span>
519
- <span class="cline-any cline-neutral">&nbsp;</span>
520
- <span class="cline-any cline-neutral">&nbsp;</span>
521
- <span class="cline-any cline-neutral">&nbsp;</span>
522
- <span class="cline-any cline-neutral">&nbsp;</span>
523
- <span class="cline-any cline-neutral">&nbsp;</span>
524
- <span class="cline-any cline-neutral">&nbsp;</span>
525
- <span class="cline-any cline-neutral">&nbsp;</span>
526
- <span class="cline-any cline-neutral">&nbsp;</span>
527
- <span class="cline-any cline-neutral">&nbsp;</span>
528
- <span class="cline-any cline-neutral">&nbsp;</span>
529
- <span class="cline-any cline-neutral">&nbsp;</span>
530
- <span class="cline-any cline-neutral">&nbsp;</span>
531
- <span class="cline-any cline-neutral">&nbsp;</span>
532
- <span class="cline-any cline-neutral">&nbsp;</span>
533
- <span class="cline-any cline-neutral">&nbsp;</span>
534
- <span class="cline-any cline-neutral">&nbsp;</span>
535
- <span class="cline-any cline-neutral">&nbsp;</span>
536
- <span class="cline-any cline-neutral">&nbsp;</span>
537
- <span class="cline-any cline-neutral">&nbsp;</span>
538
- <span class="cline-any cline-neutral">&nbsp;</span>
539
- <span class="cline-any cline-neutral">&nbsp;</span>
540
- <span class="cline-any cline-neutral">&nbsp;</span>
541
- <span class="cline-any cline-neutral">&nbsp;</span>
542
- <span class="cline-any cline-neutral">&nbsp;</span>
543
- <span class="cline-any cline-neutral">&nbsp;</span>
544
- <span class="cline-any cline-neutral">&nbsp;</span>
545
- <span class="cline-any cline-neutral">&nbsp;</span>
546
- <span class="cline-any cline-neutral">&nbsp;</span>
547
- <span class="cline-any cline-yes">1x</span>
548
- <span class="cline-any cline-neutral">&nbsp;</span>
549
- <span class="cline-any cline-neutral">&nbsp;</span>
550
- <span class="cline-any cline-yes">1x</span>
551
- <span class="cline-any cline-neutral">&nbsp;</span>
552
- <span class="cline-any cline-yes">4x</span>
553
- <span class="cline-any cline-yes">4x</span>
554
- <span class="cline-any cline-yes">4x</span>
555
- <span class="cline-any cline-yes">4x</span>
556
- <span class="cline-any cline-yes">4x</span>
557
- <span class="cline-any cline-neutral">&nbsp;</span>
558
- <span class="cline-any cline-neutral">&nbsp;</span>
559
- <span class="cline-any cline-yes">1x</span>
560
- <span class="cline-any cline-neutral">&nbsp;</span>
561
- <span class="cline-any cline-yes">4x</span>
562
- <span class="cline-any cline-yes">4x</span>
563
- <span class="cline-any cline-yes">4x</span>
564
- <span class="cline-any cline-yes">4x</span>
565
- <span class="cline-any cline-yes">4x</span>
566
- <span class="cline-any cline-neutral">&nbsp;</span>
567
- <span class="cline-any cline-neutral">&nbsp;</span>
568
- <span class="cline-any cline-neutral">&nbsp;</span>
569
- <span class="cline-any cline-neutral">&nbsp;</span>
570
- <span class="cline-any cline-neutral">&nbsp;</span>
571
- <span class="cline-any cline-neutral">&nbsp;</span>
572
- <span class="cline-any cline-neutral">&nbsp;</span>
573
- <span class="cline-any cline-neutral">&nbsp;</span>
574
- <span class="cline-any cline-neutral">&nbsp;</span>
575
- <span class="cline-any cline-neutral">&nbsp;</span>
576
- <span class="cline-any cline-neutral">&nbsp;</span>
577
- <span class="cline-any cline-neutral">&nbsp;</span>
578
- <span class="cline-any cline-neutral">&nbsp;</span>
579
- <span class="cline-any cline-neutral">&nbsp;</span>
580
- <span class="cline-any cline-neutral">&nbsp;</span>
581
- <span class="cline-any cline-yes">4x</span>
582
- <span class="cline-any cline-neutral">&nbsp;</span>
583
- <span class="cline-any cline-neutral">&nbsp;</span>
584
- <span class="cline-any cline-yes">1x</span>
585
- <span class="cline-any cline-neutral">&nbsp;</span>
586
- <span class="cline-any cline-yes">4x</span>
587
- <span class="cline-any cline-yes">4x</span>
588
- <span class="cline-any cline-neutral">&nbsp;</span>
589
- <span class="cline-any cline-neutral">&nbsp;</span>
590
- <span class="cline-any cline-neutral">&nbsp;</span>
591
- <span class="cline-any cline-neutral">&nbsp;</span>
592
- <span class="cline-any cline-neutral">&nbsp;</span>
593
- <span class="cline-any cline-neutral">&nbsp;</span>
594
- <span class="cline-any cline-neutral">&nbsp;</span>
595
- <span class="cline-any cline-yes">4x</span>
596
- <span class="cline-any cline-neutral">&nbsp;</span>
597
- <span class="cline-any cline-neutral">&nbsp;</span>
598
- <span class="cline-any cline-yes">1x</span>
599
- <span class="cline-any cline-neutral">&nbsp;</span>
600
- <span class="cline-any cline-yes">4x</span>
601
- <span class="cline-any cline-yes">4x</span>
602
- <span class="cline-any cline-yes">4x</span>
603
- <span class="cline-any cline-yes">4x</span>
604
- <span class="cline-any cline-neutral">&nbsp;</span>
605
- <span class="cline-any cline-neutral">&nbsp;</span>
606
- <span class="cline-any cline-yes">1x</span>
607
- <span class="cline-any cline-neutral">&nbsp;</span>
608
- <span class="cline-any cline-neutral">&nbsp;</span>
609
- <span class="cline-any cline-neutral">&nbsp;</span>
610
- <span class="cline-any cline-yes">4x</span>
611
- <span class="cline-any cline-yes">4x</span>
612
- <span class="cline-any cline-yes">4x</span>
613
- <span class="cline-any cline-yes">4x</span>
614
- <span class="cline-any cline-yes">4x</span>
615
- <span class="cline-any cline-neutral">&nbsp;</span>
616
- <span class="cline-any cline-neutral">&nbsp;</span>
617
- <span class="cline-any cline-yes">1x</span>
618
- <span class="cline-any cline-neutral">&nbsp;</span>
619
- <span class="cline-any cline-no">&nbsp;</span>
620
- <span class="cline-any cline-no">&nbsp;</span>
621
- <span class="cline-any cline-no">&nbsp;</span>
622
- <span class="cline-any cline-no">&nbsp;</span>
623
- <span class="cline-any cline-no">&nbsp;</span>
624
- <span class="cline-any cline-no">&nbsp;</span>
625
- <span class="cline-any cline-neutral">&nbsp;</span>
626
- <span class="cline-any cline-neutral">&nbsp;</span>
627
- <span class="cline-any cline-no">&nbsp;</span>
628
- <span class="cline-any cline-no">&nbsp;</span>
629
- <span class="cline-any cline-neutral">&nbsp;</span>
630
- <span class="cline-any cline-neutral">&nbsp;</span>
631
- <span class="cline-any cline-neutral">&nbsp;</span>
632
- <span class="cline-any cline-neutral">&nbsp;</span>
633
- <span class="cline-any cline-yes">1x</span>
634
- <span class="cline-any cline-neutral">&nbsp;</span>
635
- <span class="cline-any cline-yes">4x</span>
636
- <span class="cline-any cline-neutral">&nbsp;</span>
637
- <span class="cline-any cline-yes">4x</span>
638
- <span class="cline-any cline-yes">4x</span>
639
- <span class="cline-any cline-yes">4x</span>
640
- <span class="cline-any cline-yes">4x</span>
641
- <span class="cline-any cline-yes">4x</span>
642
- <span class="cline-any cline-neutral">&nbsp;</span>
643
- <span class="cline-any cline-neutral">&nbsp;</span>
644
- <span class="cline-any cline-yes">4x</span>
645
- <span class="cline-any cline-yes">4x</span>
646
- <span class="cline-any cline-yes">4x</span>
647
- <span class="cline-any cline-neutral">&nbsp;</span>
648
- <span class="cline-any cline-neutral">&nbsp;</span>
649
- <span class="cline-any cline-yes">4x</span>
650
- <span class="cline-any cline-neutral">&nbsp;</span>
651
- <span class="cline-any cline-neutral">&nbsp;</span>
652
- <span class="cline-any cline-yes">4x</span>
653
- <span class="cline-any cline-yes">4x</span>
654
- <span class="cline-any cline-yes">4x</span>
655
- <span class="cline-any cline-yes">4x</span>
656
- <span class="cline-any cline-yes">4x</span>
657
- <span class="cline-any cline-yes">4x</span>
658
- <span class="cline-any cline-yes">4x</span>
659
- <span class="cline-any cline-neutral">&nbsp;</span>
660
- <span class="cline-any cline-neutral">&nbsp;</span>
661
- <span class="cline-any cline-yes">1x</span>
662
- <span class="cline-any cline-yes">6x</span>
663
- <span class="cline-any cline-yes">6x</span>
664
- <span class="cline-any cline-no">&nbsp;</span>
665
- <span class="cline-any cline-neutral">&nbsp;</span>
666
- <span class="cline-any cline-yes">6x</span>
667
- <span class="cline-any cline-yes">6x</span>
668
- <span class="cline-any cline-no">&nbsp;</span>
669
- <span class="cline-any cline-neutral">&nbsp;</span>
670
- <span class="cline-any cline-yes">6x</span>
671
- <span class="cline-any cline-yes">6x</span>
672
- <span class="cline-any cline-no">&nbsp;</span>
673
- <span class="cline-any cline-neutral">&nbsp;</span>
674
- <span class="cline-any cline-neutral">&nbsp;</span>
675
- <span class="cline-any cline-neutral">&nbsp;</span>
676
- <span class="cline-any cline-yes">1x</span>
677
- <span class="cline-any cline-yes">4x</span>
678
- <span class="cline-any cline-neutral">&nbsp;</span>
679
- <span class="cline-any cline-yes">4x</span>
680
- <span class="cline-any cline-yes">4x</span>
681
- <span class="cline-any cline-no">&nbsp;</span>
682
- <span class="cline-any cline-neutral">&nbsp;</span>
683
- <span class="cline-any cline-yes">4x</span>
684
- <span class="cline-any cline-neutral">&nbsp;</span>
685
- <span class="cline-any cline-neutral">&nbsp;</span>
686
- <span class="cline-any cline-neutral">&nbsp;</span>
687
- <span class="cline-any cline-no">&nbsp;</span>
688
- <span class="cline-any cline-neutral">&nbsp;</span>
689
- <span class="cline-any cline-neutral">&nbsp;</span>
690
- <span class="cline-any cline-neutral">&nbsp;</span>
691
- <span class="cline-any cline-yes">1x</span>
692
- <span class="cline-any cline-yes">26x</span>
693
- <span class="cline-any cline-yes">26x</span>
694
- <span class="cline-any cline-yes">26x</span>
695
- <span class="cline-any cline-yes">4x</span>
696
- <span class="cline-any cline-neutral">&nbsp;</span>
697
- <span class="cline-any cline-yes">26x</span>
698
- <span class="cline-any cline-neutral">&nbsp;</span>
699
- <span class="cline-any cline-neutral">&nbsp;</span>
700
- <span class="cline-any cline-neutral">&nbsp;</span>
701
- <span class="cline-any cline-no">&nbsp;</span>
702
- <span class="cline-any cline-neutral">&nbsp;</span>
703
- <span class="cline-any cline-neutral">&nbsp;</span>
704
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { ShowPopOutButton } from "./checkout";
705
- &nbsp;
706
- type BackdropOptions = {
707
- close: () =&gt; void;
708
- focus: () =&gt; void;
709
- event: ShowPopOutButton;
710
- }
711
- &nbsp;
712
- const getBackdropZIndex = () =&gt; {
713
- // Iterate all DOM items to get current highest element.
714
- const elements = document.getElementsByTagName('*');
715
- const highest = Array.from(elements).reduce((acc, element) =&gt; {
716
- try {
717
- const zIndexStr = document.defaultView.getComputedStyle(element, null).getPropertyValue("z-index");
718
- const zIndex = parseInt(zIndexStr || <span class="branch-1 cbranch-no" title="branch not covered" >'0')</span>;
719
- <span class="missing-if-branch" title="if path not taken" >I</span>if (!isNaN(zIndex) &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >zIndex &gt; acc)</span> {
720
- <span class="cstat-no" title="statement not covered" > return zIndex</span>
721
- }
722
- } catch (e) {
723
- // Ignore errors when getting z-index
724
- <span class="cstat-no" title="statement not covered" > console.error(e);</span>
725
- }
726
- return acc;
727
- }, 0);
728
- <span class="missing-if-branch" title="else path not taken" >E</span>if (highest &lt; 9999) {
729
- return '9999';
730
- }
731
- <span class="cstat-no" title="statement not covered" > return (highest + 1).toString();</span>
732
- }
733
- &nbsp;
734
- const STYLE_ID = 'dintero-checkout-sdk-style';
735
- const BACKDROP_ID = 'dintero-checkout-sdk-backdrop';
736
- const BACKDROP_DESCRIPTION = 'dintero-checkout-sdk-backdrop-description';
737
- const FOCUS_CHECKOUT_BUTTON_ID = 'dintero-checkout-sdk-backdrop-focus';
738
- const CLOSE_BACKDROP_BUTTON_ID = 'dintero-checkout-sdk-backdrop-close';
739
- &nbsp;
740
- const wrapPreventDefault = (fn: () =&gt; void) =&gt; {
741
- // Creates a wrapped function that will invoke preventDefault() to stop
742
- // the event from bubbling up the DOM tree.
743
- return (e: MouseEvent) =&gt; {
744
- e.preventDefault();
745
- e.stopPropagation();
746
- fn();
747
- return false;
748
- }
749
- }
750
- &nbsp;
751
- const appendBackdropStyles = () =&gt; {
752
- // Check if exists before appending to DOM
753
- if (document.getElementById(STYLE_ID)) {
754
- return;
755
- }
756
- // Add style to DOM
757
- const style = document.createElement('style');
758
- style.setAttribute('id', STYLE_ID);
759
- style.innerHTML = `
760
- @keyframes ${BACKDROP_ID}-fade-in {
761
- from {opacity: 0;}
762
- to {opacity: 1;}
763
- }
764
- &nbsp;
765
- #${BACKDROP_ID} {
766
- position: fixed;
767
- top: 0;
768
- bottom: 0;
769
- left: 0;
770
- right: 0;
771
- height: 100vh;
772
- width: 100vw;
773
- background-color: rgba(0,0,0,0.9);
774
- background: radial-gradient(rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.8) 100%);
775
- cursor: pointer;
776
- animation: 20ms ease-out ${BACKDROP_ID}-fade-in;
777
- display: flex;
778
- flex-direction: column;
779
- justify-content: center;
780
- align-items: center;
781
- gap: 20px;
782
- color: #ffffff;
783
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
784
- font-size: 18px;
785
- font-weight: 400;
786
- line-height: normal;
787
- text-rendering: geometricPrecision;
788
- margin: 0;
789
- padding: 0;
790
- border: 0;
791
- vertical-align: baseline;
792
- line-height: normal;
793
- }
794
- &nbsp;
795
- #${BACKDROP_ID} p {
796
- padding: 0;
797
- margin: 0;
798
- border: 0;
799
- user-select: none;
800
- }
801
- &nbsp;
802
- #${FOCUS_CHECKOUT_BUTTON_ID} {
803
- background-color: #efefef !important;
804
- color: #000000 !important;
805
- font-size: 16px !important;
806
- font-weight: 600 !important;
807
- border-radius: 200px !important;
808
- margin: 0 !important;
809
- line-height: normal !important;
810
- border: none !important;
811
- padding: 10px 20px !important;
812
- user-select: none !important;
813
- cursor: pointer !important;
814
- }
815
- #${FOCUS_CHECKOUT_BUTTON_ID}:hover,
816
- #${FOCUS_CHECKOUT_BUTTON_ID}:focus {
817
- outline: none !important;
818
- background-color: #ffffff !important;
819
- border: none !important;
820
- color: #000000 !important;
821
- padding: 10px 20px !important;
822
- margin: 0 !important;
823
- }
824
- #${FOCUS_CHECKOUT_BUTTON_ID}:focus{
825
- outline-offset: 2px;
826
- outline: 1px #ffffff solid !important;
827
- }
828
- &nbsp;
829
- #${CLOSE_BACKDROP_BUTTON_ID} {
830
- background: transparent !important;
831
- padding: 0 !important;
832
- margin: 0 !important;
833
- border: none !important;
834
- border-radius: 4px !important;
835
- height: 24px !important;
836
- width: 24px !important;
837
- color: #efefef !important;
838
- position: absolute !important;
839
- top: 16px !important;
840
- right: 24px !important;
841
- transition: all 200ms ease-out !important;
842
- cursor: pointer !important;
843
- }
844
- &nbsp;
845
- #${CLOSE_BACKDROP_BUTTON_ID}:hover,
846
- #${CLOSE_BACKDROP_BUTTON_ID}:focus {
847
- outline: none !important;
848
- color: #ffffff !important;
849
- border: none !important;
850
- background: transparent !important;
851
- padding: 0 !important;
852
- margin: 0 !important;
853
- position: absolute;
854
- top: 16px;
855
- right: 24px;
856
- }
857
- #${CLOSE_BACKDROP_BUTTON_ID}:focus{
858
- outline: 1px #ffffff solid !important;
859
- }
860
- &nbsp;
861
- #${BACKDROP_ID}:before,
862
- #${BACKDROP_ID}:after,
863
- #${BACKDROP_ID} &gt; *:before,
864
- #${BACKDROP_ID} &gt; *:after {
865
- content: '';
866
- content: none;
867
- }
868
- `;
869
- document.head.appendChild(style);
870
- }
871
- &nbsp;
872
- const createBackdropDOM = () =&gt; {
873
- // Dark translucent backdrop element
874
- const backdrop = document.createElement('div');
875
- backdrop.setAttribute("id", BACKDROP_ID);
876
- backdrop.setAttribute("role", "dialog");
877
- backdrop.style.zIndex = getBackdropZIndex();
878
- return backdrop
879
- }
880
- &nbsp;
881
- const createCloseButtonDOM = (label: string) =&gt; {
882
- // Close button for the top right corner
883
- const button = document.createElement('button');
884
- button.setAttribute("id", CLOSE_BACKDROP_BUTTON_ID);
885
- button.setAttribute("type", "button");
886
- button.setAttribute("aria-label", label);
887
- button.innerHTML = `
888
- &lt;svg
889
- xmlns="http://www.w3.org/2000/svg"
890
- width="24"
891
- height="24"
892
- viewBox="0 0 24 24"
893
- fill="none"
894
- stroke="currentColor"
895
- stroke-width="2"
896
- stroke-linecap="round"
897
- stroke-linejoin="round"
898
- alt="close icon"
899
- &gt;
900
- &lt;line x1="18" y1="6" x2="6" y2="18"&gt;&lt;/line&gt;
901
- &lt;line x1="6" y1="6" x2="18" y2="18"&gt;&lt;/line&gt;
902
- &lt;/svg&gt;`;
903
- return button;
904
- }
905
- &nbsp;
906
- const createDinteroLogoDOM = () =&gt; {
907
- // Close button for the top right corner
908
- const div = document.createElement('div');
909
- div.innerHTML = `
910
- &lt;svg width="120px" height="22px" viewBox="0 0 630 111" version="1.1" &gt;
911
- &lt;g id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd"&gt;
912
- &lt;g id="Dintero" fill="#ffffff" fillRule="nonzero"&gt;
913
- &lt;path d="M376.23,60.48 L376.23,73.54 L454.13,73.54 C456.31,41.55 435.85,23.71 410.61,23.71 C385.37,23.71 367.09,41.77 367.09,66.79 C367.09,92.03 386.02,110.31 411.91,110.31 C433.02,110.31 448.9,97.25 453.25,82.24 L436.5,82.24 C432.37,89.42 423.88,95.51 411.91,95.51 C395.16,95.51 382.75,83.11 382.75,66.79 C382.75,50.69 394.72,38.5 410.6,38.5 C426.48,38.5 438.45,50.68 438.45,66.79 L444.54,60.48 L376.23,60.48 Z M154.29,17.83 L171.7,17.83 L171.7,0.42 L154.29,0.42 L154.29,17.83 Z M120.34,108.13 L191.27,108.13 L191.27,93.77 L120.34,93.77 L120.34,108.13 Z M156.46,40.24 L156.46,108.13 L171.69,108.13 L171.69,45.47 C171.69,32.85 165.82,25.89 151.89,25.89 L120.34,25.89 L120.34,40.25 L156.46,40.25 L156.46,40.24 Z M499.17,25.88 L464.36,25.88 L464.36,40.24 L483.94,40.24 L484.16,108.13 L499.39,108.13 L499.17,62.44 C499.17,48.51 508.53,40.25 521.58,40.25 L535.29,40.25 L535.29,25.89 L524.41,25.89 C509.18,25.89 501.78,31.33 497.65,41.56 L495.47,47 L499.17,47.65 L499.17,25.88 Z M288.76,25.88 L310.52,25.88 L310.52,6.3 L325.75,6.3 L325.75,25.88 L359.69,25.88 L359.69,40.24 L325.75,40.24 L325.75,93.77 L359.69,93.77 L359.69,108.13 L332.49,108.13 C318.56,108.13 310.51,98.99 310.51,86.37 L310.51,40.24 L288.75,40.24 L288.75,25.88 L288.76,25.88 Z M464.35,108.13 L535.28,108.13 L535.28,93.77 L464.35,93.77 L464.35,108.13 Z M108.6,54.17 C108.6,23.06 85.54,0.43 53.77,0.43 L0.9,0.43 L0.9,108.14 L53.77,108.14 C85.53,108.13 108.6,85.5 108.6,54.17 M248.07,23.71 C234.58,23.71 223.92,31.98 220,41.55 L220,25.88 L204.77,25.88 L204.77,108.13 L220,108.13 L220,66.35 C220,53.08 224.79,38.93 243.72,38.93 C259.39,38.93 267.44,48.07 267.44,67.43 L267.44,108.12 L282.67,108.12 L282.67,64.6 C282.67,35.02 265.91,23.71 248.07,23.71 M586.2,110.31 C611.22,110.31 629.72,92.03 629.72,67.01 C629.72,41.99 611.23,23.71 586.2,23.71 C560.96,23.71 542.68,41.99 542.68,67.01 C542.68,92.03 560.96,110.31 586.2,110.31 M586.2,95.51 C570.32,95.51 558.35,83.33 558.35,67.01 C558.35,50.69 570.32,38.51 586.2,38.51 C602.08,38.51 614.05,50.69 614.05,67.01 C614.05,83.33 602.08,95.51 586.2,95.51 M16.99,92.9 L16.99,15.66 L51.8,15.66 C75.3,15.66 92.05,31.98 92.05,54.61 C92.05,76.8 75.3,92.91 51.8,92.91 L16.99,92.91 L16.99,92.9 Z" id="Shape"&gt;&lt;/path&gt;
914
- &lt;/g&gt;
915
- &lt;/g&gt;
916
- &lt;/svg&gt;`;
917
- return div;
918
- }
919
- &nbsp;
920
- const createLabelDOM = (text: string) =&gt; {
921
- // Text about the pop out
922
- const p = document.createElement('p');
923
- p.setAttribute('id', BACKDROP_DESCRIPTION);
924
- p.innerText = text;
925
- return p;
926
- }
927
- &nbsp;
928
- const createFocusButtonDOM = (text: string) =&gt; {
929
- // Mock button to give the user a call to action element to click, even
930
- // though the entire backdrop (except the close button) returns focus to the
931
- // checkout.
932
- const button = document.createElement('button');
933
- button.setAttribute("id", FOCUS_CHECKOUT_BUTTON_ID);
934
- button.setAttribute("type", "button");
935
- button.innerText = text;
936
- return button;
937
- }
938
- &nbsp;
939
- const focusTrap = <span class="fstat-no" title="function not covered" >(e</span>: KeyboardEvent) =&gt; {
940
- // Prevent the user focusing outside of the backdrop while it is visible
941
- const focusButton = <span class="cstat-no" title="statement not covered" >document.getElementById(FOCUS_CHECKOUT_BUTTON_ID);</span>
942
- const closeButton = <span class="cstat-no" title="statement not covered" >document.getElementById(CLOSE_BACKDROP_BUTTON_ID);</span>
943
- <span class="cstat-no" title="statement not covered" > if (e.key === 'Tab' || e.code === "Tab") {</span>
944
- <span class="cstat-no" title="statement not covered" > if (document.activeElement === focusButton) {</span>
945
- <span class="cstat-no" title="statement not covered" > closeButton.focus();</span>
946
- <span class="cstat-no" title="statement not covered" > e.preventDefault();</span>
947
- } else {
948
- // Tab
949
- <span class="cstat-no" title="statement not covered" > focusButton.focus();</span>
950
- <span class="cstat-no" title="statement not covered" > e.preventDefault();</span>
951
- }
952
- }
953
- }
954
- &nbsp;
955
- const createBackdropView = (options: BackdropOptions) =&gt; {
956
- // Add styles needed for the backdrop;
957
- appendBackdropStyles();
958
- // Create DOM nodes
959
- const backdrop = createBackdropDOM();
960
- const closeButton = createCloseButtonDOM(options.event.closeLabel);
961
- const dinteroLogo = createDinteroLogoDOM();
962
- const label = createLabelDOM(options.event.descriptionLabel);
963
- const focusButton = createFocusButtonDOM(options.event.focusLabel);
964
- &nbsp;
965
- // Add click handlers
966
- backdrop.onclick = wrapPreventDefault(options.focus);
967
- focusButton.onclick = wrapPreventDefault(options.focus);
968
- closeButton.onclick = wrapPreventDefault(options.close);
969
- &nbsp;
970
- // Add focus trap when backdrop is visible
971
- document.addEventListener('keydown', focusTrap);
972
- &nbsp;
973
- // Append to document
974
- backdrop.appendChild(closeButton);
975
- backdrop.appendChild(dinteroLogo);
976
- backdrop.appendChild(label);
977
- backdrop.appendChild(focusButton);
978
- document.body.appendChild(backdrop);
979
- backdrop.focus();
980
- return backdrop;
981
- }
982
- &nbsp;
983
- export const setBackdropLabels = (event: ShowPopOutButton) =&gt; {
984
- const focusButton = document.getElementById(FOCUS_CHECKOUT_BUTTON_ID);
985
- <span class="missing-if-branch" title="if path not taken" >I</span>if (focusButton) {
986
- <span class="cstat-no" title="statement not covered" > focusButton.innerText = event.focusLabel;</span>
987
- }
988
- const description = document.getElementById(BACKDROP_DESCRIPTION);
989
- <span class="missing-if-branch" title="if path not taken" >I</span>if (description) {
990
- <span class="cstat-no" title="statement not covered" > description.innerText = event.descriptionLabel;</span>
991
- }
992
- const closeButton = document.getElementById(CLOSE_BACKDROP_BUTTON_ID);
993
- <span class="missing-if-branch" title="if path not taken" >I</span>if (closeButton) {
994
- <span class="cstat-no" title="statement not covered" > closeButton.setAttribute('aria-label', event.descriptionLabel);</span>
995
- }
996
- }
997
- &nbsp;
998
- export const createBackdrop = (options: BackdropOptions) =&gt; {
999
- try {
1000
- // Check if backdrop already exists
1001
- const backdrop = document.getElementById(BACKDROP_ID);
1002
- <span class="missing-if-branch" title="if path not taken" >I</span>if (backdrop) {
1003
- <span class="cstat-no" title="statement not covered" > return;</span>
1004
- }
1005
- return createBackdropView(options);
1006
- } catch (e) {
1007
- // Ignore errors when creating backdrop. If it fails we should not
1008
- // block the payment.
1009
- <span class="cstat-no" title="statement not covered" > console.error(e);</span>
1010
- }
1011
- }
1012
- &nbsp;
1013
- export const removeBackdrop = () =&gt; {
1014
- try {
1015
- const backdrop = document.getElementById(BACKDROP_ID);
1016
- if (backdrop) {
1017
- document.body.removeChild(backdrop);
1018
- }
1019
- document.removeEventListener('keydown', focusTrap);
1020
- } catch (e) {
1021
- // Ignore errors when closing backdrop. If it fails we should not stop
1022
- // the rest of the application from working.
1023
- <span class="cstat-no" title="statement not covered" > console.error(e);</span>
1024
- }
1025
- }
1026
- &nbsp;</pre></td></tr></table></pre>
1027
-
1028
- <div class='push'></div><!-- for sticky footer -->
1029
- </div><!-- /wrapper -->
1030
- <div class='footer quiet pad2 space-top1 center small'>
1031
- Code coverage generated by
1032
- <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
1033
- at Thu Oct 05 2023 22:10:07 GMT+0000 (Coordinated Universal Time)
1034
- </div>
1035
- </div>
1036
- <script src="prettify.js"></script>
1037
- <script>
1038
- window.onload = function () {
1039
- prettyPrint();
1040
- };
1041
- </script>
1042
- <script src="sorter.js"></script>
1043
- <script src="block-navigation.js"></script>
1044
- </body>
1045
- </html>
1046
-