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

package/build/forms.d.ts

@@ -112,8 +112,22 @@ 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) => {
     name: string;
@@ -131,13 +145,13 @@ export declare const verified: (event: string, sectionId: string) => {
     };
     validator: never[];
 };
-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;
@@ -170,7 +184,7 @@ export declare const idVerificationFields: (event: string, sectionId: string) =>
     fieldId: string;
     hideInPreview: boolean;
     custom: boolean;
-    bannerType: string;
+    bannerType: "pending" | "verified" | "failed";
     idFieldName: string;
     label: {
         id: string;
@@ -182,3 +196,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,8 +137,9 @@ const idReader = (event, sectionId, conditionals, readers) => {
     };
 };
 exports.idReader = idReader;
-const qr = () => ({
+const qr = ({ validation, }) => ({
     type: "QR",
+    validation,
 });
 exports.qr = qr;
 const verified = (event, sectionId) => {
@@ -162,16 +163,19 @@ const verified = (event, sectionId) => {
     };
 };
 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 +185,18 @@ const idPendingVerificationBanner = (event, sectionId) => {
         conditionals: [
             {
                 action: "hide",
-                expression: '$form?.verified !== "pending"',
+                expression: `$form?.verified !== "${status}"`,
             },
         ],
     };
 };
-exports.idPendingVerificationBanner = idPendingVerificationBanner;
+exports.idVerificationBanner = idVerificationBanner;
 const idVerificationFields = (event, sectionId) => {
     return [
         (0, exports.verified)(event, sectionId),
-        (0, exports.idPendingVerificationBanner)(event, sectionId),
+        (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.14",
   "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,8 +166,22 @@ 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) => {
@@ -195,19 +205,24 @@ export const verified = (event: string, sectionId: string) => {
   };
 };
 
-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,7 +232,7 @@ export const idPendingVerificationBanner = (
     conditionals: [
       {
         action: "hide",
-        expression: '$form?.verified !== "pending"',
+        expression: `$form?.verified !== "${status}"`,
       },
     ],
   };
@@ -226,6 +241,8 @@ export const idPendingVerificationBanner = (
 export const idVerificationFields = (event: string, sectionId: string) => {
   return [
     verified(event, sectionId),
-    idPendingVerificationBanner(event, sectionId),
+    idVerificationBanner(event, sectionId, "pending"),
+    idVerificationBanner(event, sectionId, "verified"),
+    idVerificationBanner(event, sectionId, "failed"),
   ];
 };