@propellerads/kyc-form 4.1.8 → 5.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -10
- package/dist/index.d.ts +110 -11
- package/dist/index.js +379 -6
- package/dist/index.js.map +1 -0
- package/package.json +25 -20
- package/dist/KYCDocumentParts/index.d.ts +0 -8
- package/dist/KYCDocumentParts/style.d.ts +0 -10
- package/dist/KYCDocumentParts/types.d.ts +0 -34
- package/dist/KYCErrorLabel/index.d.ts +0 -4
- package/dist/KYCErrorLabel/style.d.ts +0 -4
- package/dist/KYCErrorLabel/types.d.ts +0 -7
- package/dist/KYCFormItem/index.d.ts +0 -4
- package/dist/KYCFormItem/style.d.ts +0 -4
- package/dist/KYCFormItem/types.d.ts +0 -13
- package/dist/KYCStatusScreen/index.d.ts +0 -10
- package/dist/KYCStatusScreen/style.d.ts +0 -6
- package/dist/KYCStatusScreen/types.d.ts +0 -21
- package/dist/allowJavaScriptModules.d.ts +0 -1
- package/dist/constants.d.ts +0 -16
- package/dist/document.types.d.ts +0 -39
- package/dist/kyc-form.cjs.development.js +0 -643
- package/dist/kyc-form.cjs.development.js.map +0 -1
- package/dist/kyc-form.cjs.production.min.js +0 -2
- package/dist/kyc-form.cjs.production.min.js.map +0 -1
- package/dist/kyc-form.esm.js +0 -631
- package/dist/kyc-form.esm.js.map +0 -1
- package/dist/labels.types.d.ts +0 -35
- package/dist/style.d.ts +0 -5
- package/dist/types.d.ts +0 -17
- package/dist/utils.d.ts +0 -9
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var n,t,r,o,a=require("@propellerads/button"),i=e(a),l=require("react"),c=e(l),u=require("@propellerads/icon"),p=require("@propellerads/image-uploader"),s=e(p),d=e(require("@propellerads/textarea")),m=e(require("styled-components")),f=require("@propellerads/stylevariables"),E=e(require("@propellerads/success-label"));(n=exports.DOCUMENT_TYPES||(exports.DOCUMENT_TYPES={})).ID="id",n.UB="ub",n.ID_EXTRA="id_extra",n.CARD="bank_card",n.PAYMENT_SYSTEM_SCREEN="payment_system_screen",n.ONLINE_BANKING_STATEMENT="online_banking_statement",n.COMPANY_REGISTRATION_DOCUMENT="company_registration_document",n.SELFIE_WITH_ID_CARD="selfie_with_id_card_or_bank_card",n.PAYPAL_DETAILS_PAGE="pay_pal_details_page",n.BANK_WIRE_DETAILS="bank_wire_details",n.TRANSACTION_CONFIRMATION="transaction_confirmation",n.OTHER="other",n.FEEDBACK="feedback",(t=exports.PART_TYPES||(exports.PART_TYPES={})).ID_FRONT="id_front",t.ID_BACK="id_back",t.UB="ub_item",t.CARD="card_item",t.PAYMENT_SYSTEM_SCREEN="screen_item",t.ONLINE_BANKING_STATEMENT="obs_item",t.COMPANY_REGISTRATION_DOCUMENT="crd_item",t.SELFIE_WITH_ID_CARD="selfie_item",t.PAYPAL_DETAILS_PAGE_IMAGE="pay_pal_details_page_image",t.BANK_WIRE_DETAILS_PAGE="bank_wire_details_image",t.TRANSACTION_CONFIRMATION_IMAGE="transaction_confirmation_image",t.OTHER_IMAGE="other_image",t.FEEDBACK="feedback";var _,g,v,T=((r={"image/png":[".png"],"image/jpeg":[".jpg",".jpe",".jpeg"]})["application/pdf"]=[".pdf"],r["image/heic"]=[".heic"],r),x=[exports.DOCUMENT_TYPES.CARD,exports.DOCUMENT_TYPES.CARD,exports.DOCUMENT_TYPES.PAYPAL_DETAILS_PAGE,exports.DOCUMENT_TYPES.BANK_WIRE_DETAILS,exports.DOCUMENT_TYPES.TRANSACTION_CONFIRMATION,exports.DOCUMENT_TYPES.SELFIE_WITH_ID_CARD,exports.DOCUMENT_TYPES.PAYMENT_SYSTEM_SCREEN,exports.DOCUMENT_TYPES.OTHER],y=((o={})[exports.DOCUMENT_TYPES.ID]={parts:[exports.PART_TYPES.ID_BACK]},o[exports.DOCUMENT_TYPES.ID_EXTRA]={parts:[exports.PART_TYPES.ID_BACK]},o);function A(e,n,t,r,o,a,i){try{var l=e[a](i),c=l.value}catch(e){return void t(e)}l.done?n(c):Promise.resolve(c).then(r,o)}function b(e){return function(){var n=this,t=arguments;return new Promise((function(r,o){var a=e.apply(n,t);function i(e){A(a,r,o,i,l,"next",e)}function l(e){A(a,r,o,i,l,"throw",e)}i(void 0)}))}}function C(){return(C=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(null,arguments)}function I(){var e,n,t="function"==typeof Symbol?Symbol:{},r=t.iterator||"@@iterator",o=t.toStringTag||"@@toStringTag";function a(t,r,o,a){var c=Object.create((r&&r.prototype instanceof l?r:l).prototype);return S(c,"_invoke",function(t,r,o){var a,l,c,u=0,p=o||[],s=!1,d={p:0,n:0,v:e,a:m,f:m.bind(e,4),d:function(n,t){return a=n,l=0,c=e,d.n=t,i}};function m(t,r){for(l=t,c=r,n=0;!s&&u&&!o&&n<p.length;n++){var o,a=p[n],m=d.p,f=a[2];t>3?(o=f===r)&&(c=a[(l=a[4])?5:(l=3,3)],a[4]=a[5]=e):a[0]<=m&&((o=t<2&&m<a[1])?(l=0,d.v=r,d.n=a[1]):m<f&&(o=t<3||a[0]>r||r>f)&&(a[4]=t,a[5]=r,d.n=f,l=0))}if(o||t>1)return i;throw s=!0,r}return function(o,p,f){if(u>1)throw TypeError("Generator is already running");for(s&&1===p&&m(p,f),l=p,c=f;(n=l<2?e:c)||!s;){a||(l?l<3?(l>1&&(d.n=-1),m(l,c)):d.n=c:d.v=c);try{if(u=2,a){if(l||(o="next"),n=a[o]){if(!(n=n.call(a,c)))throw TypeError("iterator result is not an object");if(!n.done)return n;c=n.value,l<2&&(l=0)}else 1===l&&(n=a.return)&&n.call(a),l<2&&(c=TypeError("The iterator does not provide a '"+o+"' method"),l=1);a=e}else if((n=(s=d.n<0)?c:t.call(r,d))!==i)break}catch(n){a=e,l=1,c=n}finally{u=1}}return{value:n,done:s}}}(t,o,a),!0),c}var i={};function l(){}function c(){}function u(){}n=Object.getPrototypeOf;var p=[][r]?n(n([][r]())):(S(n={},r,(function(){return this})),n),s=u.prototype=l.prototype=Object.create(p);function d(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,u):(e.__proto__=u,S(e,o,"GeneratorFunction")),e.prototype=Object.create(s),e}return c.prototype=u,S(s,"constructor",u),S(u,"constructor",c),c.displayName="GeneratorFunction",S(u,o,"GeneratorFunction"),S(s),S(s,o,"Generator"),S(s,r,(function(){return this})),S(s,"toString",(function(){return"[object Generator]"})),(I=function(){return{w:a,m:d}})()}function S(e,n,t,r){var o=Object.defineProperty;try{o({},"",{})}catch(e){o=0}(S=function(e,n,t,r){function a(n,t){S(e,n,(function(e){return this._invoke(n,t,e)}))}n?o?o(e,n,{value:t,enumerable:!r,configurable:!r,writable:!r}):e[n]=t:(a("next",0),a("throw",1),a("return",2))})(e,n,t,r)}function h(e,n){return n||(n=e.slice(0)),e.raw=n,e}var P,N,D,O,R,M,w,L,k,Y,F,j,G,U,B,K,z,q,H,W,X,V=m.div(_||(_=h(["\n display: flex;\n align-items: center;\n color: ",";\n margin-top: ","px;\n margin-bottom: ","px;\n"])),f.errorColor,2*f.spacing,4*f.spacing),Z=m.span(g||(g=h(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 14px;\n height: 14px;\n border-radius: 100%;\n background-color: ",";\n\n &:before {\n font-size: ",";\n color: ",";\n content: '!';\n }\n"])),f.errorColor,f.fontSmall,f.white),J=m.span(v||(v=h(["\n margin-left: ","px;\n"])),2*f.spacing),Q=function(e){return c.createElement(V,null,e.isDocumentPartError?c.createElement(Z,null):c.createElement(u.Close,{color:u.Color.Error,hoverColor:u.Color.Error,size:u.Size.Small}),c.createElement(J,null,e.label))},$=function(e){return x.includes(e)},ee=function(e){var n;return null==e||null==(n=e.match(/[^:]\w+\/[\w-+\d.]+(?=;|,)/))?void 0:n[0]},ne=function(e,n){return n.every((function(n){return n.data!==(null==e?void 0:e.data)}))},te=function(){var e=b(I().m((function e(n){var t;return I().w((function(e){for(;;)switch(e.n){case 0:return t=new FileReader,e.a(2,new Promise((function(e,r){t.onload=function(){return e(t.result)},t.onerror=function(e){return r(e)},t.readAsDataURL(n)})))}}),e)})));return function(n){return e.apply(this,arguments)}}(),re=m.div(P||(P=h(["\n margin-top: ","px;\n margin-left: ","px;\n"])),4*f.spacing,4*f.spacing),oe=m.div(N||(N=h(["\n margin-bottom: ","px;\n"])),f.spacing),ae=m.div(D||(D=h(["\n display: flex;\n align-items: center;\n background-color: ",";\n padding: ","px;\n border-radius: ","px;\n"])),f.gray95,2*f.spacing,f.borderRadius),ie=m.span(O||(O=h(["\n width: 100%;\n margin-left: ","px;\n margin-right: ","px;\n"])),4*f.spacing,2*f.spacing),le=m.span(R||(R=h(["\n cursor: pointer !important;\n margin-right: ","px;\n"])),2*f.spacing),ce=m.div(M||(M=h(["\n height: 66px;\n"]))),ue=m.div(w||(w=h(["\n display: flex;\n flex-direction: column;\n margin-top: ","px;\n margin-left: ","px;\n"])),4*f.spacing,4*f.spacing),pe=m.img(L||(L=h(["\n width: auto;\n max-width: 204px;\n height: 50px;\n object-fit: contain;\n border-radius: ","px;\n"])),f.borderRadius),se=m.div(k||(k=h(["\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 50px;\n height: 50px;\n border-radius: ","px;\n background-color: ",";\n"])),f.borderRadius,f.white),de=function(e){var n=e.data,t="application/pdf"===ee(n),r=function(e){return"image/heic"===ee(e)}(n);return t||r?c.createElement(se,null,t&&c.createElement(u.Pdf,{color:u.Color.Gray,hoverColor:u.Color.Gray}),r&&c.createElement(u.Insert,{color:u.Color.Gray,hoverColor:u.Color.Gray})):c.createElement(pe,{src:n})},me=function(e){var n=e.elementId,t=e.title,r=e.uploaderLabels,o=e.onFileAdd;return c.createElement(ue,{id:n},t&&c.createElement(oe,null,t),c.createElement(ce,null,c.createElement(s,{title:r.title,action:r.action,maxSize:5242880,acceptFormats:T,elementId:n+"_uploader",direction:p.Direction.Row,onDrop:function(e){var n=e[0];n&&o(n)}})))},fe=function(e){var n=e.name,t=e.title,r=e.data,o=e.error,a=e.elementId,i=e.uploaderLabels,l=e.onFileChange,d=e.onFileRemove;return c.createElement(re,{id:a},t&&c.createElement(oe,null,t),r?c.createElement(ae,null,c.createElement(de,{data:r}),c.createElement(ie,null,n),c.createElement(le,{onClick:d},c.createElement(u.Delete,{color:u.Color.Blue,hoverColor:u.Color.Blue}))):c.createElement(ce,null,c.createElement(s,{title:i.title,action:i.action,maxSize:5242880,acceptFormats:T,elementId:a+"_uploader",direction:p.Direction.Row,onDrop:function(e){var n=e[0];n&&l(n)}})),o&&c.createElement(Q,{label:o,isDocumentPartError:!0}))},Ee=function(e){var n=e.onFeedbackChange,t=e.value,r=function(e){return n(e)};return c.createElement(re,null,c.createElement(d,{onChange:r,onBlur:r,value:void 0===t?"":t,errors:[],name:"kyc-client-comments",elementId:"kyc-feedback-textarea"}))},_e=m.div(Y||(Y=h(["\n margin-top: ","px;\n"])),6*f.spacing),ge=m.div(F||(F=h(["\n font-size: ","px;\n font-weight: bold;\n color: ",";\n margin-bottom: ","px;\n"])),f.fontNormal,f.black,f.spacing),ve=m.div(j||(j=h(["\n font-size: ","px;\n color: ",";\n margin-left: ","px;\n"])),f.fontSmall,f.gray50,4*f.spacing),Te=function(e,n){return"["+e+"].parts["+n+"].data"},xe=function(e){var n,t=e.type,r=e.index,o=e.uploaderLabels,a=e.documentLabels,i=e.elementId,u=e.parts,p=e.errors,s=e.onDocumentChange,d=l.useState(new Map),m=d[0],f=d[1],E=function(e,n){return $(e)&&n.every((function(e){return Boolean(e.data)}))&&n.length<3&&n.length>0}(t,u),_=null==a?void 0:a.parts,g=l.useState(new Map),v=g[0],T=g[1],x=function(e){var n=new Map(m);n.set(Te(r,e),o.oversizeError),f(n)},y=function(e){var n=new Map(m);n.delete(Te(r,e)),f(n)},A=function(e,n,r){var o=C({},e,{data:r}),a=[].concat(u);a.splice(n,1,o),s({type:t,parts:a})},S=function(){var e=b(I().m((function e(n,t){var r,o,a;return I().w((function(e){for(;;)switch(e.n){case 0:if(t){e.n=1;break}return x(n),e.a(2);case 1:return r=u[n]||u[0],e.n=2,te(t);case 2:A(r,n,o=e.v),(a=new Map(v)).set(o,t.name),T(a),y(n);case 3:return e.a(2)}}),e)})));return function(n,t){return e.apply(this,arguments)}}(),h=function(e){if(e)return v.get(e)};return c.createElement(_e,{id:i},c.createElement(ge,null,r+1+". "+(null==a?void 0:a.title)),(null==a?void 0:a.description)&&c.createElement(ve,null,null==a?void 0:a.description),u.map((function(e,n){var a,l="kyc-form_item_file_"+e.type,s=$(t),d=null==_?void 0:_[e.type],f=s||null==d?void 0:d.title;$(t)&&e.data&&(l=l+"_"+(null==(a=e.data)?void 0:a.substr(-32)),ne(e,u)||(l=l+"_"+n));var E=null==p?void 0:p[Te(r,n)],g=m.get(Te(r,n));return e.type===exports.PART_TYPES.FEEDBACK?c.createElement(Ee,{key:l,value:e.data,onFeedbackChange:function(e){return function(e,n){A(u[e]||u[0],e,n)}(n,e)}}):c.createElement(fe,{title:f,data:e.data,type:e.type,name:h(e.data),uploaderLabels:o,error:g||E,key:l,elementId:i+"_part_"+e.type+"_"+n,onFileChange:function(e){return S(n,e)},onFileRemove:function(){return function(e){A(u[e],e);var n=u[e],t=new Map(v);null!=n&&n.data&&ne(n,u)&&t.delete(null==n?void 0:n.data),T(t),y(e)}(n)}})})),E&&c.createElement(me,{elementId:i+"_extra",title:null==_||null==(n=_[u[0].type])?void 0:n.title,uploaderLabels:o,onFileAdd:function(e){return S(u.length,e)}}))},ye=m.div(G||(G=h(["\n display: flex;\n flex-direction: column;\n"]))),Ae=m.span(U||(U=h(["\n margin-bottom: ","px;\n"])),8*f.spacing),be=m.span(B||(B=h(["\n color: ",";\n"])),f.gray50),Ce=m.div(K||(K=h(["\n display: flex;\n flex-direction: column;\n"]))),Ie=m.span(z||(z=h(["\n margin-bottom: ","px;\n"])),6*f.spacing),Se=m.div(q||(q=h(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n"]))),he=m.div(H||(H=h(["\n font-size: ","px;\n"])),f.fontNormal),Pe=m.div(W||(W=h(["\n width: 100%;\n margin-bottom: ","px;\n"])),6*f.spacing),Ne=m.div(X||(X=h(["\n display: flex;\n justify-content: flex-end;\n width: 100%;\n"]))),De=function(e){var n=e.elementId,t=e.title,r=e.uploadButtonLabel,o=e.uploaderLabels,u=e.documentsLabels,p=e.documents,s=e.errors,d=e.isLoading,m=e.validator,f=e.onUploadClick,E=l.useState(p),_=E[0],g=E[1],v=l.useState(!0),T=v[0],x=v[1];return l.useEffect((function(){g(p)}),[p]),l.useEffect((function(){var e=m(_);x(!e)}),[_,m]),c.createElement(Se,{id:n},t&&c.createElement(he,null,t),c.createElement(Pe,null,_.map((function(e,t){return c.createElement(xe,{index:t,type:e.type,parts:e.parts,documentLabels:u[e.type],uploaderLabels:o,errors:s,elementId:n+"_item_"+e.type,key:"kyc-form_item_"+e.type+"_"+t,onDocumentChange:function(e){return function(e,n){var t=[].concat(_);t.splice(e,1,n),g(t)}(t,e)}})}))),c.createElement(Ne,null,c.createElement(i,{elementId:n+"_button",type:a.ButtonType.Primary,isDisabled:T,isLoading:d||!1,onClick:function(){return f(_)}},r)))};De.SucessScreen=function(e){var n=e.elementId,t=e.description,r=e.support;return c.createElement(ye,{id:n},c.createElement(Ae,null,c.createElement(E,{show:!0,elementId:n+"_success"},e.title)),t&&c.createElement(Ae,null,t),r&&c.createElement(be,null,r))},De.FailScreen=function(e){var n=e.support;return c.createElement(Ce,{id:e.elementId},c.createElement(Ie,null,c.createElement(Q,{label:e.title,isDocumentPartError:!1})),n)},exports.ACCEPT_FORMATS=T,exports.AVAILABLE_EXTRA_PARTS_DOCUMENTS=x,exports.MAX_EXTRA_PARTS_COUNT=3,exports.MAX_FILE_SIZE=5242880,exports.OPTIONAL_DOCUMENT_PARTS=y,exports.PDF_MIME_TYPE="application/pdf",exports.default=De;
|
|
2
|
-
//# sourceMappingURL=kyc-form.cjs.production.min.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kyc-form.cjs.production.min.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/dist/kyc-form.esm.js
DELETED
|
@@ -1,631 +0,0 @@
|
|
|
1
|
-
import Button, { ButtonType } from '@propellerads/button';
|
|
2
|
-
import React, { useState, useEffect } from 'react';
|
|
3
|
-
import { Close, Color, Size, Delete, Pdf, Insert } from '@propellerads/icon';
|
|
4
|
-
import ImageUploader, { Direction } from '@propellerads/image-uploader';
|
|
5
|
-
import TextArea from '@propellerads/textarea';
|
|
6
|
-
import styled from 'styled-components';
|
|
7
|
-
import { errorColor, spacing, fontSmall, white, gray95, borderRadius, fontNormal, black, gray50 } from '@propellerads/stylevariables';
|
|
8
|
-
import SuccessLabel from '@propellerads/success-label';
|
|
9
|
-
|
|
10
|
-
var DOCUMENT_TYPES;
|
|
11
|
-
(function (DOCUMENT_TYPES) {
|
|
12
|
-
DOCUMENT_TYPES["ID"] = "id";
|
|
13
|
-
DOCUMENT_TYPES["UB"] = "ub";
|
|
14
|
-
DOCUMENT_TYPES["ID_EXTRA"] = "id_extra";
|
|
15
|
-
DOCUMENT_TYPES["CARD"] = "bank_card";
|
|
16
|
-
DOCUMENT_TYPES["PAYMENT_SYSTEM_SCREEN"] = "payment_system_screen";
|
|
17
|
-
DOCUMENT_TYPES["ONLINE_BANKING_STATEMENT"] = "online_banking_statement";
|
|
18
|
-
DOCUMENT_TYPES["COMPANY_REGISTRATION_DOCUMENT"] = "company_registration_document";
|
|
19
|
-
DOCUMENT_TYPES["SELFIE_WITH_ID_CARD"] = "selfie_with_id_card_or_bank_card";
|
|
20
|
-
DOCUMENT_TYPES["PAYPAL_DETAILS_PAGE"] = "pay_pal_details_page";
|
|
21
|
-
DOCUMENT_TYPES["BANK_WIRE_DETAILS"] = "bank_wire_details";
|
|
22
|
-
DOCUMENT_TYPES["TRANSACTION_CONFIRMATION"] = "transaction_confirmation";
|
|
23
|
-
DOCUMENT_TYPES["OTHER"] = "other";
|
|
24
|
-
DOCUMENT_TYPES["FEEDBACK"] = "feedback";
|
|
25
|
-
})(DOCUMENT_TYPES || (DOCUMENT_TYPES = {}));
|
|
26
|
-
var PART_TYPES;
|
|
27
|
-
(function (PART_TYPES) {
|
|
28
|
-
PART_TYPES["ID_FRONT"] = "id_front";
|
|
29
|
-
PART_TYPES["ID_BACK"] = "id_back";
|
|
30
|
-
PART_TYPES["UB"] = "ub_item";
|
|
31
|
-
PART_TYPES["CARD"] = "card_item";
|
|
32
|
-
PART_TYPES["PAYMENT_SYSTEM_SCREEN"] = "screen_item";
|
|
33
|
-
PART_TYPES["ONLINE_BANKING_STATEMENT"] = "obs_item";
|
|
34
|
-
PART_TYPES["COMPANY_REGISTRATION_DOCUMENT"] = "crd_item";
|
|
35
|
-
PART_TYPES["SELFIE_WITH_ID_CARD"] = "selfie_item";
|
|
36
|
-
PART_TYPES["PAYPAL_DETAILS_PAGE_IMAGE"] = "pay_pal_details_page_image";
|
|
37
|
-
PART_TYPES["BANK_WIRE_DETAILS_PAGE"] = "bank_wire_details_image";
|
|
38
|
-
PART_TYPES["TRANSACTION_CONFIRMATION_IMAGE"] = "transaction_confirmation_image";
|
|
39
|
-
PART_TYPES["OTHER_IMAGE"] = "other_image";
|
|
40
|
-
PART_TYPES["FEEDBACK"] = "feedback";
|
|
41
|
-
})(PART_TYPES || (PART_TYPES = {}));
|
|
42
|
-
|
|
43
|
-
var _ACCEPT_FORMATS, _OPTIONAL_DOCUMENT_PA;
|
|
44
|
-
var MAX_FILE_SIZE = 5242880;
|
|
45
|
-
var MAX_EXTRA_PARTS_COUNT = 3;
|
|
46
|
-
var PDF_MIME_TYPE = 'application/pdf';
|
|
47
|
-
var HEIC_MIME_TYPE = 'image/heic';
|
|
48
|
-
var ACCEPT_FORMATS = (_ACCEPT_FORMATS = {
|
|
49
|
-
'image/png': ['.png'],
|
|
50
|
-
'image/jpeg': ['.jpg', '.jpe', '.jpeg']
|
|
51
|
-
}, _ACCEPT_FORMATS[PDF_MIME_TYPE] = ['.pdf'], _ACCEPT_FORMATS[HEIC_MIME_TYPE] = ['.heic'], _ACCEPT_FORMATS);
|
|
52
|
-
var AVAILABLE_EXTRA_PARTS_DOCUMENTS = [DOCUMENT_TYPES.CARD, DOCUMENT_TYPES.CARD, DOCUMENT_TYPES.PAYPAL_DETAILS_PAGE, DOCUMENT_TYPES.BANK_WIRE_DETAILS, DOCUMENT_TYPES.TRANSACTION_CONFIRMATION, DOCUMENT_TYPES.SELFIE_WITH_ID_CARD, DOCUMENT_TYPES.PAYMENT_SYSTEM_SCREEN, DOCUMENT_TYPES.OTHER];
|
|
53
|
-
var OPTIONAL_DOCUMENT_PARTS = (_OPTIONAL_DOCUMENT_PA = {}, _OPTIONAL_DOCUMENT_PA[DOCUMENT_TYPES.ID] = {
|
|
54
|
-
parts: [PART_TYPES.ID_BACK]
|
|
55
|
-
}, _OPTIONAL_DOCUMENT_PA[DOCUMENT_TYPES.ID_EXTRA] = {
|
|
56
|
-
parts: [PART_TYPES.ID_BACK]
|
|
57
|
-
}, _OPTIONAL_DOCUMENT_PA);
|
|
58
|
-
|
|
59
|
-
function asyncGeneratorStep(n, t, e, r, o, a, c) {
|
|
60
|
-
try {
|
|
61
|
-
var i = n[a](c),
|
|
62
|
-
u = i.value;
|
|
63
|
-
} catch (n) {
|
|
64
|
-
return void e(n);
|
|
65
|
-
}
|
|
66
|
-
i.done ? t(u) : Promise.resolve(u).then(r, o);
|
|
67
|
-
}
|
|
68
|
-
function _asyncToGenerator(n) {
|
|
69
|
-
return function () {
|
|
70
|
-
var t = this,
|
|
71
|
-
e = arguments;
|
|
72
|
-
return new Promise(function (r, o) {
|
|
73
|
-
var a = n.apply(t, e);
|
|
74
|
-
function _next(n) {
|
|
75
|
-
asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
|
|
76
|
-
}
|
|
77
|
-
function _throw(n) {
|
|
78
|
-
asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
|
|
79
|
-
}
|
|
80
|
-
_next(void 0);
|
|
81
|
-
});
|
|
82
|
-
};
|
|
83
|
-
}
|
|
84
|
-
function _extends() {
|
|
85
|
-
return _extends = Object.assign ? Object.assign.bind() : function (n) {
|
|
86
|
-
for (var e = 1; e < arguments.length; e++) {
|
|
87
|
-
var t = arguments[e];
|
|
88
|
-
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
89
|
-
}
|
|
90
|
-
return n;
|
|
91
|
-
}, _extends.apply(null, arguments);
|
|
92
|
-
}
|
|
93
|
-
function _regenerator() {
|
|
94
|
-
/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
|
|
95
|
-
var e,
|
|
96
|
-
t,
|
|
97
|
-
r = "function" == typeof Symbol ? Symbol : {},
|
|
98
|
-
n = r.iterator || "@@iterator",
|
|
99
|
-
o = r.toStringTag || "@@toStringTag";
|
|
100
|
-
function i(r, n, o, i) {
|
|
101
|
-
var c = n && n.prototype instanceof Generator ? n : Generator,
|
|
102
|
-
u = Object.create(c.prototype);
|
|
103
|
-
return _regeneratorDefine(u, "_invoke", function (r, n, o) {
|
|
104
|
-
var i,
|
|
105
|
-
c,
|
|
106
|
-
u,
|
|
107
|
-
f = 0,
|
|
108
|
-
p = o || [],
|
|
109
|
-
y = !1,
|
|
110
|
-
G = {
|
|
111
|
-
p: 0,
|
|
112
|
-
n: 0,
|
|
113
|
-
v: e,
|
|
114
|
-
a: d,
|
|
115
|
-
f: d.bind(e, 4),
|
|
116
|
-
d: function (t, r) {
|
|
117
|
-
return i = t, c = 0, u = e, G.n = r, a;
|
|
118
|
-
}
|
|
119
|
-
};
|
|
120
|
-
function d(r, n) {
|
|
121
|
-
for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) {
|
|
122
|
-
var o,
|
|
123
|
-
i = p[t],
|
|
124
|
-
d = G.p,
|
|
125
|
-
l = i[2];
|
|
126
|
-
r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0));
|
|
127
|
-
}
|
|
128
|
-
if (o || r > 1) return a;
|
|
129
|
-
throw y = !0, n;
|
|
130
|
-
}
|
|
131
|
-
return function (o, p, l) {
|
|
132
|
-
if (f > 1) throw TypeError("Generator is already running");
|
|
133
|
-
for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) {
|
|
134
|
-
i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u);
|
|
135
|
-
try {
|
|
136
|
-
if (f = 2, i) {
|
|
137
|
-
if (c || (o = "next"), t = i[o]) {
|
|
138
|
-
if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object");
|
|
139
|
-
if (!t.done) return t;
|
|
140
|
-
u = t.value, c < 2 && (c = 0);
|
|
141
|
-
} else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1);
|
|
142
|
-
i = e;
|
|
143
|
-
} else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break;
|
|
144
|
-
} catch (t) {
|
|
145
|
-
i = e, c = 1, u = t;
|
|
146
|
-
} finally {
|
|
147
|
-
f = 1;
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
return {
|
|
151
|
-
value: t,
|
|
152
|
-
done: y
|
|
153
|
-
};
|
|
154
|
-
};
|
|
155
|
-
}(r, o, i), !0), u;
|
|
156
|
-
}
|
|
157
|
-
var a = {};
|
|
158
|
-
function Generator() {}
|
|
159
|
-
function GeneratorFunction() {}
|
|
160
|
-
function GeneratorFunctionPrototype() {}
|
|
161
|
-
t = Object.getPrototypeOf;
|
|
162
|
-
var c = [][n] ? t(t([][n]())) : (_regeneratorDefine(t = {}, n, function () {
|
|
163
|
-
return this;
|
|
164
|
-
}), t),
|
|
165
|
-
u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
|
|
166
|
-
function f(e) {
|
|
167
|
-
return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
|
|
168
|
-
}
|
|
169
|
-
return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine(u), _regeneratorDefine(u, o, "Generator"), _regeneratorDefine(u, n, function () {
|
|
170
|
-
return this;
|
|
171
|
-
}), _regeneratorDefine(u, "toString", function () {
|
|
172
|
-
return "[object Generator]";
|
|
173
|
-
}), (_regenerator = function () {
|
|
174
|
-
return {
|
|
175
|
-
w: i,
|
|
176
|
-
m: f
|
|
177
|
-
};
|
|
178
|
-
})();
|
|
179
|
-
}
|
|
180
|
-
function _regeneratorDefine(e, r, n, t) {
|
|
181
|
-
var i = Object.defineProperty;
|
|
182
|
-
try {
|
|
183
|
-
i({}, "", {});
|
|
184
|
-
} catch (e) {
|
|
185
|
-
i = 0;
|
|
186
|
-
}
|
|
187
|
-
_regeneratorDefine = function (e, r, n, t) {
|
|
188
|
-
function o(r, n) {
|
|
189
|
-
_regeneratorDefine(e, r, function (e) {
|
|
190
|
-
return this._invoke(r, n, e);
|
|
191
|
-
});
|
|
192
|
-
}
|
|
193
|
-
r ? i ? i(e, r, {
|
|
194
|
-
value: n,
|
|
195
|
-
enumerable: !t,
|
|
196
|
-
configurable: !t,
|
|
197
|
-
writable: !t
|
|
198
|
-
}) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
|
|
199
|
-
}, _regeneratorDefine(e, r, n, t);
|
|
200
|
-
}
|
|
201
|
-
function _taggedTemplateLiteralLoose(e, t) {
|
|
202
|
-
return t || (t = e.slice(0)), e.raw = t, e;
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
var _templateObject, _templateObject2, _templateObject3;
|
|
206
|
-
var StyledKYCErrorLabel = /*#__PURE__*/styled.div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n color: ", ";\n margin-top: ", "px;\n margin-bottom: ", "px;\n"])), errorColor, spacing * 2, spacing * 4);
|
|
207
|
-
var StyledKYCErrorLabelIcon = /*#__PURE__*/styled.span(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 14px;\n height: 14px;\n border-radius: 100%;\n background-color: ", ";\n\n &:before {\n font-size: ", ";\n color: ", ";\n content: '!';\n }\n"])), errorColor, fontSmall, white);
|
|
208
|
-
var StyledKYCErrorLabelText = /*#__PURE__*/styled.span(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-left: ", "px;\n"])), spacing * 2);
|
|
209
|
-
|
|
210
|
-
var KYCErrorLabel = function KYCErrorLabel(props) {
|
|
211
|
-
return React.createElement(StyledKYCErrorLabel, null, props.isDocumentPartError ? React.createElement(StyledKYCErrorLabelIcon, null) : React.createElement(Close, {
|
|
212
|
-
color: Color.Error,
|
|
213
|
-
hoverColor: Color.Error,
|
|
214
|
-
size: Size.Small
|
|
215
|
-
}), React.createElement(StyledKYCErrorLabelText, null, props.label));
|
|
216
|
-
};
|
|
217
|
-
|
|
218
|
-
var isDocumentExtraPartAvailable = function isDocumentExtraPartAvailable(documentType) {
|
|
219
|
-
return AVAILABLE_EXTRA_PARTS_DOCUMENTS.includes(documentType);
|
|
220
|
-
};
|
|
221
|
-
var canAddExtraPart = function canAddExtraPart(documentType, parts) {
|
|
222
|
-
return isDocumentExtraPartAvailable(documentType) && parts.every(function (part) {
|
|
223
|
-
return Boolean(part.data);
|
|
224
|
-
}) && parts.length < MAX_EXTRA_PARTS_COUNT && parts.length > 0;
|
|
225
|
-
};
|
|
226
|
-
var getMimeType = function getMimeType(partData) {
|
|
227
|
-
var _partData$match;
|
|
228
|
-
return partData == null || (_partData$match = partData.match(/[^:]\w+\/[\w-+\d.]+(?=;|,)/)) == null ? void 0 : _partData$match[0];
|
|
229
|
-
};
|
|
230
|
-
var isPDF = function isPDF(partData) {
|
|
231
|
-
var mimeType = getMimeType(partData);
|
|
232
|
-
return mimeType === PDF_MIME_TYPE;
|
|
233
|
-
};
|
|
234
|
-
var isHEIC = function isHEIC(partData) {
|
|
235
|
-
var mimeType = getMimeType(partData);
|
|
236
|
-
return mimeType === HEIC_MIME_TYPE;
|
|
237
|
-
};
|
|
238
|
-
var isFileUniqueInDocument = function isFileUniqueInDocument(file, parts) {
|
|
239
|
-
return parts.every(function (part) {
|
|
240
|
-
return part.data !== (file == null ? void 0 : file.data);
|
|
241
|
-
});
|
|
242
|
-
};
|
|
243
|
-
var getFileBase64 = /*#__PURE__*/function () {
|
|
244
|
-
var _ref = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(file) {
|
|
245
|
-
var reader;
|
|
246
|
-
return _regenerator().w(function (_context) {
|
|
247
|
-
while (1) switch (_context.n) {
|
|
248
|
-
case 0:
|
|
249
|
-
reader = new FileReader();
|
|
250
|
-
return _context.a(2, new Promise(function (resolve, reject) {
|
|
251
|
-
reader.onload = function () {
|
|
252
|
-
return resolve(reader.result);
|
|
253
|
-
};
|
|
254
|
-
reader.onerror = function (error) {
|
|
255
|
-
return reject(error);
|
|
256
|
-
};
|
|
257
|
-
reader.readAsDataURL(file);
|
|
258
|
-
}));
|
|
259
|
-
}
|
|
260
|
-
}, _callee);
|
|
261
|
-
}));
|
|
262
|
-
return function getFileBase64(_x) {
|
|
263
|
-
return _ref.apply(this, arguments);
|
|
264
|
-
};
|
|
265
|
-
}();
|
|
266
|
-
|
|
267
|
-
var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
|
|
268
|
-
var StyledKYCFormItem = /*#__PURE__*/styled.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: ", "px;\n margin-left: ", "px;\n"])), spacing * 4, spacing * 4);
|
|
269
|
-
var StyledKYCFormItemFileTitle = /*#__PURE__*/styled.div(_templateObject2$1 || (_templateObject2$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n"])), spacing);
|
|
270
|
-
var StyledKYCFormItemFilePreview = /*#__PURE__*/styled.div(_templateObject3$1 || (_templateObject3$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n background-color: ", ";\n padding: ", "px;\n border-radius: ", "px;\n"])), gray95, spacing * 2, borderRadius);
|
|
271
|
-
var StyledKYCFormItemFilePreviewName = /*#__PURE__*/styled.span(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n margin-left: ", "px;\n margin-right: ", "px;\n"])), spacing * 4, spacing * 2);
|
|
272
|
-
var StyledKYCFormItemFilePreviewRemove = /*#__PURE__*/styled.span(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer !important;\n margin-right: ", "px;\n"])), spacing * 2);
|
|
273
|
-
var StyledKYCFormItemFileUploaderContainer = /*#__PURE__*/styled.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 66px;\n"])));
|
|
274
|
-
var StyledKYCFormItemFileExtraPart = /*#__PURE__*/styled.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-top: ", "px;\n margin-left: ", "px;\n"])), spacing * 4, spacing * 4);
|
|
275
|
-
var StyledKYCDocumentPartImgMiniature = /*#__PURE__*/styled.img(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: auto;\n max-width: 204px;\n height: 50px;\n object-fit: contain;\n border-radius: ", "px;\n"])), borderRadius);
|
|
276
|
-
var StyledKYCDocumentPartIconMiniature = /*#__PURE__*/styled.div(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 50px;\n height: 50px;\n border-radius: ", "px;\n background-color: ", ";\n"])), borderRadius, white);
|
|
277
|
-
|
|
278
|
-
var KYCDocumentPartMiniature = function KYCDocumentPartMiniature(props) {
|
|
279
|
-
var data = props.data;
|
|
280
|
-
var isPDFPart = isPDF(data);
|
|
281
|
-
var isHEICPart = isHEIC(data);
|
|
282
|
-
if (isPDFPart || isHEICPart) {
|
|
283
|
-
return React.createElement(StyledKYCDocumentPartIconMiniature, null, isPDFPart && React.createElement(Pdf, {
|
|
284
|
-
color: Color.Gray,
|
|
285
|
-
hoverColor: Color.Gray
|
|
286
|
-
}), isHEICPart && React.createElement(Insert, {
|
|
287
|
-
color: Color.Gray,
|
|
288
|
-
hoverColor: Color.Gray
|
|
289
|
-
}));
|
|
290
|
-
}
|
|
291
|
-
return React.createElement(StyledKYCDocumentPartImgMiniature, {
|
|
292
|
-
src: data
|
|
293
|
-
});
|
|
294
|
-
};
|
|
295
|
-
var KYCFormItemFileExtraPart = function KYCFormItemFileExtraPart(props) {
|
|
296
|
-
var elementId = props.elementId,
|
|
297
|
-
title = props.title,
|
|
298
|
-
uploaderLabels = props.uploaderLabels,
|
|
299
|
-
onFileAdd = props.onFileAdd;
|
|
300
|
-
var handleDrop = function handleDrop(files) {
|
|
301
|
-
var file = files[0];
|
|
302
|
-
if (file) {
|
|
303
|
-
onFileAdd(file);
|
|
304
|
-
}
|
|
305
|
-
};
|
|
306
|
-
return React.createElement(StyledKYCFormItemFileExtraPart, {
|
|
307
|
-
id: elementId
|
|
308
|
-
}, title && React.createElement(StyledKYCFormItemFileTitle, null, title), React.createElement(StyledKYCFormItemFileUploaderContainer, null, React.createElement(ImageUploader, {
|
|
309
|
-
title: uploaderLabels.title,
|
|
310
|
-
action: uploaderLabels.action,
|
|
311
|
-
maxSize: MAX_FILE_SIZE,
|
|
312
|
-
acceptFormats: ACCEPT_FORMATS,
|
|
313
|
-
elementId: elementId + "_uploader",
|
|
314
|
-
direction: Direction.Row,
|
|
315
|
-
onDrop: handleDrop
|
|
316
|
-
})));
|
|
317
|
-
};
|
|
318
|
-
var KYCFormItemFile = function KYCFormItemFile(props) {
|
|
319
|
-
var name = props.name,
|
|
320
|
-
title = props.title,
|
|
321
|
-
data = props.data,
|
|
322
|
-
error = props.error,
|
|
323
|
-
elementId = props.elementId,
|
|
324
|
-
uploaderLabels = props.uploaderLabels,
|
|
325
|
-
onFileChange = props.onFileChange,
|
|
326
|
-
onFileRemove = props.onFileRemove;
|
|
327
|
-
var handleDrop = function handleDrop(files) {
|
|
328
|
-
var file = files[0];
|
|
329
|
-
if (file) {
|
|
330
|
-
onFileChange(file);
|
|
331
|
-
}
|
|
332
|
-
};
|
|
333
|
-
return React.createElement(StyledKYCFormItem, {
|
|
334
|
-
id: elementId
|
|
335
|
-
}, title && React.createElement(StyledKYCFormItemFileTitle, null, title), data ? React.createElement(StyledKYCFormItemFilePreview, null, React.createElement(KYCDocumentPartMiniature, {
|
|
336
|
-
data: data
|
|
337
|
-
}), React.createElement(StyledKYCFormItemFilePreviewName, null, name), React.createElement(StyledKYCFormItemFilePreviewRemove, {
|
|
338
|
-
onClick: onFileRemove
|
|
339
|
-
}, React.createElement(Delete, {
|
|
340
|
-
color: Color.Blue,
|
|
341
|
-
hoverColor: Color.Blue
|
|
342
|
-
}))) : React.createElement(StyledKYCFormItemFileUploaderContainer, null, React.createElement(ImageUploader, {
|
|
343
|
-
title: uploaderLabels.title,
|
|
344
|
-
action: uploaderLabels.action,
|
|
345
|
-
maxSize: MAX_FILE_SIZE,
|
|
346
|
-
acceptFormats: ACCEPT_FORMATS,
|
|
347
|
-
elementId: elementId + "_uploader",
|
|
348
|
-
direction: Direction.Row,
|
|
349
|
-
onDrop: handleDrop
|
|
350
|
-
})), error && React.createElement(KYCErrorLabel, {
|
|
351
|
-
label: error,
|
|
352
|
-
isDocumentPartError: true
|
|
353
|
-
}));
|
|
354
|
-
};
|
|
355
|
-
var KYCFormItemText = function KYCFormItemText(props) {
|
|
356
|
-
var onFeedbackChange = props.onFeedbackChange,
|
|
357
|
-
_props$value = props.value,
|
|
358
|
-
value = _props$value === void 0 ? '' : _props$value;
|
|
359
|
-
var handleChange = function handleChange(newValue) {
|
|
360
|
-
return onFeedbackChange(newValue);
|
|
361
|
-
};
|
|
362
|
-
return React.createElement(StyledKYCFormItem, null, React.createElement(TextArea, {
|
|
363
|
-
onChange: handleChange,
|
|
364
|
-
onBlur: handleChange,
|
|
365
|
-
value: value,
|
|
366
|
-
errors: [],
|
|
367
|
-
name: "kyc-client-comments",
|
|
368
|
-
elementId: "kyc-feedback-textarea"
|
|
369
|
-
}));
|
|
370
|
-
};
|
|
371
|
-
var KYCDocumentParts = {
|
|
372
|
-
KYCFormItemFileExtraPart: KYCFormItemFileExtraPart,
|
|
373
|
-
KYCFormItemFile: KYCFormItemFile,
|
|
374
|
-
KYCFormItemText: KYCFormItemText
|
|
375
|
-
};
|
|
376
|
-
|
|
377
|
-
var _templateObject$2, _templateObject2$2, _templateObject3$2;
|
|
378
|
-
var StyledKYCFormItem$1 = /*#__PURE__*/styled.div(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: ", "px;\n"])), spacing * 6);
|
|
379
|
-
var StyledKYCFormItemTitle = /*#__PURE__*/styled.div(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: ", "px;\n font-weight: bold;\n color: ", ";\n margin-bottom: ", "px;\n"])), fontNormal, black, spacing);
|
|
380
|
-
var StyledKYCFormItemDescription = /*#__PURE__*/styled.div(_templateObject3$2 || (_templateObject3$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: ", "px;\n color: ", ";\n margin-left: ", "px;\n"])), fontSmall, gray50, spacing * 4);
|
|
381
|
-
|
|
382
|
-
var getErrorKey = function getErrorKey(documentIndex, partIndex) {
|
|
383
|
-
return "[" + documentIndex + "].parts[" + partIndex + "].data";
|
|
384
|
-
};
|
|
385
|
-
var KYCFormItem = function KYCFormItem(props) {
|
|
386
|
-
var _documentLabelsParts$;
|
|
387
|
-
var type = props.type,
|
|
388
|
-
index = props.index,
|
|
389
|
-
uploaderLabels = props.uploaderLabels,
|
|
390
|
-
documentLabels = props.documentLabels,
|
|
391
|
-
elementId = props.elementId,
|
|
392
|
-
parts = props.parts,
|
|
393
|
-
errors = props.errors,
|
|
394
|
-
onDocumentChange = props.onDocumentChange;
|
|
395
|
-
var _useState = useState(new Map()),
|
|
396
|
-
localErrors = _useState[0],
|
|
397
|
-
setLocalErrors = _useState[1];
|
|
398
|
-
var isAddExtraPartAvailable = canAddExtraPart(type, parts);
|
|
399
|
-
var documentLabelsParts = documentLabels == null ? void 0 : documentLabels.parts;
|
|
400
|
-
var _useState2 = useState(new Map()),
|
|
401
|
-
fileNames = _useState2[0],
|
|
402
|
-
setFileNames = _useState2[1];
|
|
403
|
-
var setLocalErrorByPartIndex = function setLocalErrorByPartIndex(partIndex) {
|
|
404
|
-
var newLocalErrors = new Map(localErrors);
|
|
405
|
-
newLocalErrors.set(getErrorKey(index, partIndex), uploaderLabels.oversizeError);
|
|
406
|
-
setLocalErrors(newLocalErrors);
|
|
407
|
-
};
|
|
408
|
-
var deleteLocalErrorByPartIndex = function deleteLocalErrorByPartIndex(partIndex) {
|
|
409
|
-
var newLocalErrors = new Map(localErrors);
|
|
410
|
-
newLocalErrors["delete"](getErrorKey(index, partIndex));
|
|
411
|
-
setLocalErrors(newLocalErrors);
|
|
412
|
-
};
|
|
413
|
-
var updateDocumentPart = function updateDocumentPart(part, partIndex, data) {
|
|
414
|
-
var newPart = _extends({}, part, {
|
|
415
|
-
data: data
|
|
416
|
-
});
|
|
417
|
-
var newParts = [].concat(parts);
|
|
418
|
-
newParts.splice(partIndex, 1, newPart);
|
|
419
|
-
var newDocument = {
|
|
420
|
-
type: type,
|
|
421
|
-
parts: newParts
|
|
422
|
-
};
|
|
423
|
-
onDocumentChange(newDocument);
|
|
424
|
-
};
|
|
425
|
-
var _onFileChange = /*#__PURE__*/function () {
|
|
426
|
-
var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(partIndex, file) {
|
|
427
|
-
var part, data, newFileNames;
|
|
428
|
-
return _regenerator().w(function (_context) {
|
|
429
|
-
while (1) switch (_context.n) {
|
|
430
|
-
case 0:
|
|
431
|
-
if (file) {
|
|
432
|
-
_context.n = 1;
|
|
433
|
-
break;
|
|
434
|
-
}
|
|
435
|
-
setLocalErrorByPartIndex(partIndex);
|
|
436
|
-
return _context.a(2);
|
|
437
|
-
case 1:
|
|
438
|
-
part = parts[partIndex] || parts[0];
|
|
439
|
-
_context.n = 2;
|
|
440
|
-
return getFileBase64(file);
|
|
441
|
-
case 2:
|
|
442
|
-
data = _context.v;
|
|
443
|
-
updateDocumentPart(part, partIndex, data);
|
|
444
|
-
newFileNames = new Map(fileNames);
|
|
445
|
-
newFileNames.set(data, file.name);
|
|
446
|
-
setFileNames(newFileNames);
|
|
447
|
-
deleteLocalErrorByPartIndex(partIndex);
|
|
448
|
-
case 3:
|
|
449
|
-
return _context.a(2);
|
|
450
|
-
}
|
|
451
|
-
}, _callee);
|
|
452
|
-
}));
|
|
453
|
-
return function onFileChange(_x, _x2) {
|
|
454
|
-
return _ref.apply(this, arguments);
|
|
455
|
-
};
|
|
456
|
-
}();
|
|
457
|
-
var _onFileRemove = function onFileRemove(partIndex) {
|
|
458
|
-
var part = parts[partIndex];
|
|
459
|
-
updateDocumentPart(part, partIndex);
|
|
460
|
-
var removedPart = parts[partIndex];
|
|
461
|
-
var newFileNames = new Map(fileNames);
|
|
462
|
-
if (removedPart != null && removedPart.data && isFileUniqueInDocument(removedPart, parts)) {
|
|
463
|
-
newFileNames["delete"](removedPart == null ? void 0 : removedPart.data);
|
|
464
|
-
}
|
|
465
|
-
setFileNames(newFileNames);
|
|
466
|
-
deleteLocalErrorByPartIndex(partIndex);
|
|
467
|
-
};
|
|
468
|
-
var getFileName = function getFileName(key) {
|
|
469
|
-
if (!key) {
|
|
470
|
-
return undefined;
|
|
471
|
-
}
|
|
472
|
-
return fileNames.get(key);
|
|
473
|
-
};
|
|
474
|
-
var _onFeedbackChange = function onFeedbackChange(partIndex, data) {
|
|
475
|
-
var part = parts[partIndex] || parts[0];
|
|
476
|
-
updateDocumentPart(part, partIndex, data);
|
|
477
|
-
};
|
|
478
|
-
return React.createElement(StyledKYCFormItem$1, {
|
|
479
|
-
id: elementId
|
|
480
|
-
}, React.createElement(StyledKYCFormItemTitle, null, index + 1 + ". " + (documentLabels == null ? void 0 : documentLabels.title)), (documentLabels == null ? void 0 : documentLabels.description) && React.createElement(StyledKYCFormItemDescription, null, documentLabels == null ? void 0 : documentLabels.description), parts.map(function (part, partIndex) {
|
|
481
|
-
var itemKey = "kyc-form_item_file_" + part.type;
|
|
482
|
-
var isExtraPartAvailable = isDocumentExtraPartAvailable(type);
|
|
483
|
-
var partLabels = documentLabelsParts == null ? void 0 : documentLabelsParts[part.type];
|
|
484
|
-
var partTitle = isExtraPartAvailable ? undefined : partLabels == null ? void 0 : partLabels.title;
|
|
485
|
-
if (isDocumentExtraPartAvailable(type) && part.data) {
|
|
486
|
-
var _part$data;
|
|
487
|
-
itemKey = itemKey + "_" + ((_part$data = part.data) == null ? void 0 : _part$data.substr(-32));
|
|
488
|
-
if (!isFileUniqueInDocument(part, parts)) {
|
|
489
|
-
itemKey = itemKey + "_" + partIndex;
|
|
490
|
-
}
|
|
491
|
-
}
|
|
492
|
-
var partError = errors == null ? void 0 : errors[getErrorKey(index, partIndex)];
|
|
493
|
-
var localPartError = localErrors.get(getErrorKey(index, partIndex));
|
|
494
|
-
if (part.type === PART_TYPES.FEEDBACK) {
|
|
495
|
-
return React.createElement(KYCDocumentParts.KYCFormItemText, {
|
|
496
|
-
key: itemKey,
|
|
497
|
-
value: part.data,
|
|
498
|
-
onFeedbackChange: function onFeedbackChange(value) {
|
|
499
|
-
return _onFeedbackChange(partIndex, value);
|
|
500
|
-
}
|
|
501
|
-
});
|
|
502
|
-
}
|
|
503
|
-
return React.createElement(KYCDocumentParts.KYCFormItemFile, {
|
|
504
|
-
title: partTitle,
|
|
505
|
-
data: part.data,
|
|
506
|
-
type: part.type,
|
|
507
|
-
name: getFileName(part.data),
|
|
508
|
-
uploaderLabels: uploaderLabels,
|
|
509
|
-
error: localPartError || partError,
|
|
510
|
-
key: itemKey,
|
|
511
|
-
elementId: elementId + "_part_" + part.type + "_" + partIndex,
|
|
512
|
-
onFileChange: function onFileChange(file) {
|
|
513
|
-
return _onFileChange(partIndex, file);
|
|
514
|
-
},
|
|
515
|
-
onFileRemove: function onFileRemove() {
|
|
516
|
-
return _onFileRemove(partIndex);
|
|
517
|
-
}
|
|
518
|
-
});
|
|
519
|
-
}), isAddExtraPartAvailable && React.createElement(KYCDocumentParts.KYCFormItemFileExtraPart, {
|
|
520
|
-
elementId: elementId + "_extra",
|
|
521
|
-
title: documentLabelsParts == null || (_documentLabelsParts$ = documentLabelsParts[parts[0].type]) == null ? void 0 : _documentLabelsParts$.title,
|
|
522
|
-
uploaderLabels: uploaderLabels,
|
|
523
|
-
onFileAdd: function onFileAdd(file) {
|
|
524
|
-
return _onFileChange(parts.length, file);
|
|
525
|
-
}
|
|
526
|
-
}));
|
|
527
|
-
};
|
|
528
|
-
|
|
529
|
-
var _templateObject$3, _templateObject2$3, _templateObject3$3, _templateObject4$1, _templateObject5$1;
|
|
530
|
-
var StyledKYCSucessScreen = /*#__PURE__*/styled.div(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
531
|
-
var StyledKYCSucessScreenItem = /*#__PURE__*/styled.span(_templateObject2$3 || (_templateObject2$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n"])), spacing * 8);
|
|
532
|
-
var StyledKYCSucessScreenSuppport = /*#__PURE__*/styled.span(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), gray50);
|
|
533
|
-
var StyledKYCFailScreen = /*#__PURE__*/styled.div(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
534
|
-
var StyledKYCFailScreenItem = /*#__PURE__*/styled.span(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n"])), spacing * 6);
|
|
535
|
-
|
|
536
|
-
var KYCSucessScreen = function KYCSucessScreen(props) {
|
|
537
|
-
var elementId = props.elementId,
|
|
538
|
-
title = props.title,
|
|
539
|
-
description = props.description,
|
|
540
|
-
support = props.support;
|
|
541
|
-
return React.createElement(StyledKYCSucessScreen, {
|
|
542
|
-
id: elementId
|
|
543
|
-
}, React.createElement(StyledKYCSucessScreenItem, null, React.createElement(SuccessLabel, {
|
|
544
|
-
show: true,
|
|
545
|
-
elementId: elementId + "_success"
|
|
546
|
-
}, title)), description && React.createElement(StyledKYCSucessScreenItem, null, description), support && React.createElement(StyledKYCSucessScreenSuppport, null, support));
|
|
547
|
-
};
|
|
548
|
-
var KYCFailScreen = function KYCFailScreen(props) {
|
|
549
|
-
var elementId = props.elementId,
|
|
550
|
-
title = props.title,
|
|
551
|
-
support = props.support;
|
|
552
|
-
return React.createElement(StyledKYCFailScreen, {
|
|
553
|
-
id: elementId
|
|
554
|
-
}, React.createElement(StyledKYCFailScreenItem, null, React.createElement(KYCErrorLabel, {
|
|
555
|
-
label: title,
|
|
556
|
-
isDocumentPartError: false
|
|
557
|
-
})), support);
|
|
558
|
-
};
|
|
559
|
-
var KYCStatusScreen = {
|
|
560
|
-
KYCSucessScreen: KYCSucessScreen,
|
|
561
|
-
KYCFailScreen: KYCFailScreen
|
|
562
|
-
};
|
|
563
|
-
|
|
564
|
-
var _templateObject$4, _templateObject2$4, _templateObject3$4, _templateObject4$2;
|
|
565
|
-
var StyledKYCForm = /*#__PURE__*/styled.div(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n"])));
|
|
566
|
-
var StyledKYCFormTitle = /*#__PURE__*/styled.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: ", "px;\n"])), fontNormal);
|
|
567
|
-
var StyledKYCFormDocuments = /*#__PURE__*/styled.div(_templateObject3$4 || (_templateObject3$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n margin-bottom: ", "px;\n"])), spacing * 6);
|
|
568
|
-
var StyledKYCFormButton = /*#__PURE__*/styled.div(_templateObject4$2 || (_templateObject4$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n width: 100%;\n"])));
|
|
569
|
-
|
|
570
|
-
var KYCForm = function KYCForm(props) {
|
|
571
|
-
var elementId = props.elementId,
|
|
572
|
-
title = props.title,
|
|
573
|
-
uploadButtonLabel = props.uploadButtonLabel,
|
|
574
|
-
uploaderLabels = props.uploaderLabels,
|
|
575
|
-
documentsLabels = props.documentsLabels,
|
|
576
|
-
documents = props.documents,
|
|
577
|
-
errors = props.errors,
|
|
578
|
-
isLoading = props.isLoading,
|
|
579
|
-
validator = props.validator,
|
|
580
|
-
onUploadClick = props.onUploadClick;
|
|
581
|
-
var _useState = useState(documents),
|
|
582
|
-
userDocuments = _useState[0],
|
|
583
|
-
setUserDocuments = _useState[1];
|
|
584
|
-
var _useState2 = useState(true),
|
|
585
|
-
isButtonDisabled = _useState2[0],
|
|
586
|
-
setButtonDisabled = _useState2[1];
|
|
587
|
-
useEffect(function () {
|
|
588
|
-
setUserDocuments(documents);
|
|
589
|
-
}, [documents]);
|
|
590
|
-
useEffect(function () {
|
|
591
|
-
var isValid = validator(userDocuments);
|
|
592
|
-
setButtonDisabled(!isValid);
|
|
593
|
-
}, [userDocuments, validator]);
|
|
594
|
-
var _onDocumentChange = function onDocumentChange(index, document) {
|
|
595
|
-
var newDocuments = [].concat(userDocuments);
|
|
596
|
-
newDocuments.splice(index, 1, document);
|
|
597
|
-
setUserDocuments(newDocuments);
|
|
598
|
-
};
|
|
599
|
-
return React.createElement(StyledKYCForm, {
|
|
600
|
-
id: elementId
|
|
601
|
-
}, title && React.createElement(StyledKYCFormTitle, null, title), React.createElement(StyledKYCFormDocuments, null, userDocuments.map(function (document, index) {
|
|
602
|
-
var key = "kyc-form_item_" + document.type + "_" + index;
|
|
603
|
-
return React.createElement(KYCFormItem, {
|
|
604
|
-
index: index,
|
|
605
|
-
type: document.type,
|
|
606
|
-
parts: document.parts,
|
|
607
|
-
documentLabels: documentsLabels[document.type],
|
|
608
|
-
uploaderLabels: uploaderLabels,
|
|
609
|
-
errors: errors,
|
|
610
|
-
elementId: elementId + "_item_" + document.type,
|
|
611
|
-
key: key,
|
|
612
|
-
onDocumentChange: function onDocumentChange(doc) {
|
|
613
|
-
return _onDocumentChange(index, doc);
|
|
614
|
-
}
|
|
615
|
-
});
|
|
616
|
-
})), React.createElement(StyledKYCFormButton, null, React.createElement(Button, {
|
|
617
|
-
elementId: elementId + "_button",
|
|
618
|
-
type: ButtonType.Primary,
|
|
619
|
-
isDisabled: isButtonDisabled,
|
|
620
|
-
isLoading: isLoading || false,
|
|
621
|
-
onClick: function onClick() {
|
|
622
|
-
return onUploadClick(userDocuments);
|
|
623
|
-
}
|
|
624
|
-
}, uploadButtonLabel)));
|
|
625
|
-
};
|
|
626
|
-
KYCForm.SucessScreen = KYCStatusScreen.KYCSucessScreen;
|
|
627
|
-
KYCForm.FailScreen = KYCStatusScreen.KYCFailScreen;
|
|
628
|
-
|
|
629
|
-
export default KYCForm;
|
|
630
|
-
export { ACCEPT_FORMATS, AVAILABLE_EXTRA_PARTS_DOCUMENTS, DOCUMENT_TYPES, MAX_EXTRA_PARTS_COUNT, MAX_FILE_SIZE, OPTIONAL_DOCUMENT_PARTS, PART_TYPES, PDF_MIME_TYPE };
|
|
631
|
-
//# sourceMappingURL=kyc-form.esm.js.map
|
package/dist/kyc-form.esm.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"kyc-form.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|