@propellerads/kyc-form 4.1.5 → 4.1.6

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.
Files changed (7) hide show
  1. package/dist/constants.d.ts +2 -1
  2. package/dist/kyc-form.cjs.development.js +21 -6
  3. package/dist/kyc-form.cjs.development.js.map +1 -1
  4. package/dist/kyc-form.cjs.production.min.js +1 -1
  5. package/dist/kyc-form.esm.js +22 -7
  6. package/dist/kyc-form.esm.js.map +1 -1
  7. package/package.json +2 -2
package/dist/constants.d.ts CHANGED
@@ -1,9 +1,10 @@
1
+ import type { ImageUploaderProps } from '@propellerads/image-uploader';
1
2
  import { DOCUMENT_TYPES, PART_TYPES } from './document.types';
2
3
  export declare const MAX_FILE_SIZE = 5242880;
3
4
  export declare const MAX_EXTRA_PARTS_COUNT = 3;
4
5
  export declare const PDF_MIME_TYPE = "application/pdf";
5
6
  export declare const HEIC_MIME_TYPE = "image/heic";
6
- export declare const ACCEPT_FORMATS: string;
7
+ export declare const ACCEPT_FORMATS: ImageUploaderProps['acceptFormats'];
7
8
  export declare const AVAILABLE_EXTRA_PARTS_DOCUMENTS: DOCUMENT_TYPES[];
8
9
  export declare const OPTIONAL_DOCUMENT_PARTS: {
9
10
  id: {
package/dist/kyc-form.cjs.development.js CHANGED
@@ -47,12 +47,15 @@ var SuccessLabel = _interopDefault(require('@propellerads/success-label'));
47
47
  PART_TYPES["FEEDBACK"] = "feedback";
48
48
  })(exports.PART_TYPES || (exports.PART_TYPES = {}));
49
49
 
50
- var _OPTIONAL_DOCUMENT_PA;
50
+ var _ACCEPT_FORMATS, _OPTIONAL_DOCUMENT_PA;
51
51
  var MAX_FILE_SIZE = 5242880;
52
52
  var MAX_EXTRA_PARTS_COUNT = 3;
53
53
  var PDF_MIME_TYPE = 'application/pdf';
54
54
  var HEIC_MIME_TYPE = 'image/heic';
55
- var ACCEPT_FORMATS = ".png,.jpg,.jpe,.jpeg,.pdf,image/png,image/jpeg," + PDF_MIME_TYPE + "," + HEIC_MIME_TYPE;
55
+ var ACCEPT_FORMATS = (_ACCEPT_FORMATS = {
56
+ 'image/png': ['.png'],
57
+ 'image/jpeg': ['.jpg', '.jpe', '.jpeg']
58
+ }, _ACCEPT_FORMATS[PDF_MIME_TYPE] = ['.pdf'], _ACCEPT_FORMATS[HEIC_MIME_TYPE] = ['.heic'], _ACCEPT_FORMATS);
56
59
  var AVAILABLE_EXTRA_PARTS_DOCUMENTS = [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];
57
60
  var OPTIONAL_DOCUMENT_PARTS = (_OPTIONAL_DOCUMENT_PA = {}, _OPTIONAL_DOCUMENT_PA[exports.DOCUMENT_TYPES.ID] = {
58
61
  parts: [exports.PART_TYPES.ID_BACK]
@@ -301,6 +304,12 @@ var KYCFormItemFileExtraPart = function KYCFormItemFileExtraPart(props) {
301
304
  title = props.title,
302
305
  uploaderLabels = props.uploaderLabels,
303
306
  onFileAdd = props.onFileAdd;
307
+ var handleDrop = function handleDrop(files) {
308
+ var file = files[0];
309
+ if (file) {
310
+ onFileAdd(file);
311
+ }
312
+ };
304
313
  return React__default.createElement(StyledKYCFormItemFileExtraPart, {
305
314
  id: elementId
306
315
  }, title && React__default.createElement(StyledKYCFormItemFileTitle, null, title), React__default.createElement(StyledKYCFormItemFileUploaderContainer, null, React__default.createElement(ImageUploader__default, {
@@ -309,8 +318,8 @@ var KYCFormItemFileExtraPart = function KYCFormItemFileExtraPart(props) {
309
318
  maxSize: MAX_FILE_SIZE,
310
319
  acceptFormats: ACCEPT_FORMATS,
311
320
  elementId: elementId + "_uploader",
312
- direction: ImageUploader.DIRECTION.ROW,
313
- onDrop: onFileAdd
321
+ direction: ImageUploader.Direction.Row,
322
+ onDrop: handleDrop
314
323
  })));
315
324
  };
316
325
  var KYCFormItemFile = function KYCFormItemFile(props) {
@@ -322,6 +331,12 @@ var KYCFormItemFile = function KYCFormItemFile(props) {
322
331
  uploaderLabels = props.uploaderLabels,
323
332
  onFileChange = props.onFileChange,
324
333
  onFileRemove = props.onFileRemove;
334
+ var handleDrop = function handleDrop(files) {
335
+ var file = files[0];
336
+ if (file) {
337
+ onFileChange(file);
338
+ }
339
+ };
325
340
  return React__default.createElement(StyledKYCFormItem, {
326
341
  id: elementId
327
342
  }, title && React__default.createElement(StyledKYCFormItemFileTitle, null, title), data ? React__default.createElement(StyledKYCFormItemFilePreview, null, React__default.createElement(KYCDocumentPartMiniature, {
@@ -337,8 +352,8 @@ var KYCFormItemFile = function KYCFormItemFile(props) {
337
352
  maxSize: MAX_FILE_SIZE,
338
353
  acceptFormats: ACCEPT_FORMATS,
339
354
  elementId: elementId + "_uploader",
340
- direction: ImageUploader.DIRECTION.ROW,
341
- onDrop: onFileChange
355
+ direction: ImageUploader.Direction.Row,
356
+ onDrop: handleDrop
342
357
  })), error && React__default.createElement(KYCErrorLabel, {
343
358
  label: error,
344
359
  isDocumentPartError: true
package/dist/kyc-form.cjs.development.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"kyc-form.cjs.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"kyc-form.cjs.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/kyc-form.cjs.production.min.js CHANGED
@@ -1,2 +1,2 @@
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=require("@propellerads/button"),a=e(o),i=require("react"),l=e(i),c=require("@propellerads/icon"),u=require("@propellerads/image-uploader"),p=e(u),s=e(require("@propellerads/textarea")),d=e(require("styled-components")),m=require("@propellerads/stylevariables"),f=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 E,_,g,T=".png,.jpg,.jpe,.jpeg,.pdf,image/png,image/jpeg,application/pdf,image/heic",v=[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],x=((r={})[exports.DOCUMENT_TYPES.ID]={parts:[exports.PART_TYPES.ID_BACK]},r[exports.DOCUMENT_TYPES.ID_EXTRA]={parts:[exports.PART_TYPES.ID_BACK]},r);function y(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 A(e){return function(){var n=this,t=arguments;return new Promise((function(r,o){var a=e.apply(n,t);function i(e){y(a,r,o,i,l,"next",e)}function l(e){y(a,r,o,i,l,"throw",e)}i(void 0)}))}}function b(){return(b=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 C(){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 I(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]())):(I(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,I(e,o,"GeneratorFunction")),e.prototype=Object.create(s),e}return c.prototype=u,I(s,"constructor",u),I(u,"constructor",c),c.displayName="GeneratorFunction",I(u,o,"GeneratorFunction"),I(s),I(s,o,"Generator"),I(s,r,(function(){return this})),I(s,"toString",(function(){return"[object Generator]"})),(C=function(){return{w:a,m:d}})()}function I(e,n,t,r){var o=Object.defineProperty;try{o({},"",{})}catch(e){o=0}(I=function(e,n,t,r){function a(n,t){I(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 S(e,n){return n||(n=e.slice(0)),e.raw=n,e}var h,N,P,O,D,R,M,w,L,k,Y,F,j,G,U,B,K,z,q,W,H,X=d.div(E||(E=S(["\n display: flex;\n align-items: center;\n color: ",";\n margin-top: ","px;\n margin-bottom: ","px;\n"])),m.errorColor,2*m.spacing,4*m.spacing),V=d.span(_||(_=S(["\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"])),m.errorColor,m.fontSmall,m.white),Z=d.span(g||(g=S(["\n margin-left: ","px;\n"])),2*m.spacing),J=function(e){return l.createElement(X,null,e.isDocumentPartError?l.createElement(V,null):l.createElement(c.Close,{color:c.Color.Error,hoverColor:c.Color.Error,size:c.Size.Small}),l.createElement(Z,null,e.label))},Q=function(e){return v.includes(e)},$=function(e){var n;return null==e||null==(n=e.match(/[^:]\w+\/[\w-+\d.]+(?=;|,)/))?void 0:n[0]},ee=function(e,n){return n.every((function(n){return n.data!==(null==e?void 0:e.data)}))},ne=function(){var e=A(C().m((function e(n){var t;return C().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)}}(),te=d.div(h||(h=S(["\n margin-top: ","px;\n margin-left: ","px;\n"])),4*m.spacing,4*m.spacing),re=d.div(N||(N=S(["\n margin-bottom: ","px;\n"])),m.spacing),oe=d.div(P||(P=S(["\n display: flex;\n align-items: center;\n background-color: ",";\n padding: ","px;\n border-radius: ","px;\n"])),m.gray95,2*m.spacing,m.borderRadius),ae=d.span(O||(O=S(["\n width: 100%;\n margin-left: ","px;\n margin-right: ","px;\n"])),4*m.spacing,2*m.spacing),ie=d.span(D||(D=S(["\n cursor: pointer !important;\n margin-right: ","px;\n"])),2*m.spacing),le=d.div(R||(R=S(["\n height: 66px;\n"]))),ce=d.div(M||(M=S(["\n display: flex;\n flex-direction: column;\n margin-top: ","px;\n margin-left: ","px;\n"])),4*m.spacing,4*m.spacing),ue=d.img(w||(w=S(["\n width: auto;\n max-width: 204px;\n height: 50px;\n object-fit: contain;\n border-radius: ","px;\n"])),m.borderRadius),pe=d.div(L||(L=S(["\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"])),m.borderRadius,m.white),se=function(e){var n=e.data,t="application/pdf"===$(n),r=function(e){return"image/heic"===$(e)}(n);return t||r?l.createElement(pe,null,t&&l.createElement(c.Pdf,{color:c.Color.Gray,hoverColor:c.Color.Gray}),r&&l.createElement(c.Insert,{color:c.Color.Gray,hoverColor:c.Color.Gray})):l.createElement(ue,{src:n})},de=function(e){var n=e.elementId,t=e.title,r=e.uploaderLabels,o=e.onFileAdd;return l.createElement(ce,{id:n},t&&l.createElement(re,null,t),l.createElement(le,null,l.createElement(p,{title:r.title,action:r.action,maxSize:5242880,acceptFormats:T,elementId:n+"_uploader",direction:u.DIRECTION.ROW,onDrop:o})))},me=function(e){var n=e.name,t=e.title,r=e.data,o=e.error,a=e.elementId,i=e.uploaderLabels,s=e.onFileChange,d=e.onFileRemove;return l.createElement(te,{id:a},t&&l.createElement(re,null,t),r?l.createElement(oe,null,l.createElement(se,{data:r}),l.createElement(ae,null,n),l.createElement(ie,{onClick:d},l.createElement(c.Delete,{color:c.Color.Blue,hoverColor:c.Color.Blue}))):l.createElement(le,null,l.createElement(p,{title:i.title,action:i.action,maxSize:5242880,acceptFormats:T,elementId:a+"_uploader",direction:u.DIRECTION.ROW,onDrop:s})),o&&l.createElement(J,{label:o,isDocumentPartError:!0}))},fe=function(e){var n=e.onFeedbackChange,t=e.value,r=function(e){return n(e)};return l.createElement(te,null,l.createElement(s,{onChange:r,onBlur:r,value:void 0===t?"":t,errors:[],name:"kyc-client-comments",elementId:"kyc-feedback-textarea"}))},Ee=d.div(k||(k=S(["\n margin-top: ","px;\n"])),6*m.spacing),_e=d.div(Y||(Y=S(["\n font-size: ","px;\n font-weight: bold;\n color: ",";\n margin-bottom: ","px;\n"])),m.fontNormal,m.black,m.spacing),ge=d.div(F||(F=S(["\n font-size: ","px;\n color: ",";\n margin-left: ","px;\n"])),m.fontSmall,m.gray50,4*m.spacing),Te=function(e,n){return"["+e+"].parts["+n+"].data"},ve=function(e){var n,t=e.type,r=e.index,o=e.uploaderLabels,a=e.documentLabels,c=e.elementId,u=e.parts,p=e.errors,s=e.onDocumentChange,d=i.useState(new Map),m=d[0],f=d[1],E=function(e,n){return Q(e)&&n.every((function(e){return Boolean(e.data)}))&&n.length<3&&n.length>0}(t,u),_=null==a?void 0:a.parts,g=i.useState(new Map),T=g[0],v=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)},I=function(e,n,r){var o=b({},e,{data:r}),a=[].concat(u);a.splice(n,1,o),s({type:t,parts:a})},S=function(){var e=A(C().m((function e(n,t){var r,o,a;return C().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,ne(t);case 2:I(r,n,o=e.v),(a=new Map(T)).set(o,t.name),v(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 T.get(e)};return l.createElement(Ee,{id:c},l.createElement(_e,null,r+1+". "+(null==a?void 0:a.title)),(null==a?void 0:a.description)&&l.createElement(ge,null,null==a?void 0:a.description),u.map((function(e,n){var a,i="kyc-form_item_file_"+e.type,s=Q(t),d=null==_?void 0:_[e.type],f=s||null==d?void 0:d.title;Q(t)&&e.data&&(i=i+"_"+(null==(a=e.data)?void 0:a.substr(-32)),ee(e,u)||(i=i+"_"+n));var E=null==p?void 0:p[Te(r,n)],g=m.get(Te(r,n));return e.type===exports.PART_TYPES.FEEDBACK?l.createElement(fe,{key:i,value:e.data,onFeedbackChange:function(e){return function(e,n){I(u[e]||u[0],e,n)}(n,e)}}):l.createElement(me,{title:f,data:e.data,type:e.type,name:h(e.data),uploaderLabels:o,error:g||E,key:i,elementId:c+"_part_"+e.type+"_"+n,onFileChange:function(e){return S(n,e)},onFileRemove:function(){return function(e){I(u[e],e);var n=u[e],t=new Map(T);null!=n&&n.data&&ee(n,u)&&t.delete(null==n?void 0:n.data),v(t),y(e)}(n)}})})),E&&l.createElement(de,{elementId:c+"_extra",title:null==_||null==(n=_[u[0].type])?void 0:n.title,uploaderLabels:o,onFileAdd:function(e){return S(u.length,e)}}))},xe=d.div(j||(j=S(["\n display: flex;\n flex-direction: column;\n"]))),ye=d.span(G||(G=S(["\n margin-bottom: ","px;\n"])),8*m.spacing),Ae=d.span(U||(U=S(["\n color: ",";\n"])),m.gray50),be=d.div(B||(B=S(["\n display: flex;\n flex-direction: column;\n"]))),Ce=d.span(K||(K=S(["\n margin-bottom: ","px;\n"])),6*m.spacing),Ie=d.div(z||(z=S(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n"]))),Se=d.div(q||(q=S(["\n font-size: ","px;\n"])),m.fontNormal),he=d.div(W||(W=S(["\n width: 100%;\n margin-bottom: ","px;\n"])),6*m.spacing),Ne=d.div(H||(H=S(["\n display: flex;\n justify-content: flex-end;\n width: 100%;\n"]))),Pe=function(e){var n=e.elementId,t=e.title,r=e.uploadButtonLabel,c=e.uploaderLabels,u=e.documentsLabels,p=e.documents,s=e.errors,d=e.isLoading,m=e.validator,f=e.onUploadClick,E=i.useState(p),_=E[0],g=E[1],T=i.useState(!0),v=T[0],x=T[1];return i.useEffect((function(){g(p)}),[p]),i.useEffect((function(){var e=m(_);x(!e)}),[_,m]),l.createElement(Ie,{id:n},t&&l.createElement(Se,null,t),l.createElement(he,null,_.map((function(e,t){return l.createElement(ve,{index:t,type:e.type,parts:e.parts,documentLabels:u[e.type],uploaderLabels:c,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)}})}))),l.createElement(Ne,null,l.createElement(a,{elementId:n+"_button",type:o.ButtonType.Primary,isDisabled:v,isLoading:d||!1,onClick:function(){return f(_)}},r)))};Pe.SucessScreen=function(e){var n=e.elementId,t=e.description,r=e.support;return l.createElement(xe,{id:n},l.createElement(ye,null,l.createElement(f,{show:!0,elementId:n+"_success"},e.title)),t&&l.createElement(ye,null,t),r&&l.createElement(Ae,null,r))},Pe.FailScreen=function(e){var n=e.support;return l.createElement(be,{id:e.elementId},l.createElement(Ce,null,l.createElement(J,{label:e.title,isDocumentPartError:!1})),n)},exports.ACCEPT_FORMATS=T,exports.AVAILABLE_EXTRA_PARTS_DOCUMENTS=v,exports.MAX_EXTRA_PARTS_COUNT=3,exports.MAX_FILE_SIZE=5242880,exports.OPTIONAL_DOCUMENT_PARTS=x,exports.PDF_MIME_TYPE="application/pdf",exports.default=Pe;
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
2
  //# sourceMappingURL=kyc-form.cjs.production.min.js.map
package/dist/kyc-form.esm.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import Button, { ButtonType } from '@propellerads/button';
2
2
  import React, { useState, useEffect } from 'react';
3
3
  import { Close, Color, Size, Delete, Pdf, Insert } from '@propellerads/icon';
4
- import ImageUploader, { DIRECTION } from '@propellerads/image-uploader';
4
+ import ImageUploader, { Direction } from '@propellerads/image-uploader';
5
5
  import TextArea from '@propellerads/textarea';
6
6
  import styled from 'styled-components';
7
7
  import { errorColor, spacing, fontSmall, white, gray95, borderRadius, fontNormal, black, gray50 } from '@propellerads/stylevariables';
@@ -40,12 +40,15 @@ var PART_TYPES;
40
40
  PART_TYPES["FEEDBACK"] = "feedback";
41
41
  })(PART_TYPES || (PART_TYPES = {}));
42
42
 
43
- var _OPTIONAL_DOCUMENT_PA;
43
+ var _ACCEPT_FORMATS, _OPTIONAL_DOCUMENT_PA;
44
44
  var MAX_FILE_SIZE = 5242880;
45
45
  var MAX_EXTRA_PARTS_COUNT = 3;
46
46
  var PDF_MIME_TYPE = 'application/pdf';
47
47
  var HEIC_MIME_TYPE = 'image/heic';
48
- var ACCEPT_FORMATS = ".png,.jpg,.jpe,.jpeg,.pdf,image/png,image/jpeg," + PDF_MIME_TYPE + "," + HEIC_MIME_TYPE;
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);
49
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];
50
53
  var OPTIONAL_DOCUMENT_PARTS = (_OPTIONAL_DOCUMENT_PA = {}, _OPTIONAL_DOCUMENT_PA[DOCUMENT_TYPES.ID] = {
51
54
  parts: [PART_TYPES.ID_BACK]
@@ -294,6 +297,12 @@ var KYCFormItemFileExtraPart = function KYCFormItemFileExtraPart(props) {
294
297
  title = props.title,
295
298
  uploaderLabels = props.uploaderLabels,
296
299
  onFileAdd = props.onFileAdd;
300
+ var handleDrop = function handleDrop(files) {
301
+ var file = files[0];
302
+ if (file) {
303
+ onFileAdd(file);
304
+ }
305
+ };
297
306
  return React.createElement(StyledKYCFormItemFileExtraPart, {
298
307
  id: elementId
299
308
  }, title && React.createElement(StyledKYCFormItemFileTitle, null, title), React.createElement(StyledKYCFormItemFileUploaderContainer, null, React.createElement(ImageUploader, {
@@ -302,8 +311,8 @@ var KYCFormItemFileExtraPart = function KYCFormItemFileExtraPart(props) {
302
311
  maxSize: MAX_FILE_SIZE,
303
312
  acceptFormats: ACCEPT_FORMATS,
304
313
  elementId: elementId + "_uploader",
305
- direction: DIRECTION.ROW,
306
- onDrop: onFileAdd
314
+ direction: Direction.Row,
315
+ onDrop: handleDrop
307
316
  })));
308
317
  };
309
318
  var KYCFormItemFile = function KYCFormItemFile(props) {
@@ -315,6 +324,12 @@ var KYCFormItemFile = function KYCFormItemFile(props) {
315
324
  uploaderLabels = props.uploaderLabels,
316
325
  onFileChange = props.onFileChange,
317
326
  onFileRemove = props.onFileRemove;
327
+ var handleDrop = function handleDrop(files) {
328
+ var file = files[0];
329
+ if (file) {
330
+ onFileChange(file);
331
+ }
332
+ };
318
333
  return React.createElement(StyledKYCFormItem, {
319
334
  id: elementId
320
335
  }, title && React.createElement(StyledKYCFormItemFileTitle, null, title), data ? React.createElement(StyledKYCFormItemFilePreview, null, React.createElement(KYCDocumentPartMiniature, {
@@ -330,8 +345,8 @@ var KYCFormItemFile = function KYCFormItemFile(props) {
330
345
  maxSize: MAX_FILE_SIZE,
331
346
  acceptFormats: ACCEPT_FORMATS,
332
347
  elementId: elementId + "_uploader",
333
- direction: DIRECTION.ROW,
334
- onDrop: onFileChange
348
+ direction: Direction.Row,
349
+ onDrop: handleDrop
335
350
  })), error && React.createElement(KYCErrorLabel, {
336
351
  label: error,
337
352
  isDocumentPartError: true
package/dist/kyc-form.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"kyc-form.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"kyc-form.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@propellerads/kyc-form",
3
- "version": "4.1.5",
3
+ "version": "4.1.6",
4
4
  "module": "dist/kyc-form.esm.js",
5
5
  "main": "dist/index.js",
6
6
  "typings": "dist/index.d.ts",
@@ -26,7 +26,7 @@
26
26
  "dependencies": {
27
27
  "@propellerads/button": "^9.0.2",
28
28
  "@propellerads/icon": "7.1.1",
29
- "@propellerads/image-uploader": "^3.0.3",
29
+ "@propellerads/image-uploader": "^4.0.0",
30
30
  "@propellerads/stylevariables": "^2.0.2",
31
31
  "@propellerads/success-label": "3.1.4",
32
32
  "@propellerads/textarea": "5.0.1"