npm - @incodetech/web - Versions diffs - 2.0.0-alpha.2 → 2.0.0-alpha.3 - Mend

@incodetech/web 2.0.0-alpha.2 → 2.0.0-alpha.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 (256) hide show

package/dist/asset-manifest.json +16 -16
package/package.json +5 -2
package/.turbo/turbo-build.log +0 -58
package/.turbo/turbo-coverage.log +0 -23
package/.turbo/turbo-format.log +0 -6
package/.turbo/turbo-lint$colon$fix.log +0 -6
package/.turbo/turbo-lint.log +0 -6
package/.turbo/turbo-test.log +0 -1033
package/.turbo/turbo-typecheck.log +0 -5
package/coverage/base.css +0 -224
package/coverage/block-navigation.js +0 -87
package/coverage/email/email.tsx.html +0 -850
package/coverage/email/emailInput.tsx.html +0 -340
package/coverage/email/index.html +0 -131
package/coverage/favicon.png +0 -0
package/coverage/flow/flow.tsx.html +0 -961
package/coverage/flow/flowCompleted.tsx.html +0 -448
package/coverage/flow/flowInit.ts.html +0 -367
package/coverage/flow/flowStart.tsx.html +0 -208
package/coverage/flow/index.html +0 -221
package/coverage/flow/preloadFlow.ts.html +0 -598
package/coverage/flow/unsupportedModule.tsx.html +0 -202
package/coverage/flow/useFlowInitialization.ts.html +0 -469
package/coverage/flow/useModuleLoader.ts.html +0 -361
package/coverage/hooks/index.html +0 -116
package/coverage/hooks/useManager.ts.html +0 -205
package/coverage/index.html +0 -401
package/coverage/permissions/boldWithArrow.tsx.html +0 -208
package/coverage/permissions/denied.tsx.html +0 -172
package/coverage/permissions/deniedAndroid.tsx.html +0 -253
package/coverage/permissions/deniedDesktop.tsx.html +0 -277
package/coverage/permissions/deniedIOS.tsx.html +0 -304
package/coverage/permissions/deniedInstructions.tsx.html +0 -142
package/coverage/permissions/iconWrapper.tsx.html +0 -130
package/coverage/permissions/index.html +0 -251
package/coverage/permissions/learnMore.tsx.html +0 -340
package/coverage/permissions/numberedStep.tsx.html +0 -127
package/coverage/permissions/permissions.tsx.html +0 -289
package/coverage/phone/index.html +0 -116
package/coverage/phone/phoneInput.tsx.html +0 -832
package/coverage/prettify.css +0 -1
package/coverage/prettify.js +0 -2
package/coverage/selfie/index.html +0 -131
package/coverage/selfie/selfie.tsx.html +0 -334
package/coverage/selfie/tutorial.tsx.html +0 -214
package/coverage/shared/baseTutorial/baseTutorial.tsx.html +0 -250
package/coverage/shared/baseTutorial/index.html +0 -131
package/coverage/shared/baseTutorial/replaceBaseTutorial.ts.html +0 -289
package/coverage/shared/button/button.tsx.html +0 -226
package/coverage/shared/button/index.html +0 -116
package/coverage/shared/componentRoot/incodeComponent.tsx.html +0 -121
package/coverage/shared/componentRoot/index.html +0 -116
package/coverage/shared/countries/countries.ts.html +0 -502
package/coverage/shared/countries/index.html +0 -116
package/coverage/shared/icons/chevronDown.tsx.html +0 -151
package/coverage/shared/icons/index.html +0 -131
package/coverage/shared/icons/successIcon.tsx.html +0 -163
package/coverage/shared/loader/index.html +0 -116
package/coverage/shared/loader/loadingIcon.tsx.html +0 -286
package/coverage/shared/otpInput/index.html +0 -116
package/coverage/shared/otpInput/otpInput.tsx.html +0 -808
package/coverage/shared/page/index.html +0 -146
package/coverage/shared/page/page.tsx.html +0 -358
package/coverage/shared/page/pageUiConfig.ts.html +0 -277
package/coverage/shared/page/verifiedByIncode.tsx.html +0 -310
package/coverage/shared/spacer/index.html +0 -116
package/coverage/shared/spacer/spacer.tsx.html +0 -349
package/coverage/shared/spinner/index.html +0 -116
package/coverage/shared/spinner/spinner.tsx.html +0 -280
package/coverage/shared/title/index.html +0 -116
package/coverage/shared/title/title.tsx.html +0 -121
package/coverage/shared/uiConfig/index.html +0 -116
package/coverage/shared/uiConfig/uiConfig.ts.html +0 -193
package/coverage/shared/webComponent/incodeModule.ts.html +0 -172
package/coverage/shared/webComponent/index.html +0 -131
package/coverage/shared/webComponent/registerIncodeElement.ts.html +0 -130
package/coverage/sort-arrow-sprite.png +0 -0
package/coverage/sorter.js +0 -210
package/coverage/styles/cn.tsx.html +0 -148
package/coverage/styles/fetchTheme.ts.html +0 -349
package/coverage/styles/index.html +0 -131
package/dev/README.md +0 -163
package/dev/getToken.ts +0 -36
package/dev/headless.html +0 -875
package/dev/index.html +0 -366
package/dev/main-headless.tsx +0 -1332
package/dev/main-orchestrated-flow.tsx +0 -1158
package/dev/main-preact.tsx +0 -323
package/dev/main-simplified.tsx +0 -123
package/dev/main-web-component.tsx +0 -256
package/dev/main.tsx +0 -332
package/dev/manual.html +0 -27
package/dev/orchestrated-flow.html +0 -64
package/dev/simplified.html +0 -64
package/dev/tiktok-logo.svg +0 -7
package/src/defineCustomElement.tsx +0 -30
package/src/email/email.test.tsx +0 -368
package/src/email/email.tsx +0 -255
package/src/email/emailInput.test.tsx +0 -264
package/src/email/emailInput.tsx +0 -85
package/src/email/styles.css +0 -59
package/src/flow/flow.test.tsx +0 -796
package/src/flow/flow.tsx +0 -292
package/src/flow/flowCompleted.css +0 -30
package/src/flow/flowCompleted.test.tsx +0 -331
package/src/flow/flowCompleted.tsx +0 -121
package/src/flow/flowInit.test.ts +0 -264
package/src/flow/flowInit.ts +0 -94
package/src/flow/flowStart.css +0 -58
package/src/flow/flowStart.test.tsx +0 -49
package/src/flow/flowStart.tsx +0 -41
package/src/flow/incode-logo.svg +0 -8
package/src/flow/index.ts +0 -7
package/src/flow/preloadFlow.test.ts +0 -421
package/src/flow/preloadFlow.ts +0 -171
package/src/flow/styles.css +0 -9
package/src/flow/unsupportedModule.css +0 -21
package/src/flow/unsupportedModule.tsx +0 -39
package/src/flow/useFlowInitialization.test.tsx +0 -292
package/src/flow/useFlowInitialization.ts +0 -128
package/src/flow/useModuleLoader.test.tsx +0 -212
package/src/flow/useModuleLoader.ts +0 -92
package/src/hooks/index.ts +0 -1
package/src/hooks/useManager.test.ts +0 -91
package/src/hooks/useManager.ts +0 -40
package/src/i18n/index.ts +0 -3
package/src/i18n/instance.ts +0 -16
package/src/i18n/setup.ts +0 -184
package/src/i18n/useTranslation.ts +0 -42
package/src/index.ts +0 -27
package/src/permissions/assets/android-dots-icon.svg +0 -7
package/src/permissions/assets/android-settings-icon.svg +0 -16
package/src/permissions/assets/android-toggle-icon.svg +0 -20
package/src/permissions/assets/bank-card-icon.svg +0 -14
package/src/permissions/assets/camera-icon.svg +0 -12
package/src/permissions/assets/camera-ios.svg +0 -53
package/src/permissions/assets/check-icon.svg +0 -8
package/src/permissions/assets/chrome-icon.svg +0 -43
package/src/permissions/assets/password-icon.svg +0 -11
package/src/permissions/assets/permissions-img.svg +0 -51
package/src/permissions/assets/safari-icon.svg +0 -37
package/src/permissions/assets/settings-icon.svg +0 -33
package/src/permissions/assets/toggle-icon.svg +0 -19
package/src/permissions/assets/warning-icon.svg +0 -6
package/src/permissions/boldWithArrow.css +0 -9
package/src/permissions/boldWithArrow.tsx +0 -41
package/src/permissions/denied.css +0 -37
package/src/permissions/denied.tsx +0 -29
package/src/permissions/deniedAndroid.tsx +0 -56
package/src/permissions/deniedDesktop.css +0 -9
package/src/permissions/deniedDesktop.tsx +0 -64
package/src/permissions/deniedIOS.tsx +0 -73
package/src/permissions/deniedInstructions.tsx +0 -19
package/src/permissions/iconWrapper.css +0 -9
package/src/permissions/iconWrapper.tsx +0 -15
package/src/permissions/learnMore.css +0 -37
package/src/permissions/learnMore.tsx +0 -85
package/src/permissions/numberedStep.css +0 -13
package/src/permissions/numberedStep.tsx +0 -14
package/src/permissions/permissions.css +0 -13
package/src/permissions/permissions.tsx +0 -68
package/src/phone/phone.tsx +0 -246
package/src/phone/phoneInput.test.tsx +0 -275
package/src/phone/phoneInput.tsx +0 -249
package/src/phone/styles.css +0 -158
package/src/selfie/cameraButton.css +0 -13
package/src/selfie/cameraButton.tsx +0 -35
package/src/selfie/capture.css +0 -57
package/src/selfie/capture.tsx +0 -232
package/src/selfie/errorModal.tsx +0 -218
package/src/selfie/errorModalContent.css +0 -33
package/src/selfie/errorModalContent.tsx +0 -44
package/src/selfie/faceOutline.css +0 -5
package/src/selfie/faceOutline.tsx +0 -22
package/src/selfie/loadingBorder.css +0 -12
package/src/selfie/loadingBorder.tsx +0 -77
package/src/selfie/manualCaptureButton.css +0 -13
package/src/selfie/manualCaptureButton.tsx +0 -35
package/src/selfie/noMoreAttemptsModal.tsx +0 -44
package/src/selfie/notification.css +0 -9
package/src/selfie/notification.tsx +0 -36
package/src/selfie/retryErrorModal.tsx +0 -56
package/src/selfie/selfie.test.tsx +0 -458
package/src/selfie/selfie.tsx +0 -83
package/src/selfie/selfieTutorial.json +0 -2626
package/src/selfie/styles.css +0 -1
package/src/selfie/tutorial.test.tsx +0 -200
package/src/selfie/tutorial.tsx +0 -43
package/src/setup.ts +0 -33
package/src/shared/baseTutorial/baseTutorial.css +0 -21
package/src/shared/baseTutorial/baseTutorial.test.tsx +0 -184
package/src/shared/baseTutorial/baseTutorial.tsx +0 -55
package/src/shared/baseTutorial/replaceBaseTutorial.test.ts +0 -267
package/src/shared/baseTutorial/replaceBaseTutorial.ts +0 -68
package/src/shared/button/button.css +0 -55
package/src/shared/button/button.test.tsx +0 -101
package/src/shared/button/button.tsx +0 -47
package/src/shared/componentRoot/incodeComponent.tsx +0 -12
package/src/shared/countries/countries.test.ts +0 -75
package/src/shared/countries/countries.ts +0 -139
package/src/shared/countries/index.ts +0 -6
package/src/shared/icons/chevronDown.tsx +0 -22
package/src/shared/icons/index.ts +0 -2
package/src/shared/icons/successIcon.css +0 -5
package/src/shared/icons/successIcon.test.tsx +0 -40
package/src/shared/icons/successIcon.tsx +0 -26
package/src/shared/loader/loadingIcon.css +0 -28
package/src/shared/loader/loadingIcon.tsx +0 -67
package/src/shared/lottie/lottie.tsx +0 -108
package/src/shared/otpInput/otpInput.css +0 -85
package/src/shared/otpInput/otpInput.test.tsx +0 -356
package/src/shared/otpInput/otpInput.tsx +0 -241
package/src/shared/page/incode-logo.svg +0 -3
package/src/shared/page/page.css +0 -47
package/src/shared/page/page.test.tsx +0 -97
package/src/shared/page/page.tsx +0 -91
package/src/shared/page/pageUiConfig.test.ts +0 -112
package/src/shared/page/pageUiConfig.ts +0 -64
package/src/shared/page/verifiedByIncode.css +0 -5
package/src/shared/page/verifiedByIncode.tsx +0 -75
package/src/shared/spacer/spacer.css +0 -149
package/src/shared/spacer/spacer.test.tsx +0 -143
package/src/shared/spacer/spacer.tsx +0 -88
package/src/shared/spinner/index.ts +0 -2
package/src/shared/spinner/spinner.css +0 -28
package/src/shared/spinner/spinner.test.tsx +0 -82
package/src/shared/spinner/spinner.tsx +0 -65
package/src/shared/title/title.css +0 -7
package/src/shared/title/title.tsx +0 -12
package/src/shared/uiConfig/uiConfig.ts +0 -36
package/src/shared/webComponent/incodeModule.ts +0 -29
package/src/shared/webComponent/registerIncodeElement.ts +0 -15
package/src/styles/__mocks__/fetchTheme.ts +0 -19
package/src/styles/applyTheme.ts +0 -37
package/src/styles/cn.test.tsx +0 -57
package/src/styles/cn.tsx +0 -21
package/src/styles/core.css +0 -12
package/src/styles/fetchTheme.test.ts +0 -390
package/src/styles/fetchTheme.ts +0 -88
package/src/styles/generatePalette.ts +0 -111
package/src/styles/reset.css +0 -65
package/src/styles/resolveCssVariableToHex.ts +0 -28
package/src/styles/tailwind.css +0 -291
package/src/styles/themeTypes.ts +0 -18
package/src/styles/tokens/colors.css +0 -190
package/src/styles/tokens/components.css +0 -174
package/src/styles/tokens/index.css +0 -4
package/src/styles/tokens/primitives.css +0 -129
package/src/styles/tokens/semantic.css +0 -51
package/src/svg.d.ts +0 -4
package/src/types/assets.d.ts +0 -1
package/src/types/custom-elements.d.ts +0 -104
package/tsconfig.json +0 -22
package/vite.config.ts +0 -260
package/vitest.config.ts +0 -40
package/vitest.setup.ts +0 -16

package/coverage/shared/otpInput/otpInput.tsx.html DELETED Viewed

@@ -1,808 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <title>Code coverage report for shared/otpInput/otpInput.tsx</title>
-    <meta charset="utf-8" />
-    <link rel="stylesheet" href="../../prettify.css" />
-    <link rel="stylesheet" href="../../base.css" />
-    <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style type='text/css'>
-        .coverage-summary .sorter {
-            background-image: url(../../sort-arrow-sprite.png);
-        }
-    </style>
-</head>
-<body>
-<div class='wrapper'>
-    <div class='pad1'>
-        <h1><a href="../../index.html">All files</a> / <a href="index.html">shared/otpInput</a> otpInput.tsx</h1>
-        <div class='clearfix'>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">98.46% </span>
-                <span class="quiet">Statements</span>
-                <span class='fraction'>64/65</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">89.09% </span>
-                <span class="quiet">Branches</span>
-                <span class='fraction'>49/55</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
-                <span class="quiet">Functions</span>
-                <span class='fraction'>15/15</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">98.43% </span>
-                <span class="quiet">Lines</span>
-                <span class='fraction'>63/64</span>
-            </div>
-        </div>
-        <p class="quiet">
-            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.
-        </p>
-        <template id="filterTemplate">
-            <div class="quiet">
-                Filter:
-                <input type="search" id="fileSearch">
-            </div>
-        </template>
-    </div>
-    <div class='status-line high'></div>
-    <pre><table class="coverage">
-<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
-<a name='L2'></a><a href='#L2'>2</a>
-<a name='L3'></a><a href='#L3'>3</a>
-<a name='L4'></a><a href='#L4'>4</a>
-<a name='L5'></a><a href='#L5'>5</a>
-<a name='L6'></a><a href='#L6'>6</a>
-<a name='L7'></a><a href='#L7'>7</a>
-<a name='L8'></a><a href='#L8'>8</a>
-<a name='L9'></a><a href='#L9'>9</a>
-<a name='L10'></a><a href='#L10'>10</a>
-<a name='L11'></a><a href='#L11'>11</a>
-<a name='L12'></a><a href='#L12'>12</a>
-<a name='L13'></a><a href='#L13'>13</a>
-<a name='L14'></a><a href='#L14'>14</a>
-<a name='L15'></a><a href='#L15'>15</a>
-<a name='L16'></a><a href='#L16'>16</a>
-<a name='L17'></a><a href='#L17'>17</a>
-<a name='L18'></a><a href='#L18'>18</a>
-<a name='L19'></a><a href='#L19'>19</a>
-<a name='L20'></a><a href='#L20'>20</a>
-<a name='L21'></a><a href='#L21'>21</a>
-<a name='L22'></a><a href='#L22'>22</a>
-<a name='L23'></a><a href='#L23'>23</a>
-<a name='L24'></a><a href='#L24'>24</a>
-<a name='L25'></a><a href='#L25'>25</a>
-<a name='L26'></a><a href='#L26'>26</a>
-<a name='L27'></a><a href='#L27'>27</a>
-<a name='L28'></a><a href='#L28'>28</a>
-<a name='L29'></a><a href='#L29'>29</a>
-<a name='L30'></a><a href='#L30'>30</a>
-<a name='L31'></a><a href='#L31'>31</a>
-<a name='L32'></a><a href='#L32'>32</a>
-<a name='L33'></a><a href='#L33'>33</a>
-<a name='L34'></a><a href='#L34'>34</a>
-<a name='L35'></a><a href='#L35'>35</a>
-<a name='L36'></a><a href='#L36'>36</a>
-<a name='L37'></a><a href='#L37'>37</a>
-<a name='L38'></a><a href='#L38'>38</a>
-<a name='L39'></a><a href='#L39'>39</a>
-<a name='L40'></a><a href='#L40'>40</a>
-<a name='L41'></a><a href='#L41'>41</a>
-<a name='L42'></a><a href='#L42'>42</a>
-<a name='L43'></a><a href='#L43'>43</a>
-<a name='L44'></a><a href='#L44'>44</a>
-<a name='L45'></a><a href='#L45'>45</a>
-<a name='L46'></a><a href='#L46'>46</a>
-<a name='L47'></a><a href='#L47'>47</a>
-<a name='L48'></a><a href='#L48'>48</a>
-<a name='L49'></a><a href='#L49'>49</a>
-<a name='L50'></a><a href='#L50'>50</a>
-<a name='L51'></a><a href='#L51'>51</a>
-<a name='L52'></a><a href='#L52'>52</a>
-<a name='L53'></a><a href='#L53'>53</a>
-<a name='L54'></a><a href='#L54'>54</a>
-<a name='L55'></a><a href='#L55'>55</a>
-<a name='L56'></a><a href='#L56'>56</a>
-<a name='L57'></a><a href='#L57'>57</a>
-<a name='L58'></a><a href='#L58'>58</a>
-<a name='L59'></a><a href='#L59'>59</a>
-<a name='L60'></a><a href='#L60'>60</a>
-<a name='L61'></a><a href='#L61'>61</a>
-<a name='L62'></a><a href='#L62'>62</a>
-<a name='L63'></a><a href='#L63'>63</a>
-<a name='L64'></a><a href='#L64'>64</a>
-<a name='L65'></a><a href='#L65'>65</a>
-<a name='L66'></a><a href='#L66'>66</a>
-<a name='L67'></a><a href='#L67'>67</a>
-<a name='L68'></a><a href='#L68'>68</a>
-<a name='L69'></a><a href='#L69'>69</a>
-<a name='L70'></a><a href='#L70'>70</a>
-<a name='L71'></a><a href='#L71'>71</a>
-<a name='L72'></a><a href='#L72'>72</a>
-<a name='L73'></a><a href='#L73'>73</a>
-<a name='L74'></a><a href='#L74'>74</a>
-<a name='L75'></a><a href='#L75'>75</a>
-<a name='L76'></a><a href='#L76'>76</a>
-<a name='L77'></a><a href='#L77'>77</a>
-<a name='L78'></a><a href='#L78'>78</a>
-<a name='L79'></a><a href='#L79'>79</a>
-<a name='L80'></a><a href='#L80'>80</a>
-<a name='L81'></a><a href='#L81'>81</a>
-<a name='L82'></a><a href='#L82'>82</a>
-<a name='L83'></a><a href='#L83'>83</a>
-<a name='L84'></a><a href='#L84'>84</a>
-<a name='L85'></a><a href='#L85'>85</a>
-<a name='L86'></a><a href='#L86'>86</a>
-<a name='L87'></a><a href='#L87'>87</a>
-<a name='L88'></a><a href='#L88'>88</a>
-<a name='L89'></a><a href='#L89'>89</a>
-<a name='L90'></a><a href='#L90'>90</a>
-<a name='L91'></a><a href='#L91'>91</a>
-<a name='L92'></a><a href='#L92'>92</a>
-<a name='L93'></a><a href='#L93'>93</a>
-<a name='L94'></a><a href='#L94'>94</a>
-<a name='L95'></a><a href='#L95'>95</a>
-<a name='L96'></a><a href='#L96'>96</a>
-<a name='L97'></a><a href='#L97'>97</a>
-<a name='L98'></a><a href='#L98'>98</a>
-<a name='L99'></a><a href='#L99'>99</a>
-<a name='L100'></a><a href='#L100'>100</a>
-<a name='L101'></a><a href='#L101'>101</a>
-<a name='L102'></a><a href='#L102'>102</a>
-<a name='L103'></a><a href='#L103'>103</a>
-<a name='L104'></a><a href='#L104'>104</a>
-<a name='L105'></a><a href='#L105'>105</a>
-<a name='L106'></a><a href='#L106'>106</a>
-<a name='L107'></a><a href='#L107'>107</a>
-<a name='L108'></a><a href='#L108'>108</a>
-<a name='L109'></a><a href='#L109'>109</a>
-<a name='L110'></a><a href='#L110'>110</a>
-<a name='L111'></a><a href='#L111'>111</a>
-<a name='L112'></a><a href='#L112'>112</a>
-<a name='L113'></a><a href='#L113'>113</a>
-<a name='L114'></a><a href='#L114'>114</a>
-<a name='L115'></a><a href='#L115'>115</a>
-<a name='L116'></a><a href='#L116'>116</a>
-<a name='L117'></a><a href='#L117'>117</a>
-<a name='L118'></a><a href='#L118'>118</a>
-<a name='L119'></a><a href='#L119'>119</a>
-<a name='L120'></a><a href='#L120'>120</a>
-<a name='L121'></a><a href='#L121'>121</a>
-<a name='L122'></a><a href='#L122'>122</a>
-<a name='L123'></a><a href='#L123'>123</a>
-<a name='L124'></a><a href='#L124'>124</a>
-<a name='L125'></a><a href='#L125'>125</a>
-<a name='L126'></a><a href='#L126'>126</a>
-<a name='L127'></a><a href='#L127'>127</a>
-<a name='L128'></a><a href='#L128'>128</a>
-<a name='L129'></a><a href='#L129'>129</a>
-<a name='L130'></a><a href='#L130'>130</a>
-<a name='L131'></a><a href='#L131'>131</a>
-<a name='L132'></a><a href='#L132'>132</a>
-<a name='L133'></a><a href='#L133'>133</a>
-<a name='L134'></a><a href='#L134'>134</a>
-<a name='L135'></a><a href='#L135'>135</a>
-<a name='L136'></a><a href='#L136'>136</a>
-<a name='L137'></a><a href='#L137'>137</a>
-<a name='L138'></a><a href='#L138'>138</a>
-<a name='L139'></a><a href='#L139'>139</a>
-<a name='L140'></a><a href='#L140'>140</a>
-<a name='L141'></a><a href='#L141'>141</a>
-<a name='L142'></a><a href='#L142'>142</a>
-<a name='L143'></a><a href='#L143'>143</a>
-<a name='L144'></a><a href='#L144'>144</a>
-<a name='L145'></a><a href='#L145'>145</a>
-<a name='L146'></a><a href='#L146'>146</a>
-<a name='L147'></a><a href='#L147'>147</a>
-<a name='L148'></a><a href='#L148'>148</a>
-<a name='L149'></a><a href='#L149'>149</a>
-<a name='L150'></a><a href='#L150'>150</a>
-<a name='L151'></a><a href='#L151'>151</a>
-<a name='L152'></a><a href='#L152'>152</a>
-<a name='L153'></a><a href='#L153'>153</a>
-<a name='L154'></a><a href='#L154'>154</a>
-<a name='L155'></a><a href='#L155'>155</a>
-<a name='L156'></a><a href='#L156'>156</a>
-<a name='L157'></a><a href='#L157'>157</a>
-<a name='L158'></a><a href='#L158'>158</a>
-<a name='L159'></a><a href='#L159'>159</a>
-<a name='L160'></a><a href='#L160'>160</a>
-<a name='L161'></a><a href='#L161'>161</a>
-<a name='L162'></a><a href='#L162'>162</a>
-<a name='L163'></a><a href='#L163'>163</a>
-<a name='L164'></a><a href='#L164'>164</a>
-<a name='L165'></a><a href='#L165'>165</a>
-<a name='L166'></a><a href='#L166'>166</a>
-<a name='L167'></a><a href='#L167'>167</a>
-<a name='L168'></a><a href='#L168'>168</a>
-<a name='L169'></a><a href='#L169'>169</a>
-<a name='L170'></a><a href='#L170'>170</a>
-<a name='L171'></a><a href='#L171'>171</a>
-<a name='L172'></a><a href='#L172'>172</a>
-<a name='L173'></a><a href='#L173'>173</a>
-<a name='L174'></a><a href='#L174'>174</a>
-<a name='L175'></a><a href='#L175'>175</a>
-<a name='L176'></a><a href='#L176'>176</a>
-<a name='L177'></a><a href='#L177'>177</a>
-<a name='L178'></a><a href='#L178'>178</a>
-<a name='L179'></a><a href='#L179'>179</a>
-<a name='L180'></a><a href='#L180'>180</a>
-<a name='L181'></a><a href='#L181'>181</a>
-<a name='L182'></a><a href='#L182'>182</a>
-<a name='L183'></a><a href='#L183'>183</a>
-<a name='L184'></a><a href='#L184'>184</a>
-<a name='L185'></a><a href='#L185'>185</a>
-<a name='L186'></a><a href='#L186'>186</a>
-<a name='L187'></a><a href='#L187'>187</a>
-<a name='L188'></a><a href='#L188'>188</a>
-<a name='L189'></a><a href='#L189'>189</a>
-<a name='L190'></a><a href='#L190'>190</a>
-<a name='L191'></a><a href='#L191'>191</a>
-<a name='L192'></a><a href='#L192'>192</a>
-<a name='L193'></a><a href='#L193'>193</a>
-<a name='L194'></a><a href='#L194'>194</a>
-<a name='L195'></a><a href='#L195'>195</a>
-<a name='L196'></a><a href='#L196'>196</a>
-<a name='L197'></a><a href='#L197'>197</a>
-<a name='L198'></a><a href='#L198'>198</a>
-<a name='L199'></a><a href='#L199'>199</a>
-<a name='L200'></a><a href='#L200'>200</a>
-<a name='L201'></a><a href='#L201'>201</a>
-<a name='L202'></a><a href='#L202'>202</a>
-<a name='L203'></a><a href='#L203'>203</a>
-<a name='L204'></a><a href='#L204'>204</a>
-<a name='L205'></a><a href='#L205'>205</a>
-<a name='L206'></a><a href='#L206'>206</a>
-<a name='L207'></a><a href='#L207'>207</a>
-<a name='L208'></a><a href='#L208'>208</a>
-<a name='L209'></a><a href='#L209'>209</a>
-<a name='L210'></a><a href='#L210'>210</a>
-<a name='L211'></a><a href='#L211'>211</a>
-<a name='L212'></a><a href='#L212'>212</a>
-<a name='L213'></a><a href='#L213'>213</a>
-<a name='L214'></a><a href='#L214'>214</a>
-<a name='L215'></a><a href='#L215'>215</a>
-<a name='L216'></a><a href='#L216'>216</a>
-<a name='L217'></a><a href='#L217'>217</a>
-<a name='L218'></a><a href='#L218'>218</a>
-<a name='L219'></a><a href='#L219'>219</a>
-<a name='L220'></a><a href='#L220'>220</a>
-<a name='L221'></a><a href='#L221'>221</a>
-<a name='L222'></a><a href='#L222'>222</a>
-<a name='L223'></a><a href='#L223'>223</a>
-<a name='L224'></a><a href='#L224'>224</a>
-<a name='L225'></a><a href='#L225'>225</a>
-<a name='L226'></a><a href='#L226'>226</a>
-<a name='L227'></a><a href='#L227'>227</a>
-<a name='L228'></a><a href='#L228'>228</a>
-<a name='L229'></a><a href='#L229'>229</a>
-<a name='L230'></a><a href='#L230'>230</a>
-<a name='L231'></a><a href='#L231'>231</a>
-<a name='L232'></a><a href='#L232'>232</a>
-<a name='L233'></a><a href='#L233'>233</a>
-<a name='L234'></a><a href='#L234'>234</a>
-<a name='L235'></a><a href='#L235'>235</a>
-<a name='L236'></a><a href='#L236'>236</a>
-<a name='L237'></a><a href='#L237'>237</a>
-<a name='L238'></a><a href='#L238'>238</a>
-<a name='L239'></a><a href='#L239'>239</a>
-<a name='L240'></a><a href='#L240'>240</a>
-<a name='L241'></a><a href='#L241'>241</a>
-<a name='L242'></a><a href='#L242'>242</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">86x</span>
-<span class="cline-any cline-yes">86x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">86x</span>
-<span class="cline-any cline-yes">37x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">86x</span>
-<span class="cline-any cline-yes">39x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">86x</span>
-<span class="cline-any cline-yes">37x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">37x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">37x</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">37x</span>
-<span class="cline-any cline-yes">37x</span>
-<span class="cline-any cline-yes">37x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">37x</span>
-<span class="cline-any cline-yes">32x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">86x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">86x</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-yes">15x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">86x</span>
-<span class="cline-any cline-yes">79x</span>
-<span class="cline-any cline-yes">79x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">86x</span>
-<span class="cline-any cline-yes">7x</span>
-<span class="cline-any cline-yes">7x</span>
-<span class="cline-any cline-yes">7x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">86x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">516x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">37x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1032x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import type { FC } from 'preact/compat';
-import { useEffect, useRef, useState } from 'preact/hooks';
-import { Button } from '../button/button';
-import { Spacer } from '../spacer/spacer';
-import './otpInput.css';
-&nbsp;
-const OTP_LENGTH = 6;
-&nbsp;
-export type OtpInputProps = {
-  resendTimer: number;
-  canResend: boolean;
-  error?: string;
-  onSubmit: (code: string) =&gt; void;
-  onResend: () =&gt; void;
-  onBack: () =&gt; void;
-  /**
-   * Custom text for the back link (e.g., "change email address").
-   * Defaults to "change phone number" if not provided.
-   */
-  backLinkText?: string;
-  /** Whether the inputs and buttons should be disabled */
-  disabled?: boolean;
-  /** Whether the submit button should show loading state */
-  isLoading?: boolean;
-};
-&nbsp;
-export const OtpInput: FC&lt;OtpInputProps&gt; = ({
-  resendTimer,
-  canResend,
-  error,
-  onSubmit,
-  onResend,
-  onBack,
-  backLinkText = 'change phone number',
-  disabled = false,
-  isLoading = false,
-}) =&gt; {
-  const [digits, setDigits] = useState&lt;string[]&gt;(Array(OTP_LENGTH).fill(''));
-  const inputRefs = useRef&lt;(HTMLInputElement | null)[]&gt;([]);
-&nbsp;
-  // Auto-focus first input on mount
-  useEffect(() =&gt; {
-    inputRefs.current[0]?.focus();
-  }, []);
-&nbsp;
-  // Clear OTP and refocus when error occurs
-  useEffect(() =&gt; {
-    if (error) {
-      setDigits(Array(OTP_LENGTH).fill(''));
-      // Focus first input after clearing
-      setTimeout(() =&gt; {
-        inputRefs.current[0]?.focus();
-      }, 0);
-    }
-  }, [error]);
-&nbsp;
-  const handleChange = (index: number, e: Event) =&gt; {
-    const target = e.target as HTMLInputElement;
-    // Allow alphanumeric characters, convert to uppercase
-    let value = target.value.replace(/[^a-zA-Z0-9]/g, '').toUpperCase();
-&nbsp;
-    // Only take first character if multiple entered
-    <span class="missing-if-branch" title="if path not taken" >I</span>if (value.length &gt; 1) {
-<span class="cstat-no" title="statement not covered" >      value = value.charAt(0);</span>
-    }
-&nbsp;
-    const newDigits = [...digits];
-    newDigits[index] = value;
-    setDigits(newDigits);
-&nbsp;
-    // Auto-advance to next input
-    if (value &amp;&amp; index &lt; OTP_LENGTH - 1) {
-      inputRefs.current[index + 1]?.focus();
-    }
-  };
-&nbsp;
-  const handleKeyDown = (index: number, e: KeyboardEvent) =&gt; {
-    const target = e.target as HTMLInputElement;
-&nbsp;
-    // Allow: backspace, delete, tab, escape, enter, arrows
-    const allowedKeys = [
-      'Backspace',
-      'Delete',
-      'Tab',
-      'Escape',
-      'Enter',
-      'ArrowLeft',
-      'ArrowRight',
-      'ArrowUp',
-      'ArrowDown',
-    ];
-&nbsp;
-    // Block non-alphanumeric keys (except allowed control keys)
-    if (
-      !allowedKeys.includes(e.key) &amp;&amp;
-      !/^[a-zA-Z0-9]$/.test(e.key) &amp;&amp;
-      !e.ctrlKey &amp;&amp;
-      !e.metaKey
-    ) {
-      e.preventDefault();
-      return;
-    }
-&nbsp;
-    if (e.key === 'Backspace') {
-      <span class="missing-if-branch" title="else path not taken" >E</span>if (!target.value &amp;&amp; index &gt; 0) {
-        // Move to previous input if current is empty
-        inputRefs.current[index - 1]?.focus();
-        const newDigits = [...digits];
-        newDigits[index - 1] = '';
-        setDigits(newDigits);
-      }
-    } else if (e.key === 'ArrowLeft' &amp;&amp; index &gt; 0) {
-      inputRefs.current[index - 1]?.focus();
-    <span class="missing-if-branch" title="else path not taken" >E</span>} else if (e.key === 'ArrowRight' &amp;&amp; index &lt; OTP_LENGTH - 1) {
-      inputRefs.current[index + 1]?.focus();
-    }
-  };
-&nbsp;
-  const handlePaste = (index: number, e: ClipboardEvent) =&gt; {
-    e.preventDefault();
-    const pastedData = e.clipboardData?.getData('text') || <span class="branch-1 cbranch-no" title="branch not covered" >'';</span>
-    // Allow alphanumeric, convert to uppercase
-    const pastedChars = pastedData
-      .replace(/[^a-zA-Z0-9]/g, '')
-      .toUpperCase()
-      .slice(0, OTP_LENGTH);
-&nbsp;
-    <span class="missing-if-branch" title="else path not taken" >E</span>if (pastedChars) {
-      const newDigits = [...digits];
-      for (let i = 0; i &lt; pastedChars.length &amp;&amp; index + i &lt; OTP_LENGTH; i++) {
-        newDigits[index + i] = pastedChars[i];
-      }
-      setDigits(newDigits);
-&nbsp;
-      // Focus the next empty input or last input
-      const nextIndex = Math.min(index + pastedChars.length, OTP_LENGTH - 1);
-      inputRefs.current[nextIndex]?.focus();
-    }
-  };
-&nbsp;
-  const handleFocus = (e: FocusEvent) =&gt; {
-    const target = e.target as HTMLInputElement;
-    target.select();
-  };
-&nbsp;
-  const formatTimer = (seconds: number) =&gt; {
-    const mins = Math.floor(seconds / 60);
-    const secs = seconds % 60;
-    return `${mins}:${secs.toString().padStart(2, '0')}`;
-  };
-&nbsp;
-  return (
-    &lt;div class="IncodeOtpInput"&gt;
-      &lt;div class="IncodeOtpInputContainer"&gt;
-        &lt;div
-          class={`IncodeOtpInputBoxes ${error ? 'IncodeOtpInputBoxesError' : ''}`}
-        &gt;
-          {digits.map((digit, index) =&gt; (
-            &lt;input
-              key={index}
-              type="text"
-              inputMode="text"
-              maxLength={1}
-              value={digit}
-              onInput={(e) =&gt; handleChange(index, e)}
-              onKeyDown={(e) =&gt; handleKeyDown(index, e)}
-              onPaste={(e) =&gt; handlePaste(index, e)}
-              onFocus={handleFocus}
-              ref={(el) =&gt; {
-                inputRefs.current[index] = el;
-              }}
-              class="IncodeOtpInputBox"
-              autocomplete="one-time-code"
-              data-testid={`otp-input-${index}`}
-              aria-label={`Character ${index + 1} of ${OTP_LENGTH}`}
-              disabled={disabled || isLoading}
-            /&gt;
-          ))}
-        &lt;/div&gt;
-&nbsp;
-        {error &amp;&amp; (
-          &lt;&gt;
-            &lt;Spacer size={8} /&gt;
-            &lt;p class="IncodeOtpInputError" data-testid="otp-error"&gt;
-              {error}
-            &lt;/p&gt;
-          &lt;/&gt;
-        )}
-      &lt;/div&gt;
-&nbsp;
-      &lt;Spacer /&gt;
-&nbsp;
-      &lt;Button
-        onClick={() =&gt; {
-          const code = digits.join('');
-          <span class="missing-if-branch" title="else path not taken" >E</span>if (code.length === OTP_LENGTH) {
-            onSubmit(code);
-          }
-        }}
-        disabled={digits.join('').length &lt; OTP_LENGTH}
-        isLoading={isLoading}
-        data-testid="otp-submit"
-      &gt;
-        Continue
-      &lt;/Button&gt;
-&nbsp;
-      &lt;Spacer size={16} /&gt;
-&nbsp;
-      &lt;div class="IncodeOtpInputActions"&gt;
-        {canResend &amp;&amp; !isLoading ? (
-          &lt;p class="IncodeOtpInputResendText" data-testid="otp-resend-section"&gt;
-            Didn't get it?{' '}
-            &lt;button
-              type="button"
-              class="IncodeOtpInputLink"
-              onClick={onResend}
-              disabled={disabled || isLoading}
-              data-testid="otp-resend"
-            &gt;
-              Resend code
-            &lt;/button&gt;
-            {' or '}
-            &lt;button
-              type="button"
-              class="IncodeOtpInputLink"
-              onClick={onBack}
-              disabled={disabled || isLoading}
-              data-testid="otp-back"
-            &gt;
-              {backLinkText}
-            &lt;/button&gt;
-          &lt;/p&gt;
-        ) : !isLoading ? (
-          &lt;p class="IncodeOtpInputTimer" data-testid="otp-timer"&gt;
-            Resend code in {formatTimer(resendTimer)}
-          &lt;/p&gt;
-        ) : null}
-      &lt;/div&gt;
-    &lt;/div&gt;
-  );
-};
-&nbsp;</pre></td></tr></table></pre>
-                <div class='push'></div><!-- for sticky footer -->
-            </div><!-- /wrapper -->
-            <div class='footer quiet pad2 space-top1 center small'>
-                Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-12-31T22:12:31.439Z
-            </div>
-        <script src="../../prettify.js"></script>
-        <script>
-            window.onload = function () {
-                prettyPrint();
-            };
-        </script>
-        <script src="../../sorter.js"></script>
-        <script src="../../block-navigation.js"></script>
-    </body>
-</html>