<p>Documentation bug fix</p>
<br/><p>1Overview</p>
<p>Biometric -Authentication allows users to confirm their identity with a single touch. With this component, you can add Face ID, Touch ID or Fingerprint recognition to your app. Drag and drop the component in your app, configure few properties and you are ready to go.</p>
<p>Amway ID supports Biometric as a component to integrate anywhere in your app, to Enable/Disable the Biometric authentication in your app. Ex: Menu, User Profile, etc.</p>
<p>This component supports Face ID, Touch ID for iOS and Fingerprint for Android.</p>
<p> </p>
<p>2Getting Started with the AmwayID Biometric component</p>
<p>This is a Getting Started section for the Amway ID Biometric. It contains information about importing and running the component.</p>
<p>For information about the Dynamic Usage, Properties, Events, and APIs of the component, you can visit the Reference Section.</p>
<p>Before you start using the Amway ID Biometric component, make sure that you meet all the requirements in the Prerequisites.</p>
<p>3Prerequisites</p>
<ul>
<li>A <a href="https://manage.kony.com/">Kony account</a></li>
</ul>
<ul>
<li>Kony Visualizer V8 SP4, or higher</li>
</ul>
<p>3.1Android</p>
<ul>
<li>USE_FINGERPRINT Permission.</li>
</ul>
<p>Refer to the <strong>Section#4.2 Configuring Native Settings (Android)</strong> section for more information.</p>
<p>3.2iOS</p>
<ul>
<li>Camera Permissions.</li>
<li>Face ID Permissions</li>
</ul>
<p>Refer to the <strong>Section#4.1 Configuring Native Settings (iOS) </strong>section for more information.</p>
<p> </p>
<p>After you make sure that you meet all the prerequisites, you can expand any of the following drop downs to get details about each step of getting started with the Component.</p>
<p>3.3Source Code</p>
<p>The component source can be found at <a href="https://github.com/AmwayACS/AmwayIDNativeLogin">https://github.com/Amway...
<p>4Importing the Component</p>
<p>Before you start importing the component to Kony Visualizer, you must download the component from the Amway Marketplace website. You can import the marketplace components only into the apps that are of the Kony Reference Architecture type.</p>
<p>To import the AmwayID Biometric component, do the following:</p>
<ol>
<li>Open your app project in Kony Visualizer.</li>
<li>On the File menu, point to Import, and click Component to Library. The Open dialog appears.</li>
</ol>
<p> </p>
<ol>
<li>Navigate to the location where you downloaded the component (zip file) on your computer, select the component, and click Open. After Visualizer downloads the component, it opens a window that asks you to enter the metadata for the component.</li>
</ol>
<p>Enter a Library Name, a Collection Name, and a Description if you require one.</p>
<p> </p>
<p> </p>
<ul>
<li><strong>Library Name -</strong> A Library contains component collections and skins. The Library Name specifies the library that you want to import the component into. If the library does not exist, Visualizer will create a new one.<br />
As an example, let us name the Library as <strong>AmwayID</strong>.</li>
<li><strong>Collection Name -</strong> A collection contains multiple components. The Collection Name specifies the collection that you want to import the component into. If the collection does not exist in the specified library, Visualizer will create a new one.<br />
As an example, let us name the Collection as <strong>Login</strong>.</li>
<li><strong>Component Name</strong> - This name specifies the display name you want to use for the component in Visualizer.<br />
By default, the component name is <strong>com.alticor.biometric</strong> .</li>
<li>After you import the component, you can drag and drop it from the Collection Library onto your form.</li>
</ul>
<p> </p>
<p> </p>
<p>Save the form now.</p>
<p>After you add the component to a form, you need to configure the native settings of your project. You can refer to the following sections for more information.</p>
<p> </p>
<p>4.1Configuring Native Settings (iOS)</p>
<p>To configure the native settings for iOS, you need to perform the following tasks.</p>
<ul>
<li>Provide Camera and Face ID Permissions</li>
</ul>
<p>4.1.1.1Providing Camera and Face ID Permissions</p>
<ol>
<li>From the <strong>Project</strong> explorer, go to <strong>Assets</strong>.</li>
<li>Expand <strong>Media</strong>, right-click <strong>Common</strong>, and then select <strong>Resource Location</strong>.<br />
A file explorer window opens.</li>
<li>Open the <strong>infoplist_configuration.json</strong> file with a text editor or a code editor.</li>
<li>At the end of the file, type the given code . You can change the description based on your preference.</li>
</ol>
<p> </p>
<ol>
<li>Save the file.</li>
</ol>
<p>4.2<a href="javascript:void(0);">Configuring Native Settings (Android)</a></p>
<p>To configure the native settings for Android, follow the given steps.</p>
<ol>
<li>From the left navigation menu, click <strong>Project Settings</strong>.</li>
</ol>
<p> </p>
<ol>
<li>In the <strong>Project Settings</strong> window, go to <strong>Native</strong> → <strong>Android</strong>.</li>
<li>Scroll down to the <strong>Manifest Permissions, Tags and Gradle Build Entries</strong> section, and then select the USE_FINGERPRINT, select the permission from the left panel and click <strong>Add ></strong>.</li>
</ol>
<p> </p>
<p> </p>
<p> </p>
<p>4.3<a href="javascript:void(0);">Building and Running your app</a></p>
<p>After performing all the above steps, you can perform either of the following tasks:</p>
<p>Build and Publish your app (Visualizer Enterprise)</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>For more information, you can refer to the <a href="http://docs.kony.com/konylibrary/visualizer/visualizer_user_guide/Defaul... target="_blank">Building and Viewing an Application</a> section of the Visualizer User Guide.</p>
<p>5APIs</p>
<p>5.1Biometric Events</p>
<p>5.1.1displayCustomPopup</p>
<p><strong>Description:</strong></p>
<p>This event allows to display custom pop up for Android Fingerprint authentication.</p>
<p><strong>Syntax:</strong></p>
<p>displayCustomPopup()</p>
<p><strong>Parameters:</strong></p>
<p>isVisible.</p>
<p><strong>Return Value:</strong></p>
<p>Boolean.</p>
<p><strong>Example:</strong></p>
<p>this.view.biometric.displayCustomPopup = this.displayAndroidPopup;</p>
<p> Ex: displayAndroidPopup : function(isVisible){</p>
<p> this.view.flxAndroidBiometricPopup.isVisible = isVisible;</p>
<p> },</p>
<p> </p>
<p>6Known Issues</p>
<p><<This section provides information on the known issues while using the App.>></p>