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/phone/phoneInput.tsx.html DELETED Viewed

@@ -1,832 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <title>Code coverage report for phone/phoneInput.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">phone</a> phoneInput.tsx</h1>
-        <div class='clearfix'>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">87.69% </span>
-                <span class="quiet">Statements</span>
-                <span class='fraction'>57/65</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">76.92% </span>
-                <span class="quiet">Branches</span>
-                <span class='fraction'>40/52</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">92.85% </span>
-                <span class="quiet">Functions</span>
-                <span class='fraction'>13/14</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">87.5% </span>
-                <span class="quiet">Lines</span>
-                <span class='fraction'>56/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>
-<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></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-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-yes">64x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">64x</span>
-<span class="cline-any cline-yes">64x</span>
-<span class="cline-any cline-yes">64x</span>
-<span class="cline-any cline-yes">64x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">64x</span>
-<span class="cline-any cline-yes">25x</span>
-<span class="cline-any cline-yes">25x</span>
-<span class="cline-any cline-yes">25x</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-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-yes">64x</span>
-<span class="cline-any cline-yes">51x</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-yes">2x</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-yes">2x</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&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-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-neutral">&nbsp;</span>
-<span class="cline-any cline-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">64x</span>
-<span class="cline-any cline-yes">32x</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">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">32x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-neutral">&nbsp;</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-yes">64x</span>
-<span class="cline-any cline-yes">4x</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-yes">4x</span>
-<span class="cline-any cline-yes">4x</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-yes">64x</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-yes">4x</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-yes">4x</span>
-<span class="cline-any cline-yes">4x</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-yes">64x</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">1x</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-yes">64x</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-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">64x</span>
-<span class="cline-any cline-yes">6x</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-yes">64x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-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">450x</span>
-<span class="cline-any cline-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-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<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 {
-  AsYouType,
-  type CountryCode,
-  parsePhoneNumberFromString,
-} from 'libphonenumber-js';
-import type { FC } from 'preact/compat';
-import { useEffect, useRef, useState } from 'preact/hooks';
-import {
-  type CountryData,
-  countries,
-  getCountryByCode,
-} from '../shared/countries';
-import { ChevronDown } from '../shared/icons';
-import { Spacer } from '../shared/spacer/spacer';
-import './styles.css';
-&nbsp;
-export type PhoneInputProps = {
-  countryCode: string;
-  phonePrefix: string;
-  prefilledPhone?: string;
-  phoneError?: string;
-  optinEnabled?: boolean;
-  disabled?: boolean;
-  onPhoneChange: (phone: string, isValid: boolean) =&gt; void;
-  onOptInChange?: (granted: boolean) =&gt; void;
-};
-&nbsp;
-export const PhoneInput: FC&lt;PhoneInputProps&gt; = ({
-  countryCode,
-  prefilledPhone,
-  phoneError,
-  optinEnabled = false,
-  disabled = false,
-  onPhoneChange,
-  onOptInChange,
-}) =&gt; {
-  const [selectedCountry, setSelectedCountry] = useState&lt;CountryData | null&gt;(
-    null,
-  );
-  const [isDropdownOpen, setIsDropdownOpen] = useState(false);
-  const [phone, setPhone] = useState('');
-  const [optInGranted, setOptInGranted] = useState(false);
-  const dropdownRef = useRef&lt;HTMLDivElement&gt;(null);
-&nbsp;
-  // Initialize selected country from countryCode prop
-  useEffect(() =&gt; {
-    const country = getCountryByCode(countryCode);
-    if (country) {
-      setSelectedCountry(country);
-    } else <span class="missing-if-branch" title="else path not taken" >E</span>{
-      // Default to US if not found
-<span class="cstat-no" title="statement not covered" >      setSelectedCountry(</span>
-        countries.find(<span class="fstat-no" title="function not covered" >(c</span>) =&gt; <span class="cstat-no" title="statement not covered" >c.code === 'US')</span> || countries[0],
-      );
-    }
-  }, [countryCode]);
-&nbsp;
-  // Handle prefilled phone
-  useEffect(() =&gt; {
-    if (prefilledPhone &amp;&amp; selectedCountry) {
-      // Parse the prefilled phone to extract national number
-      const phoneToFormat = prefilledPhone.startsWith('+')
-        ? prefilledPhone
-        : <span class="branch-1 cbranch-no" title="branch not covered" >`+${prefilledPhone}`;</span>
-      const parsed = parsePhoneNumberFromString(phoneToFormat);
-&nbsp;
-      <span class="missing-if-branch" title="else path not taken" >E</span>if (parsed?.isValid()) {
-        // Update country if different
-        <span class="missing-if-branch" title="if path not taken" >I</span>if (parsed.country &amp;&amp; parsed.country !== selectedCountry.code) {
-          const <span class="cstat-no" title="statement not covered" >newCountry = getCountryByCode(parsed.country);</span>
-<span class="cstat-no" title="statement not covered" >          if (newCountry) {</span>
-<span class="cstat-no" title="statement not covered" >            setSelectedCountry(newCountry);</span>
-          }
-        }
-        // Format and set the national number
-        const formatter = new AsYouType(parsed.country);
-        const formatted = formatter.input(parsed.nationalNumber);
-        setPhone(formatted);
-        onPhoneChange(phoneToFormat, true);
-      }
-    }
-  }, [prefilledPhone, selectedCountry]);
-&nbsp;
-  // Close dropdown when clicking outside
-  useEffect(() =&gt; {
-    const handleClickOutside = (e: MouseEvent) =&gt; {
-      <span class="missing-if-branch" title="else path not taken" >E</span>if (
-        dropdownRef.current &amp;&amp;
-        !dropdownRef.current.contains(e.target as Node)
-      ) {
-        setIsDropdownOpen(false);
-      }
-    };
-&nbsp;
-    if (isDropdownOpen) {
-      document.addEventListener('mousedown', handleClickOutside);
-    }
-    return () =&gt; document.removeEventListener('mousedown', handleClickOutside);
-  }, [isDropdownOpen]);
-&nbsp;
-  const validateAndNotify = (nationalNumber: string, country: CountryData) =&gt; {
-    const fullNumber = `${country.callingCode}${nationalNumber.replace(/\D/g, '')}`;
-    try {
-      const parsed = parsePhoneNumberFromString(
-        fullNumber,
-        country.code as CountryCode,
-      );
-      const valid = parsed?.isValid() ?? <span class="branch-1 cbranch-no" title="branch not covered" >false;</span>
-      onPhoneChange(fullNumber, valid);
-    } catch {
-<span class="cstat-no" title="statement not covered" >      onPhoneChange(fullNumber, false);</span>
-    }
-  };
-&nbsp;
-  const handlePhoneChange = (e: Event) =&gt; {
-    const target = e.target as HTMLInputElement;
-    const rawValue = target.value;
-&nbsp;
-    if (selectedCountry) {
-      // Format as user types
-      const formatter = new AsYouType(selectedCountry.code);
-      const formatted = formatter.input(rawValue);
-      setPhone(formatted);
-      validateAndNotify(rawValue, selectedCountry);
-    } else <span class="missing-if-branch" title="else path not taken" >E</span>{
-<span class="cstat-no" title="statement not covered" >      setPhone(rawValue);</span>
-    }
-  };
-&nbsp;
-  const handleCountrySelect = (country: CountryData) =&gt; {
-    setSelectedCountry(country);
-    setIsDropdownOpen(false);
-&nbsp;
-    // Revalidate with new country
-    <span class="missing-if-branch" title="if path not taken" >I</span>if (phone) {
-<span class="cstat-no" title="statement not covered" >      validateAndNotify(phone, country);</span>
-    }
-  };
-&nbsp;
-  const handleOptInChange = (e: Event) =&gt; {
-    const target = e.target as HTMLInputElement;
-    const granted = target.checked;
-    setOptInGranted(granted);
-    onOptInChange?.(granted);
-  };
-&nbsp;
-  const toggleDropdown = () =&gt; {
-    if (!disabled) {
-      setIsDropdownOpen(!isDropdownOpen);
-    }
-  };
-&nbsp;
-  return (
-    &lt;div class="IncodePhoneInput"&gt;
-      &lt;div class="IncodePhoneInputContainer"&gt;
-        &lt;div class="IncodePhoneInputRow"&gt;
-          {/* Country Selector */}
-          &lt;div
-            class={`IncodePhoneCountrySelector ${isDropdownOpen ? 'IncodePhoneCountrySelectorOpen' : ''} ${disabled ? 'IncodePhoneCountrySelectorDisabled' : ''}`}
-            ref={dropdownRef}
-          &gt;
-            &lt;button
-              type="button"
-              class="IncodePhoneCountryButton"
-              onClick={toggleDropdown}
-              disabled={disabled}
-              aria-expanded={isDropdownOpen}
-              aria-haspopup="listbox"
-              data-testid="phone-country-selector"
-            &gt;
-              &lt;span class="IncodePhoneCountryFlag" aria-hidden="true"&gt;
-                {selectedCountry?.emoji}
-              &lt;/span&gt;
-              &lt;span class="IncodePhoneCountryCode"&gt;
-                {selectedCountry?.callingCode}
-              &lt;/span&gt;
-              &lt;ChevronDown
-                class={`IncodePhoneCountryArrow ${isDropdownOpen ? 'IncodePhoneCountryArrowUp' : ''}`}
-              /&gt;
-            &lt;/button&gt;
-&nbsp;
-            {/* Country Dropdown */}
-            {isDropdownOpen &amp;&amp; (
-              &lt;div class="IncodePhoneCountryDropdown"&gt;
-                {countries.map((country) =&gt; (
-                  &lt;button
-                    key={country.code}
-                    type="button"
-                    class={`IncodePhoneCountryOption ${selectedCountry?.code === country.code ? 'IncodePhoneCountryOptionSelected' : ''}`}
-                    onClick={() =&gt; handleCountrySelect(country)}
-                  &gt;
-                    &lt;span class="IncodePhoneCountryFlag" aria-hidden="true"&gt;
-                      {country.emoji}
-                    &lt;/span&gt;
-                    &lt;span class="IncodePhoneCountryOptionCode"&gt;
-                      {country.callingCode}
-                    &lt;/span&gt;
-                    &lt;span class="IncodePhoneCountryOptionName"&gt;
-                      {country.name}
-                    &lt;/span&gt;
-                  &lt;/button&gt;
-                ))}
-              &lt;/div&gt;
-            )}
-          &lt;/div&gt;
-&nbsp;
-          {/* Phone Input */}
-          &lt;div
-            class={`IncodePhoneInputWrapper ${phoneError ? 'IncodePhoneInputWrapperError' : ''} ${disabled ? 'IncodePhoneInputWrapperDisabled' : ''}`}
-          &gt;
-            &lt;input
-              type="tel"
-              value={phone}
-              onInput={handlePhoneChange}
-              placeholder="(123) 456-7890"
-              disabled={disabled}
-              class="IncodePhoneInputField"
-              data-testid="phone-input"
-            /&gt;
-          &lt;/div&gt;
-        &lt;/div&gt;
-&nbsp;
-        {phoneError &amp;&amp; (
-          &lt;&gt;
-            &lt;Spacer size={8} /&gt;
-            &lt;p class="IncodePhoneInputError" data-testid="phone-error"&gt;
-              {phoneError}
-            &lt;/p&gt;
-          &lt;/&gt;
-        )}
-&nbsp;
-        {optinEnabled &amp;&amp; (
-          &lt;&gt;
-            &lt;Spacer size={16} /&gt;
-            &lt;label class="IncodePhoneInputOptIn"&gt;
-              &lt;input
-                type="checkbox"
-                checked={optInGranted}
-                onChange={handleOptInChange}
-                data-testid="phone-optin"
-              /&gt;
-              &lt;span&gt;I agree to receive SMS notifications&lt;/span&gt;
-            &lt;/label&gt;
-          &lt;/&gt;
-        )}
-      &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>