@incodetech/web 2.0.0-alpha.1 → 2.0.0-alpha.11
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.
- package/dist/base.css +1071 -0
- package/dist/browser-ponyfill-B6W6hHVY.js +344 -0
- package/dist/email/email.es.js +145 -0
- package/dist/email/styles.css +123 -0
- package/dist/flow/flow.es.js +555 -0
- package/dist/flow/styles.css +1119 -0
- package/dist/incodeModule-Dv8Qllrv.js +254 -0
- package/dist/index.es.js +6 -0
- package/dist/instance-B-q0ZREN.js +2140 -0
- package/dist/otpInput-BtoZe0Wz.js +151 -0
- package/dist/page-Dh_Zw2ik.js +234 -0
- package/dist/phone/phone.es.js +3441 -0
- package/dist/phone/styles.css +305 -0
- package/dist/selfie/selfie.es.js +893 -0
- package/dist/selfie/styles.css +590 -0
- package/dist/selfieTutorial-C-u5GufD.js +29 -0
- package/dist/setup-wNL83jmW.js +20 -0
- package/dist/themes/dark.css +652 -0
- package/dist/themes/light.css +543 -0
- package/dist/title-BfO5Dlzk.js +25 -0
- package/dist/types/base.d.ts +1 -0
- package/dist/types/dark.d.ts +1 -0
- package/dist/types/email.d.ts +57 -0
- package/dist/types/flow.d.ts +69 -0
- package/dist/types/index.d.ts +38 -0
- package/dist/types/light.d.ts +1 -0
- package/dist/types/phone.d.ts +58 -0
- package/dist/types/selfie.d.ts +31 -0
- package/dist/types/styles.d.ts +1 -0
- package/dist/types/themes/dark.d.ts +1 -0
- package/dist/types/themes/light.d.ts +1 -0
- package/dist/uiConfig-CQ1W9cUD.js +23 -0
- package/dist/vendor-preact-CK0WeTOR.js +584 -0
- package/package.json +32 -26
- package/dev/README.md +0 -163
- package/dev/getToken.ts +0 -36
- package/dev/headless.html +0 -875
- package/dev/index.html +0 -366
- package/dev/main-headless.tsx +0 -1332
- package/dev/main-orchestrated-flow.tsx +0 -1158
- package/dev/main-preact.tsx +0 -323
- package/dev/main-simplified.tsx +0 -123
- package/dev/main-web-component.tsx +0 -256
- package/dev/main.tsx +0 -332
- package/dev/manual.html +0 -27
- package/dev/orchestrated-flow.html +0 -64
- package/dev/simplified.html +0 -64
- package/dev/tiktok-logo.svg +0 -7
- package/src/defineCustomElement.tsx +0 -30
- package/src/email/email.test.tsx +0 -368
- package/src/email/email.tsx +0 -255
- package/src/email/emailInput.test.tsx +0 -264
- package/src/email/emailInput.tsx +0 -85
- package/src/email/styles.css +0 -59
- package/src/flow/flow.test.tsx +0 -796
- package/src/flow/flow.tsx +0 -292
- package/src/flow/flowCompleted.css +0 -30
- package/src/flow/flowCompleted.test.tsx +0 -331
- package/src/flow/flowCompleted.tsx +0 -121
- package/src/flow/flowInit.test.ts +0 -264
- package/src/flow/flowInit.ts +0 -94
- package/src/flow/flowStart.css +0 -58
- package/src/flow/flowStart.test.tsx +0 -49
- package/src/flow/flowStart.tsx +0 -41
- package/src/flow/incode-logo.svg +0 -8
- package/src/flow/index.ts +0 -7
- package/src/flow/preloadFlow.test.ts +0 -421
- package/src/flow/preloadFlow.ts +0 -171
- package/src/flow/styles.css +0 -9
- package/src/flow/unsupportedModule.css +0 -21
- package/src/flow/unsupportedModule.tsx +0 -39
- package/src/flow/useFlowInitialization.test.tsx +0 -292
- package/src/flow/useFlowInitialization.ts +0 -128
- package/src/flow/useModuleLoader.test.tsx +0 -212
- package/src/flow/useModuleLoader.ts +0 -92
- package/src/hooks/index.ts +0 -1
- package/src/hooks/useManager.test.ts +0 -91
- package/src/hooks/useManager.ts +0 -40
- package/src/i18n/index.ts +0 -3
- package/src/i18n/instance.ts +0 -16
- package/src/i18n/setup.ts +0 -184
- package/src/i18n/useTranslation.ts +0 -42
- package/src/index.ts +0 -27
- package/src/permissions/assets/android-dots-icon.svg +0 -7
- package/src/permissions/assets/android-settings-icon.svg +0 -16
- package/src/permissions/assets/android-toggle-icon.svg +0 -20
- package/src/permissions/assets/bank-card-icon.svg +0 -14
- package/src/permissions/assets/camera-icon.svg +0 -12
- package/src/permissions/assets/camera-ios.svg +0 -53
- package/src/permissions/assets/check-icon.svg +0 -8
- package/src/permissions/assets/chrome-icon.svg +0 -43
- package/src/permissions/assets/password-icon.svg +0 -11
- package/src/permissions/assets/permissions-img.svg +0 -51
- package/src/permissions/assets/safari-icon.svg +0 -37
- package/src/permissions/assets/settings-icon.svg +0 -33
- package/src/permissions/assets/toggle-icon.svg +0 -19
- package/src/permissions/assets/warning-icon.svg +0 -6
- package/src/permissions/boldWithArrow.css +0 -9
- package/src/permissions/boldWithArrow.tsx +0 -41
- package/src/permissions/denied.css +0 -37
- package/src/permissions/denied.tsx +0 -29
- package/src/permissions/deniedAndroid.tsx +0 -56
- package/src/permissions/deniedDesktop.css +0 -9
- package/src/permissions/deniedDesktop.tsx +0 -64
- package/src/permissions/deniedIOS.tsx +0 -73
- package/src/permissions/deniedInstructions.tsx +0 -19
- package/src/permissions/iconWrapper.css +0 -9
- package/src/permissions/iconWrapper.tsx +0 -15
- package/src/permissions/learnMore.css +0 -37
- package/src/permissions/learnMore.tsx +0 -85
- package/src/permissions/numberedStep.css +0 -13
- package/src/permissions/numberedStep.tsx +0 -14
- package/src/permissions/permissions.css +0 -13
- package/src/permissions/permissions.tsx +0 -68
- package/src/phone/phone.tsx +0 -246
- package/src/phone/phoneInput.test.tsx +0 -275
- package/src/phone/phoneInput.tsx +0 -249
- package/src/phone/styles.css +0 -158
- package/src/selfie/cameraButton.css +0 -13
- package/src/selfie/cameraButton.tsx +0 -35
- package/src/selfie/capture.css +0 -57
- package/src/selfie/capture.tsx +0 -232
- package/src/selfie/errorModal.tsx +0 -218
- package/src/selfie/errorModalContent.css +0 -33
- package/src/selfie/errorModalContent.tsx +0 -44
- package/src/selfie/faceOutline.css +0 -5
- package/src/selfie/faceOutline.tsx +0 -22
- package/src/selfie/loadingBorder.css +0 -12
- package/src/selfie/loadingBorder.tsx +0 -77
- package/src/selfie/manualCaptureButton.css +0 -13
- package/src/selfie/manualCaptureButton.tsx +0 -35
- package/src/selfie/noMoreAttemptsModal.tsx +0 -44
- package/src/selfie/notification.css +0 -9
- package/src/selfie/notification.tsx +0 -36
- package/src/selfie/retryErrorModal.tsx +0 -56
- package/src/selfie/selfie.test.tsx +0 -458
- package/src/selfie/selfie.tsx +0 -83
- package/src/selfie/selfieTutorial.json +0 -2626
- package/src/selfie/styles.css +0 -1
- package/src/selfie/tutorial.test.tsx +0 -200
- package/src/selfie/tutorial.tsx +0 -43
- package/src/setup.ts +0 -33
- package/src/shared/baseTutorial/baseTutorial.css +0 -21
- package/src/shared/baseTutorial/baseTutorial.test.tsx +0 -184
- package/src/shared/baseTutorial/baseTutorial.tsx +0 -55
- package/src/shared/baseTutorial/replaceBaseTutorial.test.ts +0 -267
- package/src/shared/baseTutorial/replaceBaseTutorial.ts +0 -68
- package/src/shared/button/button.css +0 -55
- package/src/shared/button/button.test.tsx +0 -101
- package/src/shared/button/button.tsx +0 -47
- package/src/shared/componentRoot/incodeComponent.tsx +0 -12
- package/src/shared/countries/countries.test.ts +0 -75
- package/src/shared/countries/countries.ts +0 -139
- package/src/shared/countries/index.ts +0 -6
- package/src/shared/icons/chevronDown.tsx +0 -22
- package/src/shared/icons/index.ts +0 -2
- package/src/shared/icons/successIcon.css +0 -5
- package/src/shared/icons/successIcon.test.tsx +0 -40
- package/src/shared/icons/successIcon.tsx +0 -26
- package/src/shared/loader/loadingIcon.css +0 -28
- package/src/shared/loader/loadingIcon.tsx +0 -67
- package/src/shared/lottie/lottie.tsx +0 -108
- package/src/shared/otpInput/otpInput.css +0 -85
- package/src/shared/otpInput/otpInput.test.tsx +0 -356
- package/src/shared/otpInput/otpInput.tsx +0 -241
- package/src/shared/page/incode-logo.svg +0 -3
- package/src/shared/page/page.css +0 -47
- package/src/shared/page/page.test.tsx +0 -97
- package/src/shared/page/page.tsx +0 -91
- package/src/shared/page/pageUiConfig.test.ts +0 -112
- package/src/shared/page/pageUiConfig.ts +0 -64
- package/src/shared/page/verifiedByIncode.css +0 -5
- package/src/shared/page/verifiedByIncode.tsx +0 -75
- package/src/shared/spacer/spacer.css +0 -149
- package/src/shared/spacer/spacer.test.tsx +0 -143
- package/src/shared/spacer/spacer.tsx +0 -88
- package/src/shared/spinner/index.ts +0 -2
- package/src/shared/spinner/spinner.css +0 -28
- package/src/shared/spinner/spinner.test.tsx +0 -82
- package/src/shared/spinner/spinner.tsx +0 -65
- package/src/shared/title/title.css +0 -7
- package/src/shared/title/title.tsx +0 -12
- package/src/shared/uiConfig/uiConfig.ts +0 -36
- package/src/shared/webComponent/incodeModule.ts +0 -29
- package/src/shared/webComponent/registerIncodeElement.ts +0 -15
- package/src/styles/__mocks__/fetchTheme.ts +0 -19
- package/src/styles/applyTheme.ts +0 -37
- package/src/styles/cn.test.tsx +0 -57
- package/src/styles/cn.tsx +0 -21
- package/src/styles/core.css +0 -12
- package/src/styles/fetchTheme.test.ts +0 -390
- package/src/styles/fetchTheme.ts +0 -88
- package/src/styles/generatePalette.ts +0 -111
- package/src/styles/reset.css +0 -65
- package/src/styles/resolveCssVariableToHex.ts +0 -28
- package/src/styles/tailwind.css +0 -291
- package/src/styles/themeTypes.ts +0 -18
- package/src/styles/tokens/colors.css +0 -190
- package/src/styles/tokens/components.css +0 -174
- package/src/styles/tokens/index.css +0 -4
- package/src/styles/tokens/primitives.css +0 -129
- package/src/styles/tokens/semantic.css +0 -51
- package/src/svg.d.ts +0 -4
- package/src/types/assets.d.ts +0 -1
- package/src/types/custom-elements.d.ts +0 -104
- package/tsconfig.json +0 -22
- package/vite.config.ts +0 -260
- package/vitest.config.ts +0 -40
- package/vitest.setup.ts +0 -16
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { WasmConfig } from '@incodetech/core';
|
|
2
|
+
|
|
3
|
+
declare type I18nOptions = {
|
|
4
|
+
lang?: string;
|
|
5
|
+
translations?: Translations;
|
|
6
|
+
};
|
|
7
|
+
|
|
8
|
+
declare type LanguageTranslations = Record<string, TranslationValue>;
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* Sets global UI configuration defaults for `@incodetech/ui`.
|
|
12
|
+
*/
|
|
13
|
+
export declare function setUiConfig(next: UiConfig): void;
|
|
14
|
+
|
|
15
|
+
export declare function setup({ apiURL, token, customHeaders, timeout, wasm, i18n, uiConfig, }: SetupOptions): Promise<void>;
|
|
16
|
+
|
|
17
|
+
declare type SetupOptions = {
|
|
18
|
+
apiURL: string;
|
|
19
|
+
token: string;
|
|
20
|
+
customHeaders?: Record<string, string>;
|
|
21
|
+
timeout?: number;
|
|
22
|
+
wasm?: WasmConfig;
|
|
23
|
+
i18n?: I18nOptions;
|
|
24
|
+
uiConfig?: UiConfig;
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
declare type Translations = Partial<Record<string, LanguageTranslations>>;
|
|
28
|
+
|
|
29
|
+
declare type TranslationValue = string | Record<string, unknown>;
|
|
30
|
+
|
|
31
|
+
export declare type UiConfig = {
|
|
32
|
+
logoSrc?: string;
|
|
33
|
+
logoHeight?: string;
|
|
34
|
+
hideHeader?: boolean;
|
|
35
|
+
hideFooterBranding?: boolean;
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
export { }
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { }
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { FC } from 'preact/compat';
|
|
2
|
+
import { PhoneConfig } from '@incodetech/core/phone';
|
|
3
|
+
|
|
4
|
+
declare type IncodeModuleProps<TConfig, TResult = void> = {
|
|
5
|
+
/**
|
|
6
|
+
* Module configuration required to render the flow.
|
|
7
|
+
* For Web Components, this is typically assigned via `element.config = ...`.
|
|
8
|
+
*/
|
|
9
|
+
config?: TConfig;
|
|
10
|
+
/**
|
|
11
|
+
* Callback invoked when the module completes successfully.
|
|
12
|
+
* @param result - Optional result data from the module completion
|
|
13
|
+
*/
|
|
14
|
+
onFinish?: (result?: TResult) => void;
|
|
15
|
+
/**
|
|
16
|
+
* Callback invoked when a fatal module error occurs.
|
|
17
|
+
*/
|
|
18
|
+
onError?: (error: string | undefined) => void;
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* Phone verification UI component.
|
|
23
|
+
*
|
|
24
|
+
* Provides a complete phone verification experience including:
|
|
25
|
+
* - Country code selector with flag emojis
|
|
26
|
+
* - Phone number input with validation
|
|
27
|
+
* - OTP code entry with resend functionality
|
|
28
|
+
* - Loading states and error handling
|
|
29
|
+
*
|
|
30
|
+
* @example Basic usage
|
|
31
|
+
* ```tsx
|
|
32
|
+
* <Phone
|
|
33
|
+
* config={{
|
|
34
|
+
* otpVerification: true,
|
|
35
|
+
* otpExpirationInMinutes: 5,
|
|
36
|
+
* prefill: false,
|
|
37
|
+
* }}
|
|
38
|
+
* onFinish={() => router.push('/next-step')}
|
|
39
|
+
* onError={(err) => toast.error(err)}
|
|
40
|
+
* />
|
|
41
|
+
* ```
|
|
42
|
+
*
|
|
43
|
+
* @see {@link createPhoneManager} for headless usage
|
|
44
|
+
*/
|
|
45
|
+
export declare const Phone: FC<PhoneProps>;
|
|
46
|
+
|
|
47
|
+
/**
|
|
48
|
+
* Props for the Phone component
|
|
49
|
+
*/
|
|
50
|
+
declare type PhoneProps = IncodeModuleProps<PhoneConfig>;
|
|
51
|
+
|
|
52
|
+
export { }
|
|
53
|
+
|
|
54
|
+
declare global {
|
|
55
|
+
interface HTMLElementTagNameMap {
|
|
56
|
+
'incode-phone': HTMLElement & IncodeModuleProps<PhoneConfig>;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { FC } from 'preact/compat';
|
|
2
|
+
import { SelfieConfig } from '@incodetech/core/selfie';
|
|
3
|
+
|
|
4
|
+
declare type IncodeModuleProps<TConfig, TResult = void> = {
|
|
5
|
+
/**
|
|
6
|
+
* Module configuration required to render the flow.
|
|
7
|
+
* For Web Components, this is typically assigned via `element.config = ...`.
|
|
8
|
+
*/
|
|
9
|
+
config?: TConfig;
|
|
10
|
+
/**
|
|
11
|
+
* Callback invoked when the module completes successfully.
|
|
12
|
+
* @param result - Optional result data from the module completion
|
|
13
|
+
*/
|
|
14
|
+
onFinish?: (result?: TResult) => void;
|
|
15
|
+
/**
|
|
16
|
+
* Callback invoked when a fatal module error occurs.
|
|
17
|
+
*/
|
|
18
|
+
onError?: (error: string | undefined) => void;
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export declare const Selfie: FC<SelfieProps>;
|
|
22
|
+
|
|
23
|
+
declare type SelfieProps = IncodeModuleProps<SelfieConfig>;
|
|
24
|
+
|
|
25
|
+
export { }
|
|
26
|
+
|
|
27
|
+
declare global {
|
|
28
|
+
interface HTMLElementTagNameMap {
|
|
29
|
+
'incode-selfie': HTMLElement & IncodeModuleProps<SelfieConfig>;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { }
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { C as i } from "./vendor-preact-CK0WeTOR.js";
|
|
2
|
+
let e = {};
|
|
3
|
+
const t = /* @__PURE__ */ new Set();
|
|
4
|
+
function r(n) {
|
|
5
|
+
return t.add(n), () => {
|
|
6
|
+
t.delete(n);
|
|
7
|
+
};
|
|
8
|
+
}
|
|
9
|
+
function s() {
|
|
10
|
+
return e;
|
|
11
|
+
}
|
|
12
|
+
function f(n) {
|
|
13
|
+
e = n;
|
|
14
|
+
for (const o of t)
|
|
15
|
+
o();
|
|
16
|
+
}
|
|
17
|
+
function c() {
|
|
18
|
+
return i(r, s);
|
|
19
|
+
}
|
|
20
|
+
export {
|
|
21
|
+
f as s,
|
|
22
|
+
c as u
|
|
23
|
+
};
|