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

package/src/flow/useModuleLoader.ts

@@ -1,92 +0,0 @@
-import type { FC } from 'preact/compat';
-import { useEffect, useRef, useState } from 'preact/hooks';
-import { LAZY_UI_MODULES } from './flowInit';
-
-type ModuleLoaderState =
-  | { status: 'idle' }
-  | { status: 'loading'; moduleKey: string }
-  | {
-      status: 'loaded';
-      moduleKey: string;
-      Component: FC<Record<string, unknown>>;
-    }
-  | { status: 'unsupported'; moduleKey: string }
-  | { status: 'error'; moduleKey: string; error: string };
-
-type UseModuleLoaderOptions = {
-  moduleKey: string | undefined;
-  onModuleLoading?: (moduleKey: string) => void;
-  onModuleLoaded?: (moduleKey: string) => void;
-  onError?: (error: string) => void;
-};
-
-export function useModuleLoader(
-  options: UseModuleLoaderOptions,
-): ModuleLoaderState {
-  const { moduleKey, onModuleLoading, onModuleLoaded, onError } = options;
-  const [state, setState] = useState<ModuleLoaderState>({ status: 'idle' });
-
-  useEffect(() => {
-    if (!moduleKey) {
-      setState({ status: 'idle' });
-      return;
-    }
-
-    const loader = LAZY_UI_MODULES[moduleKey as keyof typeof LAZY_UI_MODULES];
-
-    if (!loader) {
-      setState({ status: 'unsupported', moduleKey });
-      return;
-    }
-
-    setState({ status: 'loading', moduleKey });
-    onModuleLoading?.(moduleKey);
-
-    let cancelled = false;
-
-    loader()
-      .then((Component) => {
-        if (!cancelled) {
-          setState({ status: 'loaded', moduleKey, Component });
-          onModuleLoaded?.(moduleKey);
-        }
-      })
-      .catch((error) => {
-        if (!cancelled) {
-          const errorMessage =
-            error instanceof Error ? error.message : 'Failed to load module';
-          setState({ status: 'error', moduleKey, error: errorMessage });
-          onError?.(`Failed to load ${moduleKey}: ${errorMessage}`);
-        }
-      });
-
-    return () => {
-      cancelled = true;
-    };
-  }, [moduleKey, onModuleLoading, onModuleLoaded, onError]);
-
-  return state;
-}
-
-export function usePrefetchNextModule(
-  steps: string[],
-  currentStepIndex: number,
-): void {
-  const prefetchedRef = useRef<Set<string>>(new Set());
-
-  useEffect(() => {
-    if (currentStepIndex < steps.length - 1) {
-      const nextStep = steps[currentStepIndex + 1];
-      if (nextStep && !prefetchedRef.current.has(nextStep)) {
-        prefetchedRef.current.add(nextStep);
-        const loader =
-          LAZY_UI_MODULES[nextStep as keyof typeof LAZY_UI_MODULES];
-        if (loader) {
-          loader().catch(() => {
-            prefetchedRef.current.delete(nextStep);
-          });
-        }
-      }
-    }
-  }, [steps, currentStepIndex]);
-}

package/src/hooks/index.ts

@@ -1 +0,0 @@
-export { useManager } from './useManager';

package/src/hooks/useManager.test.ts

@@ -1,91 +0,0 @@
-import { renderHook } from '@testing-library/preact';
-import { describe, expect, it, vi } from 'vitest';
-import { useManager } from './useManager';
-
-type MockManager = {
-  getState: () => { status: string };
-  subscribe: (listener: (state: { status: string }) => void) => () => void;
-  load?: () => void;
-};
-
-describe('useManager', () => {
-  it('returns initial state from manager', () => {
-    const mockState = { status: 'idle' };
-    const mockManager: MockManager = {
-      getState: () => mockState,
-      subscribe: vi.fn(() => vi.fn()),
-    };
-
-    const { result } = renderHook(() => useManager(() => mockManager));
-
-    expect(result.current[0]).toBe(mockState);
-    expect(result.current[1]).toBe(mockManager);
-  });
-
-  it('calls manager.load when autoLoad is true', () => {
-    const mockLoad = vi.fn();
-    const mockManager: MockManager = {
-      getState: () => ({ status: 'idle' }),
-      subscribe: vi.fn(() => vi.fn()),
-      load: mockLoad,
-    };
-
-    renderHook(() => useManager(() => mockManager, { autoLoad: true }));
-
-    expect(mockLoad).toHaveBeenCalledTimes(1);
-  });
-
-  it('does not call manager.load when autoLoad is false', () => {
-    const mockLoad = vi.fn();
-    const mockManager: MockManager = {
-      getState: () => ({ status: 'idle' }),
-      subscribe: vi.fn(() => vi.fn()),
-      load: mockLoad,
-    };
-
-    renderHook(() => useManager(() => mockManager, { autoLoad: false }));
-
-    expect(mockLoad).not.toHaveBeenCalled();
-  });
-
-  it('does not call load when manager does not have load method', () => {
-    const mockManager: MockManager = {
-      getState: () => ({ status: 'idle' }),
-      subscribe: vi.fn(() => vi.fn()),
-    };
-
-    const { result } = renderHook(() => useManager(() => mockManager));
-
-    expect(result.current[0]).toEqual({ status: 'idle' });
-    expect(result.current[1]).toBe(mockManager);
-  });
-
-  it('subscribes to manager state updates', () => {
-    const mockUnsubscribe = vi.fn();
-    const mockSubscribe = vi.fn(() => mockUnsubscribe);
-    const mockManager: MockManager = {
-      getState: () => ({ status: 'idle' }),
-      subscribe: mockSubscribe,
-    };
-
-    renderHook(() => useManager(() => mockManager));
-
-    expect(mockSubscribe).toHaveBeenCalledTimes(1);
-    expect(mockSubscribe).toHaveBeenCalledWith(expect.any(Function));
-  });
-
-  it('unsubscribes on unmount', () => {
-    const mockUnsubscribe = vi.fn();
-    const mockSubscribe = vi.fn(() => mockUnsubscribe);
-    const mockManager: MockManager = {
-      getState: () => ({ status: 'idle' }),
-      subscribe: mockSubscribe,
-    };
-
-    const { unmount } = renderHook(() => useManager(() => mockManager));
-
-    unmount();
-
-    expect(mockUnsubscribe).toHaveBeenCalledTimes(1);
-  });
-});

package/src/hooks/useManager.ts

@@ -1,40 +0,0 @@
-import { useEffect, useState } from 'preact/hooks';
-
-type UseManagerOptions = {
-  autoLoad?: boolean;
-};
-
-type InferState<T> = T extends { getState: () => infer S } ? S : never;
-
-/**
- * Hook for subscribing to manager state updates
- * @param factory - Factory function that creates the manager instance
- * @param options - Configuration options
- * @returns Tuple of [state, manager]
- */
-export function useManager<
-  TManager extends {
-    getState: () => TState;
-    subscribe: (listener: (state: TState) => void) => () => void;
-    load?: () => void;
-  },
-  TState = InferState<TManager>,
->(
-  factory: () => TManager,
-  options: UseManagerOptions = {},
-): [TState, TManager] {
-  const { autoLoad = true } = options;
-  const [manager] = useState(factory);
-  const [state, setState] = useState<TState>(
-    () => manager.getState() as TState,
-  );
-
-  useEffect(() => {
-    if (autoLoad && manager.load) {
-      manager.load();
-    }
-    return manager.subscribe(setState as (state: TState) => void);
-  }, [manager, autoLoad]);
-
-  return [state, manager];
-}

package/src/i18n/index.ts

@@ -1,3 +0,0 @@
-export { getI18nInstance, setI18nInstance } from './instance';
-export { createI18n, type I18nOptions } from './setup';
-export { useTranslation } from './useTranslation';

package/src/i18n/instance.ts

@@ -1,16 +0,0 @@
-import type { i18n } from 'i18next';
-import { createI18n } from './setup';
-
-let i18nInstance: i18n | null = null;
-
-export function setI18nInstance(instance: i18n) {
-  i18nInstance = instance;
-}
-
-export function getI18nInstance(): i18n {
-  if (!i18nInstance) {
-    // Lazily initialize with defaults if not explicitly set up
-    i18nInstance = createI18n();
-  }
-  return i18nInstance;
-}

package/src/i18n/setup.ts

@@ -1,184 +0,0 @@
-import i18n from 'i18next';
-import LanguageDetector from 'i18next-browser-languagedetector';
-import HttpBackend from 'i18next-http-backend';
-
-const supportedLngs = [
-  'en',
-  'en-DG',
-  'es',
-  'es-ES',
-  'sr',
-  'sr-Latn',
-  'fr',
-  'pt-BR',
-  'pt',
-  'bn',
-  'zh',
-  'hi',
-  'id',
-  'ms',
-  'tr',
-  'vi',
-  'ht',
-  'it',
-  'de',
-  'nl',
-  'tl-PH',
-  'pl',
-  'hu',
-  'ro',
-  'hmn',
-  'so',
-  'ca',
-  'af-ZA',
-  'ar',
-  'ar-EG',
-  'ar-AE',
-  'zh-CN',
-  'zh-TW',
-  'zh-HANT',
-  'cs-CZ',
-  'da-DK',
-  'fi-FI',
-  'fr-CA',
-  'el-GR',
-  'he',
-  'ja',
-  'ja-JP',
-  'ko-KP',
-  'nb-NO',
-  'fa-IR',
-  'pt-PT',
-  'ru-RU',
-  'sr-YU',
-  'es-419',
-  'es-MX',
-  'sv-SE',
-  'th-TH',
-  'uk-UA',
-  'am',
-  'az',
-  'bs',
-  'my',
-  'ceb',
-  'cs',
-  'et',
-  'ka',
-  'el',
-  'jv',
-  'kk',
-  'km',
-  'ko',
-  'ky',
-  'lo',
-  'lv',
-  'lt',
-  'mk',
-  'mn',
-  'ne',
-  'ru',
-  'sk',
-  'sl',
-  'sw',
-  'tl',
-  'th',
-  'uk',
-  'ur',
-  'uz',
-  'hr',
-];
-
-const camelToStartCase = (text: string) => {
-  const result = text.replace(/([A-Z])/g, ' $1');
-  return result.charAt(0).toUpperCase() + result.slice(1);
-};
-
-const keyToStartCase = (key: string): string => {
-  const splitKey = key.split('.');
-  const missingKey = splitKey[splitKey.length - 1];
-  return camelToStartCase(missingKey || 'missing key');
-};
-
-const languageDetector = new LanguageDetector();
-languageDetector.addDetector({
-  name: 'navigatorOnlyLanguage',
-  lookup() {
-    if (typeof navigator === 'undefined') {
-      return 'en';
-    }
-    const languageFromBrowser = navigator.language;
-    if (supportedLngs.includes(languageFromBrowser)) {
-      return languageFromBrowser;
-    }
-    return languageFromBrowser.split('-')[0];
-  },
-});
-
-const loadPath =
-  'https://api.i18nexus.com/project_resources/translations/{{lng}}/{{ns}}.json?api_key=cg41dUINoxdp8BaHDQLJhA';
-
-type TranslationValue = string | Record<string, unknown>;
-type LanguageTranslations = Record<string, TranslationValue>;
-type Translations = Partial<Record<string, LanguageTranslations>>;
-
-export type I18nOptions = {
-  lang?: string;
-  translations?: Translations;
-};
-
-function applyOverrides(i18nInstance: typeof i18n, translations: Translations) {
-  for (const [langCode, value] of Object.entries(translations)) {
-    if (value) {
-      i18nInstance.addResourceBundle(langCode, 'default', value, true, true);
-    }
-  }
-}
-
-export function createI18n(options: I18nOptions = {}) {
-  const { lang, translations } = options;
-  const i18nInstance = i18n.createInstance();
-
-  i18nInstance
-    .use(HttpBackend)
-    .use(languageDetector)
-    .init({
-      lng: lang,
-      fallbackLng: 'en',
-      supportedLngs,
-      ns: ['default'],
-      defaultNS: 'default',
-      partialBundledLanguages: true,
-      keySeparator: '.',
-      interpolation: {
-        escapeValue: false,
-      },
-      backend: {
-        loadPath,
-      },
-      detection: {
-        order: [
-          'querystring',
-          'cookie',
-          'localStorage',
-          'sessionStorage',
-          'navigatorOnlyLanguage',
-          'htmlTag',
-          'path',
-          'subdomain',
-        ],
-        lookupQuerystring: 'lang',
-      },
-      initImmediate: false,
-      parseMissingKeyHandler: keyToStartCase,
-    });
-
-  if (translations) {
-    applyOverrides(i18nInstance, translations);
-
-    i18nInstance.on('loaded', () => {
-      applyOverrides(i18nInstance, translations);
-    });
-  }
-
-  return i18nInstance;
-}

package/src/i18n/useTranslation.ts

@@ -1,42 +0,0 @@
-import type { i18n, TFunction } from 'i18next';
-import { useEffect, useState } from 'preact/hooks';
-import { getI18nInstance } from './instance';
-
-type UseTranslationReturn = {
-  t: TFunction;
-  ready: boolean;
-  i18n: i18n;
-};
-
-export function useTranslation(): UseTranslationReturn {
-  const i18nInstance = getI18nInstance();
-  const [, forceUpdate] = useState(0);
-  const [ready, setReady] = useState(i18nInstance.isInitialized);
-
-  useEffect(() => {
-    const handleLanguageChanged = () => {
-      forceUpdate((n) => n + 1);
-    };
-
-    const handleInitialized = () => {
-      setReady(true);
-      forceUpdate((n) => n + 1);
-    };
-
-    i18nInstance.on('languageChanged', handleLanguageChanged);
-    i18nInstance.on('initialized', handleInitialized);
-    i18nInstance.on('loaded', handleLanguageChanged);
-
-    return () => {
-      i18nInstance.off('languageChanged', handleLanguageChanged);
-      i18nInstance.off('initialized', handleInitialized);
-      i18nInstance.off('loaded', handleLanguageChanged);
-    };
-  }, [i18nInstance]);
-
-  return {
-    t: i18nInstance.t.bind(i18nInstance),
-    ready,
-    i18n: i18nInstance,
-  };
-}

package/src/index.ts

@@ -1,27 +0,0 @@
-export type {
-  FlowCompletedProps,
-  IncodeFlowProps,
-  PreloadHandle,
-  SpinnerConfig,
-} from './flow';
-export {
-  FlowCompleted,
-  FlowStart,
-  IncodeFlow,
-  preloadIncodeFlow,
-} from './flow';
-export { useManager } from './hooks';
-export { useTranslation } from './i18n';
-export { setup } from './setup';
-export type { UiConfig } from './shared/uiConfig/uiConfig';
-export { setUiConfig } from './shared/uiConfig/uiConfig';
-
-// Web Component element types for typed DOM access
-export type {
-  FlowCompletedElement,
-  IncodeEmailElement,
-  IncodeFlowElement,
-  IncodeModuleProps,
-  IncodePhoneElement,
-  IncodeSelfieElement,
-} from './types/custom-elements';

package/src/permissions/assets/android-dots-icon.svg

@@ -1,7 +0,0 @@
-<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <rect width="38" height="38" rx="8" fill="white" />
-  <path
-    d="M19 24C20.3807 24 21.5 25.1193 21.5 26.5C21.5 27.8807 20.3807 29 19 29C17.6193 29 16.5 27.8807 16.5 26.5C16.5 25.1193 17.6193 24 19 24ZM19 17C20.3807 17 21.5 18.1193 21.5 19.5C21.5 20.8807 20.3807 22 19 22C17.6193 22 16.5 20.8807 16.5 19.5C16.5 18.1193 17.6193 17 19 17ZM19 10C20.3807 10 21.5 11.1193 21.5 12.5C21.5 13.8807 20.3807 15 19 15C17.6193 15 16.5 13.8807 16.5 12.5C16.5 11.1193 17.6193 10 19 10Z"
-    fill="#646464" />
-</svg>
-  

package/src/permissions/assets/android-settings-icon.svg

@@ -1,16 +0,0 @@
-<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M30.2222 0H7.77778C3.48223 0 0 3.48903 0 7.79297V30.207C0 34.511 3.48223 38 7.77778 38H30.2222C34.5178 38 38 34.511 38 30.207V7.79297C38 3.48903 34.5178 0 30.2222 0Z"
-    fill="white" />
-  <g clip-path="url(#clip0_12232_5207)">
-    <path
-      d="M26.1401 19.94C26.1801 19.64 26.2001 19.33 26.2001 19C26.2001 18.68 26.1801 18.36 26.1301 18.06L28.1601 16.48C28.3401 16.34 28.3901 16.07 28.2801 15.87L26.3601 12.55C26.2401 12.33 25.9901 12.26 25.7701 12.33L23.3801 13.29C22.8801 12.91 22.3501 12.59 21.7601 12.35L21.4001 9.81002C21.3601 9.57002 21.1601 9.40002 20.9201 9.40002H17.0801C16.8401 9.40002 16.6501 9.57002 16.6101 9.81002L16.2501 12.35C15.6601 12.59 15.1201 12.92 14.6301 13.29L12.2401 12.33C12.0201 12.25 11.7701 12.33 11.6501 12.55L9.74011 15.87C9.62011 16.08 9.66011 16.34 9.86011 16.48L11.8901 18.06C11.8401 18.36 11.8001 18.69 11.8001 19C11.8001 19.31 11.8201 19.64 11.8701 19.94L9.84011 21.52C9.66011 21.66 9.61011 21.93 9.72011 22.13L11.6401 25.45C11.7601 25.67 12.0101 25.74 12.2301 25.67L14.6201 24.71C15.1201 25.09 15.6501 25.41 16.2401 25.65L16.6001 28.19C16.6501 28.43 16.8401 28.6 17.0801 28.6H20.9201C21.1601 28.6 21.3601 28.43 21.3901 28.19L21.7501 25.65C22.3401 25.41 22.8801 25.09 23.3701 24.71L25.7601 25.67C25.9801 25.75 26.2301 25.67 26.3501 25.45L28.2701 22.13C28.3901 21.91 28.3401 21.66 28.1501 21.52L26.1401 19.94ZM19.0001 22.6C17.0201 22.6 15.4001 20.98 15.4001 19C15.4001 17.02 17.0201 15.4 19.0001 15.4C20.9801 15.4 22.6001 17.02 22.6001 19C22.6001 20.98 20.9801 22.6 19.0001 22.6Z"
-      fill="#646464" />
-  </g>
-  <defs>
-    <clipPath id="clip0_12232_5207">
-      <rect width="24" height="24" fill="white" transform="translate(7 7)" />
-    </clipPath>
-  </defs>
-</svg>
-  

package/src/permissions/assets/android-toggle-icon.svg

@@ -1,20 +0,0 @@
-<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g clip-path="url(#clip0_12232_5215)">
-    <g clip-path="url(#clip1_12232_5215)">
-      <rect width="38" height="38" fill="white" />
-      <rect width="38" height="38" fill="white" />
-      <rect x="6" y="11" width="26" height="16" rx="8" fill="#006AFF" />
-      <rect x="14" y="9" width="20" height="20" rx="10" fill="#65558F" fill-opacity="0.08" />
-      <rect x="18" y="13" width="12" height="12" rx="6" fill="white" />
-    </g>
-  </g>
-  <defs>
-    <clipPath id="clip0_12232_5215">
-      <rect width="38" height="38" rx="8.40969" fill="white" />
-    </clipPath>
-    <clipPath id="clip1_12232_5215">
-      <rect width="38" height="38" fill="white" />
-    </clipPath>
-  </defs>
-</svg>
-  

package/src/permissions/assets/bank-card-icon.svg

@@ -1,14 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g id="Bank Carrd check - Iconly Pro">
-    <path id="Vector" fill-rule="evenodd" clip-rule="evenodd"
-      d="M22.7166 5.13574H9.28856C5.72856 5.13574 3.33789 7.63841 3.33789 11.3624V11.4691C3.33789 11.69 3.51697 11.8691 3.73789 11.8691H28.2686C28.4894 11.8691 28.6686 11.69 28.6686 11.4691V11.3624C28.6686 7.63841 26.2766 5.13574 22.7166 5.13574Z"
-      fill="#60667C" />
-    <path id="Vector_2" fill-rule="evenodd" clip-rule="evenodd"
-      d="M3.33105 19.2977C3.33105 19.5995 3.65712 19.7977 3.94672 19.7129C5.07919 19.3811 6.36578 19.6628 7.26439 20.5501L7.58103 20.8668C7.73744 21.0232 7.9911 21.0231 8.14723 20.8664L11.5977 17.4035C12.9044 16.1101 15.011 16.0968 16.3177 17.4035C17.611 18.7101 17.6243 20.8168 16.3177 22.1235L12.7713 25.6811C12.5199 25.9333 12.6985 26.3635 13.0546 26.3635H22.7177C26.2777 26.3635 28.6643 23.8568 28.6643 20.1368V14.2701C28.6643 14.0493 28.4853 13.8701 28.2643 13.8701H3.73104C3.51013 13.8701 3.33105 14.0493 3.33105 14.2701V19.2977Z"
-      fill="#60667C" />
-    <path id="Vector_3" fill-rule="evenodd" clip-rule="evenodd"
-      d="M14.6674 19.0557C14.2754 18.6637 13.642 18.6664 13.2527 19.0557L7.86199 24.4544L5.60999 22.2024C5.21932 21.8117 4.58599 21.8117 4.19532 22.2024C3.80599 22.593 3.80599 23.2264 4.19532 23.617L7.15532 26.577C7.34332 26.7637 7.59665 26.869 7.86199 26.869C8.12865 26.869 8.38199 26.7637 8.56999 26.577L14.6674 20.4704C15.058 20.0797 15.058 19.445 14.6674 19.0557Z"
-      fill="#60667C" />
-  </g>
-</svg>
-  

package/src/permissions/assets/camera-icon.svg

@@ -1,12 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g id="Camera - Iconly Pro">
-    <g id="Iconly/Bold/Camera">
-      <g id="Camera">
-        <path id="Vector"
-          d="M19.1337 4C20.427 4.01332 21.4803 4.67925 22.0937 5.87791C22.252 6.19423 22.4728 6.65622 22.7041 7.14356L22.9832 7.73286L23.1203 8.0222L23.2537 8.31521C23.307 8.40844 23.4003 8.47503 23.5203 8.47503C26.7203 8.47503 29.3337 11.0855 29.3337 14.2819V22.1931C29.3337 25.3896 26.7203 28 23.5203 28H8.48033C5.26699 28 2.66699 25.3896 2.66699 22.1931V14.2819C2.66699 11.0855 5.26699 8.47503 8.48033 8.47503C8.58699 8.47503 8.69366 8.42175 8.73366 8.31521L8.81366 8.15538C9.18699 7.36959 9.64033 6.41066 9.90699 5.87791C10.5203 4.67925 11.5603 4.01332 12.8537 4H19.1337ZM16.0003 12.5372C14.6003 12.5372 13.2803 13.0832 12.2803 14.0821C11.2937 15.081 10.747 16.3862 10.7603 17.7714C10.7603 19.1698 11.307 20.475 12.2937 21.4739C13.2937 22.4595 14.6003 23.0056 16.0003 23.0056C17.4403 23.0056 18.747 22.4195 19.6937 21.4739C20.6403 20.5283 21.227 19.2231 21.2403 17.7714C21.2403 16.3862 20.6937 15.0677 19.707 14.0688C18.7203 13.0832 17.4003 12.5372 16.0003 12.5372ZM16.0003 14.535C16.867 14.535 17.6803 14.8679 18.2937 15.4806C18.907 16.0932 19.2403 16.9057 19.2403 17.7714C19.227 19.556 17.787 21.0078 16.0003 21.0078C15.1337 21.0078 14.3203 20.6748 13.707 20.0622C13.0937 19.4495 12.7603 18.6371 12.7603 17.7714V17.758C12.747 16.919 13.0803 16.1065 13.6937 15.4939C14.3203 14.8679 15.1337 14.535 16.0003 14.535ZM23.4803 12.2175C22.8137 12.2175 22.2803 12.7636 22.2803 13.4295C22.2803 14.0954 22.8137 14.6282 23.4803 14.6282C24.147 14.6282 24.6937 14.0954 24.6937 13.4295C24.6937 12.7636 24.147 12.2175 23.4803 12.2175Z"
-          fill="#60667C" />
-      </g>
-    </g>
-  </g>
-</svg>
-  

package/src/permissions/assets/camera-ios.svg

@@ -1,53 +0,0 @@
-<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g clip-path="url(#clip0_6851_3788)">
-    <g clip-path="url(#clip1_6851_3788)">
-      <rect width="38" height="38" fill="white" />
-      <rect width="38" height="38" fill="url(#paint0_linear_6851_3788)" />
-      <path
-        d="M21.5031 7.81104H16.2853C15.7254 7.81104 15.1884 8.03346 14.7925 8.42937L13.0374 10.1845C12.7999 10.422 12.4777 10.5555 12.1417 10.5555H9.7953C8.14003 10.5555 7.3124 10.5555 6.68017 10.8776C6.12404 11.161 5.6719 11.6131 5.38854 12.1692C5.06641 12.8015 5.06641 13.6291 5.06641 15.2844V24.6155C5.06641 26.2707 5.06641 27.0984 5.38854 27.7306C5.6719 28.2867 6.12404 28.7389 6.68017 29.0222C7.3124 29.3444 8.14003 29.3444 9.7953 29.3444H28.2042C29.8595 29.3444 30.6871 29.3444 31.3193 29.0222C31.8754 28.7389 32.3276 28.2867 32.6109 27.7306C32.9331 27.0984 32.9331 26.2707 32.9331 24.6155V15.2844C32.9331 13.6291 32.9331 12.8015 32.6109 12.1692C32.3276 11.6131 31.8754 11.161 31.3193 10.8776C30.6871 10.5555 29.8595 10.5555 28.2042 10.5555H25.6466C25.3107 10.5555 24.9885 10.422 24.751 10.1845L22.9958 8.42937C22.5999 8.03346 22.063 7.81104 21.5031 7.81104Z"
-        fill="url(#paint1_linear_6851_3788)" />
-      <circle cx="28.4996" cy="14.7778" r="1.26667" fill="#FCCA00" />
-      <g filter="url(#filter0_d_6851_3788)">
-        <path fill-rule="evenodd" clip-rule="evenodd"
-          d="M18.9998 26.1778C22.4976 26.1778 25.3332 23.3422 25.3332 19.8444C25.3332 16.3466 22.4976 13.5111 18.9998 13.5111C15.502 13.5111 12.6665 16.3466 12.6665 19.8444C12.6665 23.3422 15.502 26.1778 18.9998 26.1778ZM19 24.911C21.7982 24.911 24.0666 22.6426 24.0666 19.8443C24.0666 17.0461 21.7982 14.7777 19 14.7777C16.2017 14.7777 13.9333 17.0461 13.9333 19.8443C13.9333 22.6426 16.2017 24.911 19 24.911Z"
-          fill="url(#paint2_linear_6851_3788)" />
-      </g>
-    </g>
-  </g>
-  <defs>
-    <filter id="filter0_d_6851_3788" x="11.8221" y="13.5111" width="14.3554" height="14.3555"
-      filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-      <feFlood flood-opacity="0" result="BackgroundImageFix" />
-      <feColorMatrix in="SourceAlpha" type="matrix"
-        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
-      <feOffset dy="0.844444" />
-      <feGaussianBlur stdDeviation="0.422222" />
-      <feComposite in2="hardAlpha" operator="out" />
-      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" />
-      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6851_3788" />
-      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6851_3788" result="shape" />
-    </filter>
-    <linearGradient id="paint0_linear_6851_3788" x1="19" y1="0" x2="19" y2="38"
-      gradientUnits="userSpaceOnUse">
-      <stop stop-color="#E5E4EB" />
-      <stop offset="1" stop-color="#8F8E92" />
-    </linearGradient>
-    <linearGradient id="paint1_linear_6851_3788" x1="18.9997" y1="7.81104" x2="18.9997" y2="29.3444"
-      gradientUnits="userSpaceOnUse">
-      <stop stop-color="#2D2D2D" />
-      <stop offset="1" stop-color="#2D2C2E" />
-    </linearGradient>
-    <linearGradient id="paint2_linear_6851_3788" x1="18.9998" y1="13.5111" x2="18.9998" y2="26.1778"
-      gradientUnits="userSpaceOnUse">
-      <stop stop-color="#C4C3C7" />
-      <stop offset="1" stop-color="#AAA9B0" />
-    </linearGradient>
-    <clipPath id="clip0_6851_3788">
-      <rect width="38" height="38" rx="8.40969" fill="white" />
-    </clipPath>
-    <clipPath id="clip1_6851_3788">
-      <rect width="38" height="38" fill="white" />
-    </clipPath>
-  </defs>
-</svg>
-  

package/src/permissions/assets/check-icon.svg

@@ -1,8 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g id="Check badge - Iconly Pro">
-    <path id="Vector" fill-rule="evenodd" clip-rule="evenodd"
-      d="M20.7779 14.0773L15.3473 19.5106C15.1593 19.6986 14.9046 19.8039 14.6393 19.8039C14.3739 19.8039 14.1193 19.6986 13.9326 19.5106L11.2967 16.8706C10.9073 16.4786 10.9073 15.8453 11.298 15.4546C11.69 15.0653 12.322 15.0666 12.7127 15.4559L14.6406 17.3879L19.3633 12.6625C19.7539 12.2719 20.3873 12.2719 20.7779 12.6625C21.1686 13.0532 21.1686 13.6866 20.7779 14.0773ZM27.6046 13.4479L26.6726 12.5159C26.2473 12.0892 26.0139 11.5212 26.0139 10.9199V9.58655C26.0139 7.60122 24.3979 5.98655 22.4139 5.98655H21.0779C20.4739 5.98655 19.9073 5.75322 19.4833 5.32922L18.5353 4.38255C17.1259 2.98522 14.8433 2.99188 13.4446 4.39722L12.5153 5.32922C12.0873 5.75455 11.5207 5.98788 10.918 5.98788H9.58333C7.622 5.98922 6.022 7.56788 5.986 9.52255C5.98465 9.54388 5.98333 9.56522 5.98333 9.58788V10.9172C5.98333 11.5199 5.75 12.0865 5.32467 12.5119L4.38067 13.4573C4.37933 13.4613 4.37533 13.4626 4.37267 13.4653C2.97933 14.8759 2.99133 17.1586 4.39533 18.5493L5.32733 19.4839C5.75133 19.9093 5.986 20.4746 5.986 21.0773V22.4173C5.986 24.4013 7.59933 26.0159 9.58333 26.0159H10.9153C11.5193 26.0173 12.086 26.2506 12.51 26.6733L13.4606 27.6213C14.1379 28.2946 15.0366 28.6653 15.9926 28.6653H16.0086C16.9699 28.6613 17.8713 28.2826 18.5459 27.6039L19.4806 26.6706C19.9006 26.2519 20.4819 26.0119 21.0753 26.0119H22.4166C24.3966 26.0119 26.0113 24.3999 26.0153 22.4173V21.0799C26.0153 20.4786 26.2486 19.9119 26.6713 19.4866L27.6193 18.5386C29.0193 17.1306 29.0113 14.8466 27.6046 13.4479Z"
-      fill="#60667C" />
-  </g>
-</svg>
-