gbc-kyc-kit 1.4.2 → 1.5.1

package/README.md

@@ -96,14 +96,15 @@ async function getAccessToken() {
 If you use this components with TypeScript, you should create a customType.d.ts into src folder with:
 `declare module 'gbc-kyc-kit'`
 
-| Props        | Type    | Values                                       | Description                                                                                                                                                                                 |
-| ------------ | ------- | -------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| inProduction | string  | prd, stg, dev                                | Isn't required, the default value is "prd". You should use "dev" to test integration and then pass to "stg". This env return real data, finally you can delete this prop or change to "prd" |
-| mode         | string  | dark, light                                  | Isn't required, the default value is "light".                                                                                                                                               |
-| clientId     | string  | Global Bridge Connections send you for email | This value is unique for each client and will be sent for email.                                                                                                                            |
-| authorize    | promise | () => Promise()                              | This Function verify clientId vs TOKEN and return accessToken.                                                                                                                              |
-| dual         | boolean | false                                        | Isn't required and the default value is false. Just would used to enable dual upload of ID Document in Document Reader component (Two sides)                                                |
-| picBase64    | string  |                                              | Is required. It would be used to compare the selfie image with this picture                                                                                                                 |
+| Props              | Type            | Values                                       | Description                                                                                                                                                                                                                        |
+| ------------------ | --------------- | -------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| inProduction       | string          | prd, stg, dev                                | Isn't required, the default value is "prd". You should use "dev" to test integration and then pass to "stg". This env return real data, finally you can delete this prop or change to "prd"                                        |
+| mode               | string          | dark, light                                  | Isn't required, the default value is "light".                                                                                                                                                                                      |
+| clientId           | string          | Global Bridge Connections send you for email | This value is unique for each client and will be sent for email.                                                                                                                                                                   |
+| authorize          | promise         | () => Promise()                              | This Function verify clientId vs TOKEN and return accessToken.                                                                                                                                                                     |
+| dual               | boolean         | false                                        | Isn't required and the default value is false. Just would used to enable dual upload of ID Document in Document Reader component (Two sides)                                                                                       |
+| picBase64          | string          |                                              | Is required. It would be used to compare the selfie image with this picture                                                                                                                                                        |
+| countryCodeAllowed | array of string |                                              | Isn't required. If exist this props, the component will validate the client geolocation vs the code country thay is used as country allowed. You can use several countries but remember to use the country code aording to the ISO |
 
 ## Document Reader Component
 
@@ -117,6 +118,7 @@ Props Available:
 - dual: bool default is false
 - inProduction: string default is prd
 - dataDocument: function to get response
+- countryCodeAllowed: array of string
 
 ```js
 const getDataDocument = async (info) => {
@@ -144,6 +146,7 @@ Props Available:
 
 - mode: string 'dark' || 'light' default is 'light'
 - inProduction: string default is prd
+- countryCodeAllowed: array of string
 
 ```js
 const listener = (event) => {
@@ -180,6 +183,7 @@ Props Available:
 
 - mode: string 'dark' || 'light' default is 'light'
 - inProduction: string default is prd
+- countryCodeAllowed: array of string
 
 ```js
 <BlackList
@@ -202,6 +206,7 @@ Props Available:
 - inProduction: string default is prd
 - picBase64: string img to compare with selfie in base64 format
 - dataFaceMatch: function to get response
+- countryCodeAllowed: array of string
 
 ```js
 const getDataFaceMatch = async (info) => {
@@ -218,5 +223,6 @@ const picbase64 = " ...This is the base64 image to be compared with the selfie.
   authorize={getAccessToken}
   inProduction="prd"
   picBase64={picbase64}
+  countryCodeAllowed={["PY"]}
 />;
 ```

package/dist/gbc-kyc-kit.es.js

@@ -18781,13 +18781,31 @@ function isEmpty$2(val) {
   return false;
 }
 var lib$1 = isEmpty$2;
-const BlackListController = (clientId, authorize, inProduction) => {
+function useGeolocation() {
+  const [geolocation, setGeolocation] = useState(null);
+  useEffect(() => {
+    fetch("https://ipapi.co/json").then((res) => res.json()).then((res) => setGeolocation(res)).catch((error) => console.log(error));
+  }, []);
+  return geolocation;
+}
+const BlackListController = (clientId, authorize, inProduction, countryCodeAllowed) => {
   const [isLoading, setIsLoading] = useState(false);
   const [status, setStatus] = useState(clientId === void 0 ? "CLIENTID" : authorize === void 0 ? "TOKEN" : "");
   const [message, setMessage] = useState("");
   const [listMatch, setListMatch] = useState([]);
   const [select, setSelect] = useState("");
   const [dataReq, setDataReq] = useState({});
+  const [countryCode, setCountryCode] = useState(null);
+  const geolocation = useGeolocation();
+  useEffect(() => {
+    countryCodeAllowed && geolocation && setCountryCode(geolocation == null ? void 0 : geolocation.country_code);
+    if (countryCodeAllowed && geolocation) {
+      if (!countryCodeAllowed.includes(geolocation == null ? void 0 : geolocation.country_code)) {
+        setStatus("COUNTRY_NOT_ALLOWED");
+        setMessage("Pa\xEDs no autorizado");
+      }
+    }
+  }, [geolocation, countryCodeAllowed]);
   const clearState = () => {
     reset();
     complementarySearch();
@@ -18797,6 +18815,7 @@ const BlackListController = (clientId, authorize, inProduction) => {
     setMessage("");
     setListMatch([]);
     setSelect("");
+    setIsLoading(false);
   };
   const schema = create({
     fname: create$1().required("Este campo es requerido."),
@@ -18894,7 +18913,8 @@ const BlackListController = (clientId, authorize, inProduction) => {
     setSelect,
     clearState,
     complementarySearch,
-    dataReq
+    dataReq,
+    countryCode
   };
 };
 var jsxRuntime = { exports: {} };
@@ -20108,7 +20128,7 @@ function StatusComponent({
   clearState,
   dataReq
 }) {
-  const arrWarning = ["TOKEN", "CLIENTID", "MATCH", "NOT_VERIFY", "0", 400, 404, 0, 429, 500];
+  const arrWarning = ["TOKEN", "CLIENTID", "MATCH", "NOT_VERIFY", "COUNTRY_NOT_ALLOWED", "0", 400, 404, 0, 429, 500];
   const arrSuccess = ["ACCEPT", "Success", "FACER_OK"];
   const [report, setReport] = useState({});
   const handleReport = (list) => {
@@ -20148,15 +20168,17 @@ function StatusComponent({
       }) : null, !lib$1(lists) && /* @__PURE__ */ jsx(ListsAccordion, {
         lists,
         handleReport
-      }), /* @__PURE__ */ jsx(CustomButton, {
-        className: "my-2 col-6 warning-button",
-        onClick: () => clearState(),
-        children: "Verificar nuevamente"
-      }), complementarySearch && /* @__PURE__ */ jsx(CustomButton, {
-        className: "my-2 col-6",
-        onClick: complementarySearch,
-        children: "Ampliar criterios de consulta"
-      })]
+      }), status !== "COUNTRY_NOT_ALLOWED" ? /* @__PURE__ */ jsxs(Fragment, {
+        children: [/* @__PURE__ */ jsx(CustomButton, {
+          className: "my-2 col-6 warning-button",
+          onClick: () => clearState(),
+          children: "Verificar nuevamente"
+        }), complementarySearch && /* @__PURE__ */ jsx(CustomButton, {
+          className: "my-2 col-6",
+          onClick: complementarySearch,
+          children: "Ampliar criterios de consulta"
+        })]
+      }) : null]
     })
   });
 }
@@ -20167,7 +20189,7 @@ function BlackList({
   clientId,
   authorize,
   inProduction,
-  ...rest
+  countryCodeAllowed
 }) {
   const {
     onSendSubmitDocument,
@@ -20182,8 +20204,10 @@ function BlackList({
     setSelect,
     clearState,
     complementarySearch,
-    dataReq
-  } = BlackListController(clientId, authorize, inProduction);
+    dataReq,
+    countryCode
+  } = BlackListController(clientId, authorize, inProduction, countryCodeAllowed);
+  useGeolocation();
   return /* @__PURE__ */ jsxs("div", {
     className: `kit-gbc ${mode}`,
     children: [/* @__PURE__ */ jsx(k$1, {
@@ -20196,7 +20220,7 @@ function BlackList({
       pauseOnFocusLoss: true,
       draggable: true,
       pauseOnHover: true
-    }), isLoading && /* @__PURE__ */ jsx(BackDropLoader, {}), /* @__PURE__ */ jsx("form", {
+    }), isLoading || countryCodeAllowed !== null && !countryCode ? /* @__PURE__ */ jsx(BackDropLoader, {}) : null, /* @__PURE__ */ jsx("form", {
       onSubmit: simpleHandleSubmit(onSendSubmitDocument),
       id: "blacklist",
       children: /* @__PURE__ */ jsxs("div", {
@@ -20275,7 +20299,8 @@ function BlackList({
 BlackList.defaultProps = {
   mode: "light",
   loader: false,
-  inProduction: "prd"
+  inProduction: "prd",
+  countryCodeAllowed: null
 };
 BlackList.propTypes = {
   mode: propTypes.exports.PropTypes.string,
@@ -20283,18 +20308,32 @@ BlackList.propTypes = {
   icon: propTypes.exports.PropTypes.func,
   clientId: propTypes.exports.PropTypes.string.isRequired,
   authorize: propTypes.exports.PropTypes.func.isRequired,
-  inProduction: propTypes.exports.PropTypes.string
+  inProduction: propTypes.exports.PropTypes.string,
+  countryCodeAllowed: propTypes.exports.PropTypes.array
 };
-const DocumentReaderController = (dataDocument, clientId, authorize, inProduction) => {
+const DocumentReaderController = (dataDocument, clientId, authorize, inProduction, countryCodeAllowed) => {
   const [docImage, setDocImage] = useState({});
   const [base64, setBase64] = useState({});
   const [message, setMessage] = useState("");
   const [isLoading, setIsLoading] = useState(false);
   const [status, setStatus] = useState(clientId === void 0 ? "CLIENTID" : authorize === void 0 ? "TOKEN" : "");
+  const [countryCode, setCountryCode] = useState(null);
+  const geolocation = useGeolocation();
+  useEffect(() => {
+    countryCodeAllowed && geolocation && setCountryCode(geolocation == null ? void 0 : geolocation.country_code);
+    if (countryCodeAllowed && geolocation) {
+      if (!countryCodeAllowed.includes(geolocation == null ? void 0 : geolocation.country_code)) {
+        setStatus("COUNTRY_NOT_ALLOWED");
+        setMessage("Pa\xEDs no autorizado");
+      }
+    }
+  }, [geolocation, countryCodeAllowed]);
   const clearState = () => {
     setDocImage({});
     setBase64({});
     setStatus("");
+    setMessage("");
+    setIsLoading(false);
   };
   const {
     handleSubmit: simpleHandleSubmit
@@ -20380,7 +20419,8 @@ const DocumentReaderController = (dataDocument, clientId, authorize, inProductio
     status,
     message,
     base64,
-    clearState
+    clearState,
+    countryCode
   };
 };
 const UploadIcon = () => {
@@ -20415,7 +20455,8 @@ function DocumentReader({
   clientId,
   authorize,
   inProduction,
-  dual
+  dual,
+  countryCodeAllowed
 }) {
   const {
     onSendSubmitDocument,
@@ -20426,8 +20467,9 @@ function DocumentReader({
     status,
     message,
     clearState,
-    base64
-  } = DocumentReaderController(dataDocument, clientId, authorize, inProduction);
+    base64,
+    countryCode
+  } = DocumentReaderController(dataDocument, clientId, authorize, inProduction, countryCodeAllowed);
   return /* @__PURE__ */ jsxs("div", {
     className: `kit-gbc ${mode}`,
     children: [/* @__PURE__ */ jsx(k$1, {
@@ -20440,7 +20482,7 @@ function DocumentReader({
       pauseOnFocusLoss: true,
       draggable: true,
       pauseOnHover: true
-    }), isLoading && /* @__PURE__ */ jsx(BackDropLoader, {}), /* @__PURE__ */ jsx("form", {
+    }), isLoading || countryCodeAllowed !== null && !countryCode ? /* @__PURE__ */ jsx(BackDropLoader, {}) : null, /* @__PURE__ */ jsx("form", {
       onSubmit: simpleHandleSubmit(onSendSubmitDocument),
       children: /* @__PURE__ */ jsxs("div", {
         className: "sub",
@@ -20527,7 +20569,8 @@ DocumentReader.defaultProps = {
   mode: "light",
   loader: false,
   inProduction: "prd",
-  dual: false
+  dual: false,
+  countryCodeAllowed: null
 };
 DocumentReader.propTypes = {
   mode: propTypes.exports.PropTypes.string,
@@ -20537,9 +20580,10 @@ DocumentReader.propTypes = {
   authorize: propTypes.exports.PropTypes.func.isRequired,
   dataDocument: propTypes.exports.PropTypes.func.isRequired,
   inProduction: propTypes.exports.PropTypes.string,
-  dual: propTypes.exports.PropTypes.bool
+  dual: propTypes.exports.PropTypes.bool,
+  countryCodeAllowed: propTypes.exports.PropTypes.array
 };
-const FaceMatchController = (dataFaceMatch, clientId, authorize, inProduction, picBase64, setTakePic) => {
+const FaceMatchController = (dataFaceMatch, clientId, authorize, inProduction, picBase64, setTakePic, countryCodeAllowed) => {
   const [docImage, setDocImage] = useState({});
   const [image, setImage] = useState("");
   const [message, setMessage] = useState("");
@@ -20547,6 +20591,8 @@ const FaceMatchController = (dataFaceMatch, clientId, authorize, inProduction, p
   const [status, setStatus] = useState(clientId === void 0 ? "CLIENTID" : authorize === void 0 ? "TOKEN" : "");
   const webcamRef = useRef(null);
   const [url, setUrl] = useState(null);
+  const [countryCode, setCountryCode] = useState(null);
+  const geolocation = useGeolocation();
   const capturePhoto = useCallback(async () => {
     const imageSrc = webcamRef.current.getScreenshot({
       width: 480,
@@ -20556,12 +20602,23 @@ const FaceMatchController = (dataFaceMatch, clientId, authorize, inProduction, p
     });
     setUrl(imageSrc);
   }, [webcamRef]);
+  useEffect(() => {
+    countryCodeAllowed && geolocation && setCountryCode(geolocation == null ? void 0 : geolocation.country_code);
+    if (countryCodeAllowed && geolocation) {
+      if (!countryCodeAllowed.includes(geolocation == null ? void 0 : geolocation.country_code)) {
+        setStatus("COUNTRY_NOT_ALLOWED");
+        setMessage("Pa\xEDs no autorizado");
+      }
+    }
+  }, [geolocation, countryCodeAllowed]);
   const clearState = () => {
     setDocImage({});
     setImage("");
     setStatus("");
+    setMessage("");
     setUrl(null);
     setTakePic(false);
+    setIsLoading(false);
   };
   const {
     handleSubmit: simpleHandleSubmit
@@ -20625,7 +20682,8 @@ const FaceMatchController = (dataFaceMatch, clientId, authorize, inProduction, p
     webcamRef,
     url,
     setUrl,
-    capturePhoto
+    capturePhoto,
+    countryCode
   };
 };
 var dummyImage = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBw0NDQ0NDQ0ICA0IDQ0NDQ0NDQ8IDQ0NFREWFhURExMYHSggGBolGxMTITEhJSkrLi4uFx8zODMsNygtLisBCgoKDQ0NDg0PDy0ZFRk3KzctKysrKy03LTctKzcrKystKystKysrKysrKysrKysrKysrKysrKysrKysrKysrK//AABEIAPYAzQMBIgACEQEDEQH/xAAZAAEBAQEBAQAAAAAAAAAAAAAAAQMEAgf/xAAqEAEBAAECBQQCAgIDAAAAAAAAAQIDERIhQWFxBDFRgZGhYrEi8BMUQv/EABcBAQEBAQAAAAAAAAAAAAAAAAABAgP/xAAWEQEBAQAAAAAAAAAAAAAAAAAAARH/2gAMAwEAAhEDEQA/APqYDq5gAAAAAIAAioAAACAAgAACKgAABEWA1AAAAAABAAecspPeyAoxvqJ0lv6eL6i/GM/ZhrpHL/z5fx/C/wDYy/iuGugYT1HzPxWmOrjeu3nkmD2hQAAEAARUAIUgNgAAAAAQGHqNT/zOvuBq6/TH8ue37BpAAQQAAAe8NSzvPh045SzeON608+G/2liutDf9iKAAgAIsRQbAAAAIAJldpb8OG3e7/Lq9Tf8AHzXKsSgCoAgAAAAAAN/T5ctvhq5dG7ZTvydSVqCAgIqAKhAbgAAAgAOf1XT7YNvVe88Vi1EoAIIUAAAAAQAXG855jscUdiVYAiKAAECA3AAQoAioDn9V0+2Lf1PT7YNRKAggAAAACAAAs955dbkw955jrSrBARQEAWIQHQioAACAA49TLe2/7s8g0ygAAAAACFAAAHRpZbzxyc7f0/tfKVY0ARRFQAgQG4ACAAADj1MdsrHh16unxdrHLnjZyrURABAABKqAAAAAOnSm0882eGl1v4bJVgCIoAARCA6AQAAAEAYepntfpu86mO8s+QrjAaZAQAAAABcJvZPlGuhj1+hWwDKoAACAECA6EKCgAggAIqA59fDa79L/AGydmU3m3y5M8drtViIgKgAAACyb8vl04zabfDxo4bc771olagiogAAIUAIEBuAACAAgAADPWxll7c2jPWu2N/AOUBpkAAaaOMt59GbTQvPzBW4DKoAACAAAhAgOgABAAqDznnJ7366g9Fv058te9OX7rLK2++9XE105a2M7+GOrqcXaRmLhoAIAAEu3P4AG01p13n7e5lL7VzCYuuoc+OpZ38tMdWXsmK9gAIqAERYDoRUtAec85Pdlqa/TH8sLftcTWuetb7f4z9sgUEVBAAAAAAAABFQAEB6xzsa46svvy/pgGK6hz452d42xylZxVWIQVvnlJzrl1NS5dp8Jnlbd68rIzoAqAAIAAAAAAAAACAAIAAABL9ADbDU35X3/ALe45mmGp880salQBWQABAAAAAAAAAAQAAQAAAAAAAAGvBexwXsApwXsnBeygJwXscF7ABwXscPgAOG9k4b2UBOG9jhvYAOG9jhvYAOHwcN7ACcHg4PAAcN7HDewAcPg4fAJonD4OHwAHD4OHwoaP//Z";
@@ -24431,7 +24489,8 @@ function FaceMatch({
   clientId,
   authorize,
   inProduction,
-  picBase64
+  picBase64,
+  countryCodeAllowed
 }) {
   const [takePic, setTakePic] = useState(false);
   const {
@@ -24445,8 +24504,9 @@ function FaceMatch({
     capturePhoto,
     webcamRef,
     url,
-    setUrl
-  } = FaceMatchController(dataFaceMatch, clientId, authorize, inProduction, picBase64, setTakePic);
+    setUrl,
+    countryCode
+  } = FaceMatchController(dataFaceMatch, clientId, authorize, inProduction, picBase64, setTakePic, countryCodeAllowed);
   const onUserMedia = (e2) => {
     console.log(e2, "userMedia");
   };
@@ -24468,7 +24528,7 @@ function FaceMatch({
       pauseOnFocusLoss: true,
       draggable: true,
       pauseOnHover: true
-    }), isLoading && /* @__PURE__ */ jsx(BackDropLoader, {}), /* @__PURE__ */ jsx("form", {
+    }), isLoading || countryCodeAllowed !== null && !countryCode ? /* @__PURE__ */ jsx(BackDropLoader, {}) : null, /* @__PURE__ */ jsx("form", {
       onSubmit: simpleHandleSubmit(onSendSubmitSelfie),
       children: /* @__PURE__ */ jsxs("div", {
         className: "sub",
@@ -24567,7 +24627,8 @@ FaceMatch.defaultProps = {
   mode: "light",
   loader: false,
   inProduction: "prd",
-  picBase64: ""
+  picBase64: "",
+  countryCodeAllowed: null
 };
 FaceMatch.propTypes = {
   mode: propTypes.exports.PropTypes.string,
@@ -24577,12 +24638,15 @@ FaceMatch.propTypes = {
   authorize: propTypes.exports.PropTypes.func.isRequired,
   dataFaceMatch: propTypes.exports.PropTypes.func.isRequired,
   inProduction: propTypes.exports.PropTypes.string,
-  picBase64: propTypes.exports.PropTypes.string.isRequired
+  picBase64: propTypes.exports.PropTypes.string.isRequired,
+  countryCodeAllowed: propTypes.exports.PropTypes.array
 };
-const LivenessCheckController = (clientId, authorize, inProduction) => {
+const LivenessCheckController = (clientId, authorize, inProduction, countryCodeAllowed) => {
   const [isLoading, setIsLoading] = useState(false);
   const [status, setStatus] = useState(clientId === void 0 ? "CLIENTID" : authorize === void 0 ? "TOKEN" : "");
   const [message, setMessage] = useState("");
+  const [countryCode, setCountryCode] = useState(null);
+  const geolocation = useGeolocation();
   const listener = (event) => {
     if (event.detail) {
       if (event.detail.action === "PROCESS_FINISHED") {
@@ -24608,9 +24672,19 @@ const LivenessCheckController = (clientId, authorize, inProduction) => {
       }
     }
   };
+  useEffect(() => {
+    countryCodeAllowed && geolocation && setCountryCode(geolocation == null ? void 0 : geolocation.country_code);
+    if (countryCodeAllowed && geolocation) {
+      if (!countryCodeAllowed.includes(geolocation == null ? void 0 : geolocation.country_code)) {
+        setStatus("COUNTRY_NOT_ALLOWED");
+        setMessage("Pa\xEDs no autorizado");
+      }
+    }
+  }, [geolocation, countryCodeAllowed]);
   const clearState = () => {
     setStatus("");
     setMessage("");
+    setIsLoading(false);
   };
   const onSendSubmitLiveness = async (response) => {
     setIsLoading(true);
@@ -24653,7 +24727,8 @@ const LivenessCheckController = (clientId, authorize, inProduction) => {
     listener,
     onSendSubmitLiveness,
     clearState,
-    message
+    message,
+    countryCode
   };
 };
 var lib = {};
@@ -25798,7 +25873,8 @@ function LivenessCheck({
   mode,
   clientId,
   authorize,
-  inProduction
+  inProduction,
+  countryCodeAllowed
 }) {
   const {
     status,
@@ -25806,8 +25882,9 @@ function LivenessCheck({
     listener,
     clearState,
     onSendSubmitLiveness,
-    message
-  } = LivenessCheckController(clientId, authorize, inProduction);
+    message,
+    countryCode
+  } = LivenessCheckController(clientId, authorize, inProduction, countryCodeAllowed);
   useEffect(() => {
     const component = document.getElementsByTagName("face-liveness")[0];
     if (component) {
@@ -25831,7 +25908,14 @@ function LivenessCheck({
         pauseOnFocusLoss: true,
         draggable: true,
         pauseOnHover: true
-      }), isLoading && /* @__PURE__ */ jsx(BackDropLoader, {}), /* @__PURE__ */ jsx("face-liveness", {
+      }), isLoading || countryCodeAllowed !== null && !countryCode ? /* @__PURE__ */ jsx(BackDropLoader, {}) : null, status === "COUNTRY_NOT_ALLOWED" ? /* @__PURE__ */ jsx("div", {
+        className: "kit-gbc",
+        children: /* @__PURE__ */ jsx(StatusComponent, {
+          status,
+          message,
+          clearState
+        })
+      }) : /* @__PURE__ */ jsx("face-liveness", {
         locale: "es",
         class: "liveness",
         url: "https://regula.globalbridgeconnections.com.py/face-sdk"
@@ -25841,13 +25925,15 @@ function LivenessCheck({
 }
 LivenessCheck.defaultProps = {
   mode: "light",
-  inProduction: "prd"
+  inProduction: "prd",
+  countryCodeAllowed: null
 };
 LivenessCheck.propTypes = {
   mode: propTypes.exports.PropTypes.string,
   clientId: propTypes.exports.PropTypes.string.isRequired,
   authorize: propTypes.exports.PropTypes.func.isRequired,
-  inProduction: propTypes.exports.PropTypes.string
+  inProduction: propTypes.exports.PropTypes.string,
+  countryCodeAllowed: propTypes.exports.PropTypes.array
 };
 var bootstrap_min = "";
 var bootstrap_bundle_min = { exports: {} };