@opencrvs/mosip 1.7.0-alpha.13 → 1.7.0-alpha.15

package/build/forms.d.ts

@@ -112,10 +112,24 @@ export declare const idReader: (event: string, sectionId: string, conditionals:
     };
     readers: any[];
 };
-export declare const qr: () => {
+type MessageDescriptor = {
+    id: string;
+    defaultMessage: string;
+    description?: string;
+};
+export declare const qr: ({ validation, }: {
+    validation: {
+        rule: Record<string, unknown>;
+        errorMessage: MessageDescriptor;
+    };
+}) => {
     type: string;
+    validation: {
+        rule: Record<string, unknown>;
+        errorMessage: MessageDescriptor;
+    };
 };
-export declare const verified: (event: string, sectionId: string) => {
+export declare const verified: (event: string, sectionId: string, mapping: any) => {
     name: string;
     fieldId: string;
     customQuestionMappingId: string;
@@ -130,14 +144,15 @@ export declare const verified: (event: string, sectionId: string) => {
         expression: string;
     };
     validator: never[];
+    mapping: any;
 };
-export declare const idPendingVerificationBanner: (event: string, sectionId: string) => {
+export declare const idVerificationBanner: (event: string, sectionId: string, status: "pending" | "verified" | "failed") => {
     name: string;
     type: string;
     fieldId: string;
     hideInPreview: boolean;
     custom: boolean;
-    bannerType: string;
+    bannerType: "pending" | "verified" | "failed";
     idFieldName: string;
     label: {
         id: string;
@@ -149,7 +164,7 @@ export declare const idPendingVerificationBanner: (event: string, sectionId: str
         expression: string;
     }[];
 };
-export declare const idVerificationFields: (event: string, sectionId: string) => ({
+export declare const idVerificationFields: (event: string, sectionId: string, mapping: any) => ({
     name: string;
     fieldId: string;
     customQuestionMappingId: string;
@@ -164,13 +179,14 @@ export declare const idVerificationFields: (event: string, sectionId: string) =>
         expression: string;
     };
     validator: never[];
+    mapping: any;
 } | {
     name: string;
     type: string;
     fieldId: string;
     hideInPreview: boolean;
     custom: boolean;
-    bannerType: string;
+    bannerType: "pending" | "verified" | "failed";
     idFieldName: string;
     label: {
         id: string;
@@ -182,3 +198,4 @@ export declare const idVerificationFields: (event: string, sectionId: string) =>
         expression: string;
     }[];
 })[];
+export {};

package/build/forms.js

@@ -1,7 +1,7 @@
 "use strict";
 // @TODO: Yet to be implemented! Placeholders for NPM publish.
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.idVerificationFields = exports.idPendingVerificationBanner = exports.verified = exports.qr = exports.idReader = exports.esignetHidden = exports.esignetCallback = exports.popupButton = exports.esignet = void 0;
+exports.idVerificationFields = exports.idVerificationBanner = exports.verified = exports.qr = exports.idReader = exports.esignetHidden = exports.esignetCallback = exports.popupButton = exports.esignet = void 0;
 /**
  * E-Signet popup button and hidden field form definitions
  * @example
@@ -25,7 +25,7 @@ const esignet = (esignetAuthUrl, openIdProviderClientId, openIdProviderClaims =
     url.searchParams.append("acr_values", "mosip:idp:acr:static-code");
     url.searchParams.append("claims", openIdProviderClaims);
     url.searchParams.append("state", "fetch-on-mount");
-    url.searchParams.append("redirect_uri", '${window.location.href}');
+    url.searchParams.append("redirect_uri", "${window.location.href}");
     return {
         name: fieldName,
         validator: [],
@@ -90,7 +90,7 @@ const esignetCallback = ({ fieldName, mosipAPIUserInfoUrl, openIdProviderClientI
         },
         body: {
             clientId: openIdProviderClientId,
-            redirectUri: '${window.location.href}',
+            redirectUri: "${window.location.href}",
         },
         method: "POST",
     },
@@ -137,11 +137,12 @@ const idReader = (event, sectionId, conditionals, readers) => {
     };
 };
 exports.idReader = idReader;
-const qr = () => ({
+const qr = ({ validation, }) => ({
     type: "QR",
+    validation,
 });
 exports.qr = qr;
-const verified = (event, sectionId) => {
+const verified = (event, sectionId, mapping) => {
     const fieldName = "verified";
     const fieldId = `${event}.${sectionId}.${sectionId}-view-group.${fieldName}`;
     return {
@@ -159,19 +160,23 @@ const verified = (event, sectionId) => {
             expression: 'Boolean($form?.idReader)? "pending":""',
         },
         validator: [],
+        mapping
     };
 };
 exports.verified = verified;
-const idPendingVerificationBanner = (event, sectionId) => {
+function capitalize(str) {
+    return str.charAt(0).toUpperCase() + str.slice(1);
+}
+const idVerificationBanner = (event, sectionId, status) => {
     const fieldName = "verified";
     const fieldId = `${event}.${sectionId}.${sectionId}-view-group.${fieldName}`;
     return {
-        name: "idPending",
+        name: `id${capitalize(status)}.`,
         type: "ID_VERIFICATION_BANNER",
         fieldId,
         hideInPreview: true,
         custom: true,
-        bannerType: "pending",
+        bannerType: status,
         idFieldName: "idReader",
         label: {
             id: "form.field.label.empty",
@@ -181,16 +186,18 @@ const idPendingVerificationBanner = (event, sectionId) => {
         conditionals: [
             {
                 action: "hide",
-                expression: '$form?.verified !== "pending"',
+                expression: `$form?.verified !== "${status}"`,
             },
         ],
     };
 };
-exports.idPendingVerificationBanner = idPendingVerificationBanner;
-const idVerificationFields = (event, sectionId) => {
+exports.idVerificationBanner = idVerificationBanner;
+const idVerificationFields = (event, sectionId, mapping) => {
     return [
-        (0, exports.verified)(event, sectionId),
-        (0, exports.idPendingVerificationBanner)(event, sectionId),
+        (0, exports.verified)(event, sectionId, mapping),
+        (0, exports.idVerificationBanner)(event, sectionId, "pending"),
+        (0, exports.idVerificationBanner)(event, sectionId, "verified"),
+        (0, exports.idVerificationBanner)(event, sectionId, "failed"),
     ];
 };
 exports.idVerificationFields = idVerificationFields;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opencrvs/mosip",
-  "version": "1.7.0-alpha.13",
+  "version": "1.7.0-alpha.15",
   "license": "MPL-2.0",
   "main": "./build/index.js",
   "exports": {

package/src/forms.ts

@@ -34,10 +34,7 @@ export const esignet = (
   url.searchParams.append("acr_values", "mosip:idp:acr:static-code");
   url.searchParams.append("claims", openIdProviderClaims);
   url.searchParams.append("state", "fetch-on-mount");
-  url.searchParams.append(
-    "redirect_uri",
-    '${window.location.href}',
-  );
+  url.searchParams.append("redirect_uri", "${window.location.href}");
 
   return {
     name: fieldName,
@@ -115,8 +112,7 @@ export const esignetCallback = ({
     },
     body: {
       clientId: openIdProviderClientId,
-      redirectUri:
-        '${window.location.href}',
+      redirectUri: "${window.location.href}",
     },
 
     method: "POST",
@@ -170,11 +166,25 @@ export const idReader = (
   };
 };
 
-export const qr = () => ({
+type MessageDescriptor = {
+  id: string;
+  defaultMessage: string;
+  description?: string;
+};
+
+export const qr = ({
+  validation,
+}: {
+  validation: {
+    rule: Record<string, unknown>;
+    errorMessage: MessageDescriptor;
+  };
+}) => ({
   type: "QR",
+  validation,
 });
 
-export const verified = (event: string, sectionId: string) => {
+export const verified = (event: string, sectionId: string, mapping: any) => {
   const fieldName = "verified";
   const fieldId = `${event}.${sectionId}.${sectionId}-view-group.${fieldName}`;
   return {
@@ -192,22 +202,28 @@ export const verified = (event: string, sectionId: string) => {
       expression: 'Boolean($form?.idReader)? "pending":""',
     },
     validator: [],
+    mapping
   };
 };
 
-export const idPendingVerificationBanner = (
+function capitalize(str: string) {
+  return str.charAt(0).toUpperCase() + str.slice(1);
+}
+
+export const idVerificationBanner = (
   event: string,
   sectionId: string,
+  status: "pending" | "verified" | "failed",
 ) => {
   const fieldName = "verified";
   const fieldId = `${event}.${sectionId}.${sectionId}-view-group.${fieldName}`;
   return {
-    name: "idPending",
+    name: `id${capitalize(status)}.`,
     type: "ID_VERIFICATION_BANNER",
     fieldId,
     hideInPreview: true,
     custom: true,
-    bannerType: "pending",
+    bannerType: status,
     idFieldName: "idReader",
     label: {
       id: "form.field.label.empty",
@@ -217,15 +233,17 @@ export const idPendingVerificationBanner = (
     conditionals: [
       {
         action: "hide",
-        expression: '$form?.verified !== "pending"',
+        expression: `$form?.verified !== "${status}"`,
       },
     ],
   };
 };
 
-export const idVerificationFields = (event: string, sectionId: string) => {
+export const idVerificationFields = (event: string, sectionId: string, mapping: any) => {
   return [
-    verified(event, sectionId),
-    idPendingVerificationBanner(event, sectionId),
+    verified(event, sectionId, mapping),
+    idVerificationBanner(event, sectionId, "pending"),
+    idVerificationBanner(event, sectionId, "verified"),
+    idVerificationBanner(event, sectionId, "failed"),
   ];
 };