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

@incodetech/web 2.0.0-alpha.2 → 2.0.0-alpha.4

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 (273) hide show

package/dist/{styles/core.css → base.css} +53 -57
package/dist/email/email.es.js +1 -1
package/dist/email/styles.css +11 -11
package/dist/flow/styles.css +688 -1
package/dist/{incodeModule-BF5MX9GT.js → incodeModule-Ct9jp5k6.js} +22 -19
package/dist/index.es.js +18 -18
package/dist/phone/phone.es.js +1 -1
package/dist/phone/styles.css +31 -31
package/dist/selfie/selfie.es.js +16 -16
package/dist/selfie/styles.css +0 -51
package/dist/themes/dark.css +652 -0
package/dist/types/dark.d.ts +1 -0
package/dist/types/light.d.ts +1 -0
package/dist/types/themes/light.d.ts +1 -0
package/package.json +12 -6
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/dist/asset-manifest.json +0 -18
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/dist/{styles/tokens.css → themes/light.css} +0 -0
/package/dist/types/{core.d.ts → base.d.ts} +0 -0
/package/dist/types/{styles/core.d.ts → themes/dark.d.ts} +0 -0

package/coverage/email/email.tsx.html DELETED Viewed

@@ -1,850 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <title>Code coverage report for email/email.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">email</a> email.tsx</h1>
-        <div class='clearfix'>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">91.66% </span>
-                <span class="quiet">Statements</span>
-                <span class='fraction'>33/36</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">88.09% </span>
-                <span class="quiet">Branches</span>
-                <span class='fraction'>37/42</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
-                <span class="quiet">Functions</span>
-                <span class='fraction'>9/9</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">91.66% </span>
-                <span class="quiet">Lines</span>
-                <span class='fraction'>33/36</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>
-<a name='L243'></a><a href='#L243'>243</a>
-<a name='L244'></a><a href='#L244'>244</a>
-<a name='L245'></a><a href='#L245'>245</a>
-<a name='L246'></a><a href='#L246'>246</a>
-<a name='L247'></a><a href='#L247'>247</a>
-<a name='L248'></a><a href='#L248'>248</a>
-<a name='L249'></a><a href='#L249'>249</a>
-<a name='L250'></a><a href='#L250'>250</a>
-<a name='L251'></a><a href='#L251'>251</a>
-<a name='L252'></a><a href='#L252'>252</a>
-<a name='L253'></a><a href='#L253'>253</a>
-<a name='L254'></a><a href='#L254'>254</a>
-<a name='L255'></a><a href='#L255'>255</a>
-<a name='L256'></a><a href='#L256'>256</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-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>
-<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>
-<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">30x</span>
-<span class="cline-any cline-yes">30x</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">30x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">30x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">30x</span>
-<span class="cline-any cline-yes">27x</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-no">&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">30x</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">30x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">18x</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">18x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">18x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">18x</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">4x</span>
-<span class="cline-any cline-yes">4x</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-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">12x</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">8x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">8x</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">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-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">4x</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-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-no">&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-yes">1x</span>
-<span class="cline-any cline-yes">27x</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">1x</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">/**
- * @module @incodetech/ui/email
- *
- * Email verification UI component for the Incode Web SDK.
- * Provides a complete, ready-to-use email verification experience
- * with email input and OTP verification.
- *
- * ## UI Usage
- *
- * The Email component can be used as a React/Preact component or as a
- * Web Component (`&lt;incode-email&gt;`).
- *
- * @example React/Preact component usage
- * ```tsx
- * import { Email } from '@incodetech/ui/email';
- * import { setup } from '@incodetech/core';
- *
- * // Configure the SDK first
- * setup({ apiURL: 'https://api.example.com', token: 'your-token' });
- *
- * function App() {
- *   const config = {
- *     otpVerification: true,
- *     otpExpirationInMinutes: 5,
- *     prefill: false,
- *   };
- *
- *   return (
- *     &lt;Email
- *       config={config}
- *       onFinish={() =&gt; console.log('Email verified!')}
- *       onError={(error) =&gt; console.error('Error:', error)}
- *     /&gt;
- *   );
- * }
- * ```
- *
- * @example Web Component usage
- * ```html
- * &lt;!-- Include the script --&gt;
- * &lt;script type="module"&gt;
- *   import '@incodetech/ui/email';
- *   import { setup } from '@incodetech/core';
- *
- *   setup({ apiURL: 'https://api.example.com', token: 'your-token' });
- *
- *   const email = document.querySelector('incode-email');
- *   email.config = {
- *     otpVerification: true,
- *     otpExpirationInMinutes: 5,
- *     prefill: false,
- *   };
- *   email.onFinish = () =&gt; console.log('Email verified!');
- *   email.onError = (error) =&gt; console.error('Error:', error);
- * &lt;/script&gt;
- *
- * &lt;incode-email&gt;&lt;/incode-email&gt;
- * ```
- *
- * ## Styling
- *
- * The component uses CSS custom properties (variables) for theming.
- * Override these variables to customize the appearance:
- *
- * ```css
- * :root {
- *   --button-primary-surface-default: #0066cc;
- *   --input-border-default: #cccccc;
- *   --text-title: #333333;
- * }
- * ```
- *
- * ## Headless Alternative
- *
- * For complete control over the UI, use the headless `createEmailManager`
- * from `@incodetech/core/email` instead. See the core module documentation.
- */
-import './styles.css';
-import { createEmailManager, type EmailConfig } from '@incodetech/core/email';
-import type { FC } from 'preact/compat';
-import { useEffect, useState } from 'preact/hooks';
-import { useManager } from '@/hooks';
-import { Button } from '../shared/button/button';
-import { IncodeComponent } from '../shared/componentRoot/incodeComponent';
-import { OtpInput } from '../shared/otpInput/otpInput';
-import { Page } from '../shared/page/page';
-import { Spacer } from '../shared/spacer/spacer';
-import {
-  type IncodeModuleProps,
-  registerIncodeModuleElement,
-} from '../shared/webComponent/incodeModule';
-import { EmailInput } from './emailInput';
-&nbsp;
-/** @internal */
-type EmailContentProps = {
-  config: EmailConfig;
-  onFinish?: () =&gt; void;
-  onError?: (error: string | undefined) =&gt; void;
-};
-&nbsp;
-const EmailContent: FC&lt;EmailContentProps&gt; = ({ config, onFinish, onError }) =&gt; {
-  const [state, manager] = useManager(() =&gt; {
-    <span class="missing-if-branch" title="if path not taken" >I</span>if (!config) {
-<span class="cstat-no" title="statement not covered" >      throw new Error('Email config is required');</span>
-    }
-    return createEmailManager({ config });
-  });
-  const [isEmailValid, setIsEmailValid] = useState(false);
-&nbsp;
-  useEffect(() =&gt; {
-    if (state.status === 'idle' &amp;&amp; manager.load) {
-      try {
-        manager.load();
-      } catch (error) {
-<span class="cstat-no" title="statement not covered" >        onError?.(</span>
-          error instanceof Error
-            ? error.message
-            : 'Failed to initialize email verification',
-        );
-      }
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-&nbsp;
-  // Handle input states: idle, loadingPrefill, inputting, submitting, sendingOtp
-  const isInputState =
-    state.status === 'idle' ||
-    state.status === 'loadingPrefill' ||
-    state.status === 'inputting' ||
-    state.status === 'submitting' ||
-    state.status === 'sendingOtp';
-&nbsp;
-  if (isInputState) {
-    const isLoading =
-      state.status === 'idle' ||
-      state.status === 'loadingPrefill' ||
-      state.status === 'submitting' ||
-      state.status === 'sendingOtp';
-&nbsp;
-    const prefilledEmail =
-      state.status === 'inputting' ? state.prefilledEmail : undefined;
-    const emailError =
-      state.status === 'inputting' ? state.emailError : undefined;
-&nbsp;
-    return (
-      &lt;Page
-        className="IncodeEmailPage"
-        title="Verify Email"
-        subtitle={
-          config.otpVerification
-            ? 'We will send you a verification code'
-            : undefined
-        }
-      &gt;
-        &lt;EmailInput
-          prefilledEmail={prefilledEmail}
-          emailError={emailError}
-          disabled={isLoading}
-          onEmailChange={(email, isValid) =&gt; {
-            manager.setEmail(email, isValid);
-            setIsEmailValid(isValid);
-          }}
-        /&gt;
-        &lt;Spacer /&gt;
-        &lt;Button
-          onClick={() =&gt; manager.submit()}
-          disabled={!isEmailValid}
-          isLoading={isLoading}
-          data-testid="email-submit"
-        &gt;
-          Continue
-        &lt;/Button&gt;
-      &lt;/Page&gt;
-    );
-  }
-&nbsp;
-  if (
-    state.status === 'awaitingOtp' ||
-    state.status === 'verifyingOtp' ||
-    state.status === 'otpError'
-  ) {
-    const isVerifying = state.status === 'verifyingOtp';
-&nbsp;
-    return (
-      &lt;Page
-        className="IncodeEmailPage IncodeEmailOtpPage"
-        title="Enter Verification Code"
-      &gt;
-        &lt;OtpInput
-          resendTimer={state.status === 'awaitingOtp' ? state.resendTimer : 0}
-          canResend={state.status === 'awaitingOtp' ? state.canResend : false}
-          error={state.status === 'otpError' ? state.error : undefined}
-          onSubmit={(code) =&gt; manager.submitOtp(code)}
-          onResend={() =&gt; manager.resendOtp()}
-          onBack={() =&gt; manager.back()}
-          backLinkText="change email address"
-          isLoading={isVerifying}
-        /&gt;
-      &lt;/Page&gt;
-    );
-  }
-&nbsp;
-  if (state.status === 'success') {
-    onFinish?.();
-    return null;
-  }
-&nbsp;
-  <span class="missing-if-branch" title="else path not taken" >E</span>if (state.status === 'error') {
-    onError?.(state.error);
-    return null;
-  }
-&nbsp;
-<span class="cstat-no" title="statement not covered" >  return null;</span>
-};
-&nbsp;
-/**
- * Props for the Email component
- */
-type EmailProps = IncodeModuleProps&lt;EmailConfig&gt;;
-&nbsp;
-/**
- * Email verification UI component.
- *
- * Provides a complete email verification experience including:
- * - Email address input with validation
- * - OTP code entry with resend functionality
- * - Loading states and error handling
- *
- * @example Basic usage
- * ```tsx
- * &lt;Email
- *   config={{
- *     otpVerification: true,
- *     otpExpirationInMinutes: 5,
- *     prefill: false,
- *   }}
- *   onFinish={() =&gt; router.push('/next-step')}
- *   onError={(err) =&gt; toast.error(err)}
- * /&gt;
- * ```
- *
- * @see {@link createEmailManager} for headless usage
- */
-export const Email: FC&lt;EmailProps&gt; = ({ config, onFinish, onError }) =&gt; {
-  return (
-    &lt;IncodeComponent&gt;
-      {config ? (
-        &lt;EmailContent config={config} onFinish={onFinish} onError={onError} /&gt;
-      ) : <span class="branch-1 cbranch-no" title="branch not covered" >null}</span>
-    &lt;/IncodeComponent&gt;
-  );
-};
-&nbsp;
-// Register as a Web Component
-registerIncodeModuleElement(Email, 'incode-email');
-&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>