Organisms

List of Organisms

Account Info Card

Component that displays the account's information (title, subtitle, value) and can be pressed.

Form Layout

Renders form content and handles input submission and loading.

<FormLayout
      title={strings.enterSSN.title}
      isSubmitButtonDisabled={isButtonDisabled()}
      onSubmit={onSubmit}
      currentScreen={6}
      buttonAnalyticsParams={{
        eventName: ANALYTICS_EVENT_NAMES.socialSecuritySubmitted,
        params: {
          success: true,
        },
      }}
      indicatorsLength={CONFIG_VALUES.indicatorsLength}>
      <Input
        label={strings.enterSSN.ssnInputLabel}
        containerStyle={enterSSNStyles.marginBottom}
        {...getSSNProps()}
        value={formatSSN(ssnInput)}
        onChangeText={text => dispatch(setSSNInput(text))}
        error={ssnInputError}
        onError={setSSNInputError}
        autoFocus
      />
</FormLayout>

By default, it contains an About Menu Item under the Settings section that redirects to the About Screen.

It also fetches the documents under the category of 'settings' to the API. So each document retrieved from the API will be displayed as a Menu Item dynamically in the Settings section.

Each document should contain a content with type url or pdf. This links/documents from the API are opened in the Setting Document Screen.

Functionality

Redux state management of these documents are handled by contentsDocuments slice.

Safe Area Layout

Renders content within the safe area boundaries of a device and automatically applies padding to reflect the portion of the view that is not covered by navigation bars, tab bars, toolbars, and other views.

State View

This view supports different default states, so indicates error, warning, success, refresh, etc.

Toast Notification

Renders a toast component to show a message.

Toast Notification Provider

Component that renders a set of toast notifications examples.

Primers View

Component that renders information on card layout.

Result Detailed View

View that displays detailed results of a process.

<ResultDetailedView
   title={strings.requestBiometrics.titleResultView}
   message={strings.requestBiometrics.messageResultView}
   buttonTitle={strings.requestBiometrics.titleButtonResultView}
   onContinuePressed={handleContinue}
/>

Result View

Displays results in a view.

Web View Layout

Renders web content in a native view layout.

<WebViewLayout
   errorWebView={errorWebView}
   loadingWebView={isLoadingSetPin || isLoadingContent}>
   {!errorWebView && (
    <WebView
      source={{uri}}
      onMessage={webViewMessage}
      ref={webviewRef}
      containerStyle={setPinStyles(theme).webView}
      javaScriptEnabled={true}
      scalesPageToFit={Platform.OS === 'android' ? false : true}
      setBuiltInZoomControls={false}
      onError={() => OnError()}
      onHttpError={() => OnError()}
      />
</WebViewLayout>

PreviousMolecules NextTemplates

Last updated 2 years ago

hashtagAccount Info Card

hashtagForm Layout

hashtagMain Menu

hashtagFunctionality

hashtagSafe Area Layout

hashtagState View

hashtagToast Notification

hashtagToast Notification Provider

hashtagPrimers View

hashtagResult Detailed View

hashtagResult View

hashtagWeb View Layout