@propellerads/kyc-form 4.1.2 → 4.1.3

package/dist/kyc-form.cjs.development.js

@@ -169,9 +169,9 @@ var StyledKYCErrorLabelText = /*#__PURE__*/styled.span(_templateObject3 || (_tem
 
 var KYCErrorLabel = function KYCErrorLabel(props) {
   return React__default.createElement(StyledKYCErrorLabel, null, props.isDocumentPartError ? React__default.createElement(StyledKYCErrorLabelIcon, null) : React__default.createElement(icon.Close, {
-    color: icon.COLOR.ERROR,
-    hoverColor: icon.COLOR.ERROR,
-    size: icon.SIZE.SMALL
+    color: icon.Color.Error,
+    hoverColor: icon.Color.Error,
+    size: icon.Size.Small
   }), React__default.createElement(StyledKYCErrorLabelText, null, props.label));
 };
 
@@ -321,11 +321,11 @@ var KYCDocumentPartMiniature = function KYCDocumentPartMiniature(props) {
   var isHEICPart = isHEIC(data);
   if (isPDFPart || isHEICPart) {
     return React__default.createElement(StyledKYCDocumentPartIconMiniature, null, isPDFPart && React__default.createElement(icon.Pdf, {
-      color: icon.COLOR.GRAY,
-      hoverColor: icon.COLOR.GRAY
+      color: icon.Color.Gray,
+      hoverColor: icon.Color.Gray
     }), isHEICPart && React__default.createElement(icon.Insert, {
-      color: icon.COLOR.GRAY,
-      hoverColor: icon.COLOR.GRAY
+      color: icon.Color.Gray,
+      hoverColor: icon.Color.Gray
     }));
   }
   return React__default.createElement(StyledKYCDocumentPartImgMiniature, {
@@ -365,8 +365,8 @@ var KYCFormItemFile = function KYCFormItemFile(props) {
   }), React__default.createElement(StyledKYCFormItemFilePreviewName, null, name), React__default.createElement(StyledKYCFormItemFilePreviewRemove, {
     onClick: onFileRemove
   }, React__default.createElement(icon.Delete, {
-    color: icon.COLOR.BLUE,
-    hoverColor: icon.COLOR.BLUE
+    color: icon.Color.Blue,
+    hoverColor: icon.Color.Blue
   }))) : React__default.createElement(StyledKYCFormItemFileUploaderContainer, null, React__default.createElement(ImageUploader__default, {
     title: uploaderLabels.title,
     action: uploaderLabels.action,

package/dist/kyc-form.cjs.production.min.js

@@ -1,2 +1,2 @@
-"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,a=require("react"),o=e(a),i=require("@propellerads/button"),l=e(i),c=e(require("@propellerads/success-label")),u=require("@propellerads/icon"),p=e(require("styled-components")),s=require("@propellerads/stylevariables"),d=e(require("@propellerads/textarea")),m=require("@propellerads/image-uploader"),f=e(m);function E(e,n,t,r,a,o,i){try{var l=e[o](i),c=l.value}catch(e){return void t(e)}l.done?n(c):Promise.resolve(c).then(r,a)}function _(e){return function(){var n=this,t=arguments;return new Promise((function(r,a){var o=e.apply(n,t);function i(e){E(o,r,a,i,l,"next",e)}function l(e){E(o,r,a,i,l,"throw",e)}i(void 0)}))}}function g(){return(g=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 T(){var e,n,t="function"==typeof Symbol?Symbol:{},r=t.iterator||"@@iterator",a=t.toStringTag||"@@toStringTag";function o(t,r,a,o){var c=Object.create((r&&r.prototype instanceof l?r:l).prototype);return v(c,"_invoke",function(t,r,a){var o,l,c,u=0,p=a||[],s=!1,d={p:0,n:0,v:e,a:m,f:m.bind(e,4),d:function(n,t){return o=n,l=0,c=e,d.n=t,i}};function m(t,r){for(l=t,c=r,n=0;!s&&u&&!a&&n<p.length;n++){var a,o=p[n],m=d.p,f=o[2];t>3?(a=f===r)&&(c=o[(l=o[4])?5:(l=3,3)],o[4]=o[5]=e):o[0]<=m&&((a=t<2&&m<o[1])?(l=0,d.v=r,d.n=o[1]):m<f&&(a=t<3||o[0]>r||r>f)&&(o[4]=t,o[5]=r,d.n=f,l=0))}if(a||t>1)return i;throw s=!0,r}return function(a,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;){o||(l?l<3?(l>1&&(d.n=-1),m(l,c)):d.n=c:d.v=c);try{if(u=2,o){if(l||(a="next"),n=o[a]){if(!(n=n.call(o,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=o.return)&&n.call(o),l<2&&(c=TypeError("The iterator does not provide a '"+a+"' method"),l=1);o=e}else if((n=(s=d.n<0)?c:t.call(r,d))!==i)break}catch(n){o=e,l=1,c=n}finally{u=1}}return{value:n,done:s}}}(t,a,o),!0),c}var i={};function l(){}function c(){}function u(){}n=Object.getPrototypeOf;var p=[][r]?n(n([][r]())):(v(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,v(e,a,"GeneratorFunction")),e.prototype=Object.create(s),e}return c.prototype=u,v(s,"constructor",u),v(u,"constructor",c),c.displayName="GeneratorFunction",v(u,a,"GeneratorFunction"),v(s),v(s,a,"Generator"),v(s,r,(function(){return this})),v(s,"toString",(function(){return"[object Generator]"})),(T=function(){return{w:o,m:d}})()}function v(e,n,t,r){var a=Object.defineProperty;try{a({},"",{})}catch(e){a=0}(v=function(e,n,t,r){function o(n,t){v(e,n,(function(e){return this._invoke(n,t,e)}))}n?a?a(e,n,{value:t,enumerable:!r,configurable:!r,writable:!r}):e[n]=t:(o("next",0),o("throw",1),o("return",2))})(e,n,t,r)}function x(e,n){return n||(n=e.slice(0)),e.raw=n,e}var A,y,b,O,I,C,R,S,h=p.div(n||(n=x(["\n  display: flex;\n  align-items: center;\n  color: ",";\n  margin-top: ","px;\n  margin-bottom: ","px;\n"])),s.errorColor,2*s.spacing,4*s.spacing),N=p.span(t||(t=x(["\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"])),s.errorColor,s.fontSmall,s.white),P=p.span(r||(r=x(["\n  margin-left: ","px;\n"])),2*s.spacing),D=function(e){return o.createElement(h,null,e.isDocumentPartError?o.createElement(N,null):o.createElement(u.Close,{color:u.COLOR.ERROR,hoverColor:u.COLOR.ERROR,size:u.SIZE.SMALL}),o.createElement(P,null,e.label))},M=p.div(A||(A=x(["\n  display: flex;\n  flex-direction: column;\n"]))),L=p.span(y||(y=x(["\n  margin-bottom: ","px;\n"])),8*s.spacing),w=p.span(b||(b=x(["\n  color: ",";\n"])),s.gray50),Y=p.div(O||(O=x(["\n  display: flex;\n  flex-direction: column;\n"]))),k=p.span(I||(I=x(["\n  margin-bottom: ","px;\n"])),6*s.spacing);(C=exports.DOCUMENT_TYPES||(exports.DOCUMENT_TYPES={})).ID="id",C.UB="ub",C.ID_EXTRA="id_extra",C.CARD="bank_card",C.PAYMENT_SYSTEM_SCREEN="payment_system_screen",C.ONLINE_BANKING_STATEMENT="online_banking_statement",C.COMPANY_REGISTRATION_DOCUMENT="company_registration_document",C.SELFIE_WITH_ID_CARD="selfie_with_id_card_or_bank_card",C.PAYPAL_DETAILS_PAGE="pay_pal_details_page",C.BANK_WIRE_DETAILS="bank_wire_details",C.TRANSACTION_CONFIRMATION="transaction_confirmation",C.OTHER="other",C.FEEDBACK="feedback",(R=exports.PART_TYPES||(exports.PART_TYPES={})).ID_FRONT="id_front",R.ID_BACK="id_back",R.UB="ub_item",R.CARD="card_item",R.PAYMENT_SYSTEM_SCREEN="screen_item",R.ONLINE_BANKING_STATEMENT="obs_item",R.COMPANY_REGISTRATION_DOCUMENT="crd_item",R.SELFIE_WITH_ID_CARD="selfie_item",R.PAYPAL_DETAILS_PAGE_IMAGE="pay_pal_details_page_image",R.BANK_WIRE_DETAILS_PAGE="bank_wire_details_image",R.TRANSACTION_CONFIRMATION_IMAGE="transaction_confirmation_image",R.OTHER_IMAGE="other_image",R.FEEDBACK="feedback";var F,U,j,G,B,K,q,z,W,H,X,Z,V,J,Q,$,ee=".png,.jpg,.jpe,.jpeg,.pdf,image/png,image/jpeg,application/pdf,image/heic",ne=[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],te=((S={})[exports.DOCUMENT_TYPES.ID]={parts:[exports.PART_TYPES.ID_BACK]},S[exports.DOCUMENT_TYPES.ID_EXTRA]={parts:[exports.PART_TYPES.ID_BACK]},S),re=p.div(F||(F=x(["\n  margin-top: ","px;\n  margin-left: ","px;\n"])),4*s.spacing,4*s.spacing),ae=p.div(U||(U=x(["\n  margin-bottom: ","px;\n"])),s.spacing),oe=p.div(j||(j=x(["\n  display: flex;\n  align-items: center;\n  background-color: ",";\n  padding: ","px;\n  border-radius: ","px;\n"])),s.gray95,2*s.spacing,s.borderRadius),ie=p.span(G||(G=x(["\n  width: 100%;\n  margin-left: ","px;\n  margin-right: ","px;\n"])),4*s.spacing,2*s.spacing),le=p.span(B||(B=x(["\n  cursor: pointer !important;\n  margin-right: ","px;\n"])),2*s.spacing),ce=p.div(K||(K=x(["\n  height: 66px;\n"]))),ue=p.div(q||(q=x(["\n  display: flex;\n  flex-direction: column;\n  margin-top: ","px;\n  margin-left: ","px;\n"])),4*s.spacing,4*s.spacing),pe=p.img(z||(z=x(["\n  width: auto;\n  max-width: 204px;\n  height: 50px;\n  object-fit: contain;\n  border-radius: ","px;\n"])),s.borderRadius),se=p.div(W||(W=x(["\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"])),s.borderRadius,s.white),de=function(e){return ne.includes(e)},me=function(e){var n;return null==e||null==(n=e.match(/[^:]\w+\/[\w-+\d.]+(?=;|,)/))?void 0:n[0]},fe=function(e,n){return n.every((function(n){return n.data!==(null==e?void 0:e.data)}))},Ee=function(){var e=_(T().m((function e(n){var t;return T().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)}}(),_e=function(e){var n=e.data,t="application/pdf"===me(n),r=function(e){return"image/heic"===me(e)}(n);return t||r?o.createElement(se,null,t&&o.createElement(u.Pdf,{color:u.COLOR.GRAY,hoverColor:u.COLOR.GRAY}),r&&o.createElement(u.Insert,{color:u.COLOR.GRAY,hoverColor:u.COLOR.GRAY})):o.createElement(pe,{src:n})},ge=function(e){var n=e.elementId,t=e.title,r=e.uploaderLabels,a=e.onFileAdd;return o.createElement(ue,{id:n},t&&o.createElement(ae,null,t),o.createElement(ce,null,o.createElement(f,{title:r.title,action:r.action,maxSize:5242880,acceptFormats:ee,elementId:n+"_uploader",direction:m.DIRECTION.ROW,onDrop:a})))},Te=function(e){var n=e.name,t=e.title,r=e.data,a=e.error,i=e.elementId,l=e.uploaderLabels,c=e.onFileChange,p=e.onFileRemove;return o.createElement(re,{id:i},t&&o.createElement(ae,null,t),r?o.createElement(oe,null,o.createElement(_e,{data:r}),o.createElement(ie,null,n),o.createElement(le,{onClick:p},o.createElement(u.Delete,{color:u.COLOR.BLUE,hoverColor:u.COLOR.BLUE}))):o.createElement(ce,null,o.createElement(f,{title:l.title,action:l.action,maxSize:5242880,acceptFormats:ee,elementId:i+"_uploader",direction:m.DIRECTION.ROW,onDrop:c})),a&&o.createElement(D,{label:a,isDocumentPartError:!0}))},ve=function(e){var n=e.onFeedbackChange,t=e.value,r=function(e){return n(e)};return o.createElement(re,null,o.createElement(d,{onChange:r,onBlur:r,value:void 0===t?"":t,errors:[],name:"kyc-client-comments",elementId:"kyc-feedback-textarea"}))},xe=p.div(H||(H=x(["\n  margin-top: ","px;\n"])),6*s.spacing),Ae=p.div(X||(X=x(["\n  font-size: ","px;\n  font-weight: bold;\n  color: ",";\n  margin-bottom: ","px;\n"])),s.fontNormal,s.black,s.spacing),ye=p.div(Z||(Z=x(["\n  font-size: ","px;\n  color: ",";\n  margin-left: ","px;\n"])),s.fontSmall,s.gray50,4*s.spacing),be=function(e,n){return"["+e+"].parts["+n+"].data"},Oe=function(e){var n,t=e.type,r=e.index,i=e.uploaderLabels,l=e.documentLabels,c=e.elementId,u=e.parts,p=e.errors,s=e.onDocumentChange,d=a.useState(new Map),m=d[0],f=d[1],E=function(e,n){return de(e)&&n.every((function(e){return Boolean(e.data)}))&&n.length<3&&n.length>0}(t,u),v=null==l?void 0:l.parts,x=a.useState(new Map),A=x[0],y=x[1],b=function(e){var n=new Map(m);n.set(be(r,e),i.oversizeError),f(n)},O=function(e){var n=new Map(m);n.delete(be(r,e)),f(n)},I=function(e,n,r){var a=g({},e,{data:r}),o=[].concat(u);o.splice(n,1,a),s({type:t,parts:o})},C=function(){var e=_(T().m((function e(n,t){var r,a,o;return T().w((function(e){for(;;)switch(e.n){case 0:if(t){e.n=1;break}return b(n),e.a(2);case 1:return r=u[n]||u[0],e.n=2,Ee(t);case 2:I(r,n,a=e.v),(o=new Map(A)).set(a,t.name),y(o),O(n);case 3:return e.a(2)}}),e)})));return function(n,t){return e.apply(this,arguments)}}(),R=function(e){if(e)return A.get(e)};return o.createElement(xe,{id:c},o.createElement(Ae,null,r+1+". "+(null==l?void 0:l.title)),(null==l?void 0:l.description)&&o.createElement(ye,null,null==l?void 0:l.description),u.map((function(e,n){var a,l="kyc-form_item_file_"+e.type,s=de(t),d=null==v?void 0:v[e.type],f=s||null==d?void 0:d.title;de(t)&&e.data&&(l=l+"_"+(null==(a=e.data)?void 0:a.substr(-32)),fe(e,u)||(l=l+"_"+n));var E=null==p?void 0:p[be(r,n)],_=m.get(be(r,n));return e.type===exports.PART_TYPES.FEEDBACK?o.createElement(ve,{key:l,value:e.data,onFeedbackChange:function(e){return function(e,n){I(u[e]||u[0],e,n)}(n,e)}}):o.createElement(Te,{title:f,data:e.data,type:e.type,name:R(e.data),uploaderLabels:i,error:_||E,key:l,elementId:c+"_part_"+e.type+"_"+n,onFileChange:function(e){return C(n,e)},onFileRemove:function(){return function(e){I(u[e],e);var n=u[e],t=new Map(A);null!=n&&n.data&&fe(n,u)&&t.delete(null==n?void 0:n.data),y(t),O(e)}(n)}})})),E&&o.createElement(ge,{elementId:c+"_extra",title:null==v||null==(n=v[u[0].type])?void 0:n.title,uploaderLabels:i,onFileAdd:function(e){return C(u.length,e)}}))},Ie=p.div(V||(V=x(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n"]))),Ce=p.div(J||(J=x(["\n  font-size: ","px;\n"])),s.fontNormal),Re=p.div(Q||(Q=x(["\n  width: 100%;\n  margin-bottom: ","px;\n"])),6*s.spacing),Se=p.div($||($=x(["\n  display: flex;\n  justify-content: flex-end;\n  width: 100%;\n"]))),he=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=a.useState(p),_=E[0],g=E[1],T=a.useState(!0),v=T[0],x=T[1];return a.useEffect((function(){g(p)}),[p]),a.useEffect((function(){var e=m(_);x(!e)}),[_,m]),o.createElement(Ie,{id:n},t&&o.createElement(Ce,null,t),o.createElement(Re,null,_.map((function(e,t){return o.createElement(Oe,{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)}})}))),o.createElement(Se,null,o.createElement(l,{elementId:n+"_button",type:i.ButtonType.Primary,isDisabled:v,isLoading:d||!1,onClick:function(){return f(_)}},r)))};he.SucessScreen=function(e){var n=e.elementId,t=e.description,r=e.support;return o.createElement(M,{id:n},o.createElement(L,null,o.createElement(c,{show:!0,elementId:n+"_success"},e.title)),t&&o.createElement(L,null,t),r&&o.createElement(w,null,r))},he.FailScreen=function(e){var n=e.support;return o.createElement(Y,{id:e.elementId},o.createElement(k,null,o.createElement(D,{label:e.title,isDocumentPartError:!1})),n)},exports.ACCEPT_FORMATS=ee,exports.AVAILABLE_EXTRA_PARTS_DOCUMENTS=ne,exports.MAX_EXTRA_PARTS_COUNT=3,exports.MAX_FILE_SIZE=5242880,exports.OPTIONAL_DOCUMENT_PARTS=te,exports.PDF_MIME_TYPE="application/pdf",exports.default=he;
+"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("react"),a=e(o),i=require("@propellerads/button"),l=e(i),c=e(require("@propellerads/success-label")),u=require("@propellerads/icon"),p=e(require("styled-components")),s=require("@propellerads/stylevariables"),d=e(require("@propellerads/textarea")),m=require("@propellerads/image-uploader"),f=e(m);function E(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 _(e){return function(){var n=this,t=arguments;return new Promise((function(r,o){var a=e.apply(n,t);function i(e){E(a,r,o,i,l,"next",e)}function l(e){E(a,r,o,i,l,"throw",e)}i(void 0)}))}}function g(){return(g=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 T(){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 v(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]())):(v(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,v(e,o,"GeneratorFunction")),e.prototype=Object.create(s),e}return c.prototype=u,v(s,"constructor",u),v(u,"constructor",c),c.displayName="GeneratorFunction",v(u,o,"GeneratorFunction"),v(s),v(s,o,"Generator"),v(s,r,(function(){return this})),v(s,"toString",(function(){return"[object Generator]"})),(T=function(){return{w:a,m:d}})()}function v(e,n,t,r){var o=Object.defineProperty;try{o({},"",{})}catch(e){o=0}(v=function(e,n,t,r){function a(n,t){v(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 x(e,n){return n||(n=e.slice(0)),e.raw=n,e}var y,A,b,C,I,S,h,N,P=p.div(n||(n=x(["\n  display: flex;\n  align-items: center;\n  color: ",";\n  margin-top: ","px;\n  margin-bottom: ","px;\n"])),s.errorColor,2*s.spacing,4*s.spacing),O=p.span(t||(t=x(["\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"])),s.errorColor,s.fontSmall,s.white),D=p.span(r||(r=x(["\n  margin-left: ","px;\n"])),2*s.spacing),R=function(e){return a.createElement(P,null,e.isDocumentPartError?a.createElement(O,null):a.createElement(u.Close,{color:u.Color.Error,hoverColor:u.Color.Error,size:u.Size.Small}),a.createElement(D,null,e.label))},M=p.div(y||(y=x(["\n  display: flex;\n  flex-direction: column;\n"]))),w=p.span(A||(A=x(["\n  margin-bottom: ","px;\n"])),8*s.spacing),L=p.span(b||(b=x(["\n  color: ",";\n"])),s.gray50),k=p.div(C||(C=x(["\n  display: flex;\n  flex-direction: column;\n"]))),Y=p.span(I||(I=x(["\n  margin-bottom: ","px;\n"])),6*s.spacing);(S=exports.DOCUMENT_TYPES||(exports.DOCUMENT_TYPES={})).ID="id",S.UB="ub",S.ID_EXTRA="id_extra",S.CARD="bank_card",S.PAYMENT_SYSTEM_SCREEN="payment_system_screen",S.ONLINE_BANKING_STATEMENT="online_banking_statement",S.COMPANY_REGISTRATION_DOCUMENT="company_registration_document",S.SELFIE_WITH_ID_CARD="selfie_with_id_card_or_bank_card",S.PAYPAL_DETAILS_PAGE="pay_pal_details_page",S.BANK_WIRE_DETAILS="bank_wire_details",S.TRANSACTION_CONFIRMATION="transaction_confirmation",S.OTHER="other",S.FEEDBACK="feedback",(h=exports.PART_TYPES||(exports.PART_TYPES={})).ID_FRONT="id_front",h.ID_BACK="id_back",h.UB="ub_item",h.CARD="card_item",h.PAYMENT_SYSTEM_SCREEN="screen_item",h.ONLINE_BANKING_STATEMENT="obs_item",h.COMPANY_REGISTRATION_DOCUMENT="crd_item",h.SELFIE_WITH_ID_CARD="selfie_item",h.PAYPAL_DETAILS_PAGE_IMAGE="pay_pal_details_page_image",h.BANK_WIRE_DETAILS_PAGE="bank_wire_details_image",h.TRANSACTION_CONFIRMATION_IMAGE="transaction_confirmation_image",h.OTHER_IMAGE="other_image",h.FEEDBACK="feedback";var F,j,G,U,B,K,z,q,W,H,X,V,Z,J,Q,$,ee=".png,.jpg,.jpe,.jpeg,.pdf,image/png,image/jpeg,application/pdf,image/heic",ne=[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],te=((N={})[exports.DOCUMENT_TYPES.ID]={parts:[exports.PART_TYPES.ID_BACK]},N[exports.DOCUMENT_TYPES.ID_EXTRA]={parts:[exports.PART_TYPES.ID_BACK]},N),re=p.div(F||(F=x(["\n  margin-top: ","px;\n  margin-left: ","px;\n"])),4*s.spacing,4*s.spacing),oe=p.div(j||(j=x(["\n  margin-bottom: ","px;\n"])),s.spacing),ae=p.div(G||(G=x(["\n  display: flex;\n  align-items: center;\n  background-color: ",";\n  padding: ","px;\n  border-radius: ","px;\n"])),s.gray95,2*s.spacing,s.borderRadius),ie=p.span(U||(U=x(["\n  width: 100%;\n  margin-left: ","px;\n  margin-right: ","px;\n"])),4*s.spacing,2*s.spacing),le=p.span(B||(B=x(["\n  cursor: pointer !important;\n  margin-right: ","px;\n"])),2*s.spacing),ce=p.div(K||(K=x(["\n  height: 66px;\n"]))),ue=p.div(z||(z=x(["\n  display: flex;\n  flex-direction: column;\n  margin-top: ","px;\n  margin-left: ","px;\n"])),4*s.spacing,4*s.spacing),pe=p.img(q||(q=x(["\n  width: auto;\n  max-width: 204px;\n  height: 50px;\n  object-fit: contain;\n  border-radius: ","px;\n"])),s.borderRadius),se=p.div(W||(W=x(["\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"])),s.borderRadius,s.white),de=function(e){return ne.includes(e)},me=function(e){var n;return null==e||null==(n=e.match(/[^:]\w+\/[\w-+\d.]+(?=;|,)/))?void 0:n[0]},fe=function(e,n){return n.every((function(n){return n.data!==(null==e?void 0:e.data)}))},Ee=function(){var e=_(T().m((function e(n){var t;return T().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)}}(),_e=function(e){var n=e.data,t="application/pdf"===me(n),r=function(e){return"image/heic"===me(e)}(n);return t||r?a.createElement(se,null,t&&a.createElement(u.Pdf,{color:u.Color.Gray,hoverColor:u.Color.Gray}),r&&a.createElement(u.Insert,{color:u.Color.Gray,hoverColor:u.Color.Gray})):a.createElement(pe,{src:n})},ge=function(e){var n=e.elementId,t=e.title,r=e.uploaderLabels,o=e.onFileAdd;return a.createElement(ue,{id:n},t&&a.createElement(oe,null,t),a.createElement(ce,null,a.createElement(f,{title:r.title,action:r.action,maxSize:5242880,acceptFormats:ee,elementId:n+"_uploader",direction:m.DIRECTION.ROW,onDrop:o})))},Te=function(e){var n=e.name,t=e.title,r=e.data,o=e.error,i=e.elementId,l=e.uploaderLabels,c=e.onFileChange,p=e.onFileRemove;return a.createElement(re,{id:i},t&&a.createElement(oe,null,t),r?a.createElement(ae,null,a.createElement(_e,{data:r}),a.createElement(ie,null,n),a.createElement(le,{onClick:p},a.createElement(u.Delete,{color:u.Color.Blue,hoverColor:u.Color.Blue}))):a.createElement(ce,null,a.createElement(f,{title:l.title,action:l.action,maxSize:5242880,acceptFormats:ee,elementId:i+"_uploader",direction:m.DIRECTION.ROW,onDrop:c})),o&&a.createElement(R,{label:o,isDocumentPartError:!0}))},ve=function(e){var n=e.onFeedbackChange,t=e.value,r=function(e){return n(e)};return a.createElement(re,null,a.createElement(d,{onChange:r,onBlur:r,value:void 0===t?"":t,errors:[],name:"kyc-client-comments",elementId:"kyc-feedback-textarea"}))},xe=p.div(H||(H=x(["\n  margin-top: ","px;\n"])),6*s.spacing),ye=p.div(X||(X=x(["\n  font-size: ","px;\n  font-weight: bold;\n  color: ",";\n  margin-bottom: ","px;\n"])),s.fontNormal,s.black,s.spacing),Ae=p.div(V||(V=x(["\n  font-size: ","px;\n  color: ",";\n  margin-left: ","px;\n"])),s.fontSmall,s.gray50,4*s.spacing),be=function(e,n){return"["+e+"].parts["+n+"].data"},Ce=function(e){var n,t=e.type,r=e.index,i=e.uploaderLabels,l=e.documentLabels,c=e.elementId,u=e.parts,p=e.errors,s=e.onDocumentChange,d=o.useState(new Map),m=d[0],f=d[1],E=function(e,n){return de(e)&&n.every((function(e){return Boolean(e.data)}))&&n.length<3&&n.length>0}(t,u),v=null==l?void 0:l.parts,x=o.useState(new Map),y=x[0],A=x[1],b=function(e){var n=new Map(m);n.set(be(r,e),i.oversizeError),f(n)},C=function(e){var n=new Map(m);n.delete(be(r,e)),f(n)},I=function(e,n,r){var o=g({},e,{data:r}),a=[].concat(u);a.splice(n,1,o),s({type:t,parts:a})},S=function(){var e=_(T().m((function e(n,t){var r,o,a;return T().w((function(e){for(;;)switch(e.n){case 0:if(t){e.n=1;break}return b(n),e.a(2);case 1:return r=u[n]||u[0],e.n=2,Ee(t);case 2:I(r,n,o=e.v),(a=new Map(y)).set(o,t.name),A(a),C(n);case 3:return e.a(2)}}),e)})));return function(n,t){return e.apply(this,arguments)}}(),h=function(e){if(e)return y.get(e)};return a.createElement(xe,{id:c},a.createElement(ye,null,r+1+". "+(null==l?void 0:l.title)),(null==l?void 0:l.description)&&a.createElement(Ae,null,null==l?void 0:l.description),u.map((function(e,n){var o,l="kyc-form_item_file_"+e.type,s=de(t),d=null==v?void 0:v[e.type],f=s||null==d?void 0:d.title;de(t)&&e.data&&(l=l+"_"+(null==(o=e.data)?void 0:o.substr(-32)),fe(e,u)||(l=l+"_"+n));var E=null==p?void 0:p[be(r,n)],_=m.get(be(r,n));return e.type===exports.PART_TYPES.FEEDBACK?a.createElement(ve,{key:l,value:e.data,onFeedbackChange:function(e){return function(e,n){I(u[e]||u[0],e,n)}(n,e)}}):a.createElement(Te,{title:f,data:e.data,type:e.type,name:h(e.data),uploaderLabels:i,error:_||E,key:l,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(y);null!=n&&n.data&&fe(n,u)&&t.delete(null==n?void 0:n.data),A(t),C(e)}(n)}})})),E&&a.createElement(ge,{elementId:c+"_extra",title:null==v||null==(n=v[u[0].type])?void 0:n.title,uploaderLabels:i,onFileAdd:function(e){return S(u.length,e)}}))},Ie=p.div(Z||(Z=x(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n"]))),Se=p.div(J||(J=x(["\n  font-size: ","px;\n"])),s.fontNormal),he=p.div(Q||(Q=x(["\n  width: 100%;\n  margin-bottom: ","px;\n"])),6*s.spacing),Ne=p.div($||($=x(["\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=o.useState(p),_=E[0],g=E[1],T=o.useState(!0),v=T[0],x=T[1];return o.useEffect((function(){g(p)}),[p]),o.useEffect((function(){var e=m(_);x(!e)}),[_,m]),a.createElement(Ie,{id:n},t&&a.createElement(Se,null,t),a.createElement(he,null,_.map((function(e,t){return a.createElement(Ce,{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)}})}))),a.createElement(Ne,null,a.createElement(l,{elementId:n+"_button",type:i.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 a.createElement(M,{id:n},a.createElement(w,null,a.createElement(c,{show:!0,elementId:n+"_success"},e.title)),t&&a.createElement(w,null,t),r&&a.createElement(L,null,r))},Pe.FailScreen=function(e){var n=e.support;return a.createElement(k,{id:e.elementId},a.createElement(Y,null,a.createElement(R,{label:e.title,isDocumentPartError:!1})),n)},exports.ACCEPT_FORMATS=ee,exports.AVAILABLE_EXTRA_PARTS_DOCUMENTS=ne,exports.MAX_EXTRA_PARTS_COUNT=3,exports.MAX_FILE_SIZE=5242880,exports.OPTIONAL_DOCUMENT_PARTS=te,exports.PDF_MIME_TYPE="application/pdf",exports.default=Pe;
 //# sourceMappingURL=kyc-form.cjs.production.min.js.map

package/dist/kyc-form.esm.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import Button, { ButtonType } from '@propellerads/button';
 import SuccessLabel from '@propellerads/success-label';
-import { Close, COLOR, SIZE, Delete, Pdf, Insert } from '@propellerads/icon';
+import { Close, Color, Size, Delete, Pdf, Insert } from '@propellerads/icon';
 import styled from 'styled-components';
 import { errorColor, spacing, fontSmall, white, gray50, gray95, borderRadius, fontNormal, black } from '@propellerads/stylevariables';
 import TextArea from '@propellerads/textarea';
@@ -160,9 +160,9 @@ var StyledKYCErrorLabelText = /*#__PURE__*/styled.span(_templateObject3 || (_tem
 
 var KYCErrorLabel = function KYCErrorLabel(props) {
   return React.createElement(StyledKYCErrorLabel, null, props.isDocumentPartError ? React.createElement(StyledKYCErrorLabelIcon, null) : React.createElement(Close, {
-    color: COLOR.ERROR,
-    hoverColor: COLOR.ERROR,
-    size: SIZE.SMALL
+    color: Color.Error,
+    hoverColor: Color.Error,
+    size: Size.Small
   }), React.createElement(StyledKYCErrorLabelText, null, props.label));
 };
 
@@ -314,11 +314,11 @@ var KYCDocumentPartMiniature = function KYCDocumentPartMiniature(props) {
   var isHEICPart = isHEIC(data);
   if (isPDFPart || isHEICPart) {
     return React.createElement(StyledKYCDocumentPartIconMiniature, null, isPDFPart && React.createElement(Pdf, {
-      color: COLOR.GRAY,
-      hoverColor: COLOR.GRAY
+      color: Color.Gray,
+      hoverColor: Color.Gray
     }), isHEICPart && React.createElement(Insert, {
-      color: COLOR.GRAY,
-      hoverColor: COLOR.GRAY
+      color: Color.Gray,
+      hoverColor: Color.Gray
     }));
   }
   return React.createElement(StyledKYCDocumentPartImgMiniature, {
@@ -358,8 +358,8 @@ var KYCFormItemFile = function KYCFormItemFile(props) {
   }), React.createElement(StyledKYCFormItemFilePreviewName, null, name), React.createElement(StyledKYCFormItemFilePreviewRemove, {
     onClick: onFileRemove
   }, React.createElement(Delete, {
-    color: COLOR.BLUE,
-    hoverColor: COLOR.BLUE
+    color: Color.Blue,
+    hoverColor: Color.Blue
   }))) : React.createElement(StyledKYCFormItemFileUploaderContainer, null, React.createElement(ImageUploader, {
     title: uploaderLabels.title,
     action: uploaderLabels.action,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@propellerads/kyc-form",
-  "version": "4.1.2",
+  "version": "4.1.3",
   "module": "dist/kyc-form.esm.js",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -25,10 +25,10 @@
   },
   "dependencies": {
     "@propellerads/button": "^9.0.0",
-    "@propellerads/icon": "6.0.2",
+    "@propellerads/icon": "7.0.0",
     "@propellerads/image-uploader": "^3.0.3",
     "@propellerads/stylevariables": "^2.0.2",
-    "@propellerads/success-label": "3.1.1",
+    "@propellerads/success-label": "3.1.2",
     "@propellerads/textarea": "4.0.2"
   },
   "devDependencies": {