@propellerads/kyc-form 3.6.0 → 4.0.0

package/README.md

@@ -1,4 +1,5 @@
 # KycForm
+
 `KycForm`.
 
 ![size](https://img.shields.io/bundlephobia/min/@propellerads/kyc-form.svg)
@@ -8,11 +9,14 @@
 [Github](https://github.com/propellerads/ui-components/tree/master/Components/KycForm)
 
 ## Installation
-* `yarn add @propellerads/kyc-form` or `npm install @propellerads/kyc-form -S`
+
+- `yarn add @propellerads/kyc-form` or `npm install @propellerads/kyc-form -S`
 
 ### How to use
-* `import KycForm from '@propellerads/kyc-form';`
-* And render
+
+- `import KycForm from '@propellerads/kyc-form';`
+- And render
+
 ```
 <KycForm
     elementId="kyc-form-component"
@@ -39,4 +43,4 @@
     }]}
     onUploadClick={console.log}
 />
-```
+```

package/dist/KYCDocumentParts/index.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { KYCFormItemFileExtraPartProps, KYCFormItemFileProps, KYCFormItemTextProps } from './types';
 declare const _default: {
-    KYCFormItemFileExtraPart: (props: KYCFormItemFileExtraPartProps) => JSX.Element;
-    KYCFormItemFile: (props: KYCFormItemFileProps) => JSX.Element;
-    KYCFormItemText: (props: KYCFormItemTextProps) => JSX.Element;
+    KYCFormItemFileExtraPart: (props: KYCFormItemFileExtraPartProps) => React.JSX.Element;
+    KYCFormItemFile: (props: KYCFormItemFileProps) => React.JSX.Element;
+    KYCFormItemText: (props: KYCFormItemTextProps) => React.JSX.Element;
 };
 export default _default;

package/dist/KYCErrorLabel/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { KYCErrorLabelProps } from './types';
-declare const KYCErrorLabel: (props: KYCErrorLabelProps) => JSX.Element;
+declare const KYCErrorLabel: (props: KYCErrorLabelProps) => React.JSX.Element;
 export default KYCErrorLabel;

package/dist/KYCErrorLabel/style.d.ts

@@ -1,4 +1,4 @@
 declare const StyledKYCErrorLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const StyledKYCErrorLabelIcon: import("styled-components").StyledComponent<"span", any, {}, never>;
 declare const StyledKYCErrorLabelText: import("styled-components").StyledComponent<"span", any, {}, never>;
-export { StyledKYCErrorLabel, StyledKYCErrorLabelIcon, StyledKYCErrorLabelText, };
+export { StyledKYCErrorLabel, StyledKYCErrorLabelIcon, StyledKYCErrorLabelText };

package/dist/KYCFormItem/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { KYCFormItemProps } from './types';
-declare const KYCFormItem: (props: KYCFormItemProps) => JSX.Element;
+declare const KYCFormItem: (props: KYCFormItemProps) => React.JSX.Element;
 export default KYCFormItem;

package/dist/KYCFormItem/style.d.ts

@@ -1,4 +1,4 @@
 declare const StyledKYCFormItem: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const StyledKYCFormItemTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const StyledKYCFormItemDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
-export { StyledKYCFormItem, StyledKYCFormItemTitle, StyledKYCFormItemDescription, };
+export { StyledKYCFormItem, StyledKYCFormItemTitle, StyledKYCFormItemDescription };

package/dist/KYCStatusScreen/index.d.ts

@@ -1,9 +1,10 @@
+import React from 'react';
 import { KYCSucessScreenProps, KYCFailScreenProps } from './types';
 import { MAX_FILE_SIZE, MAX_EXTRA_PARTS_COUNT, ACCEPT_FORMATS, PDF_MIME_TYPE, AVAILABLE_EXTRA_PARTS_DOCUMENTS } from '../constants';
 import { DOCUMENT_TYPES, PART_TYPES } from '../document.types';
 declare const _default: {
-    KYCSucessScreen: (props: KYCSucessScreenProps) => JSX.Element;
-    KYCFailScreen: (props: KYCFailScreenProps) => JSX.Element;
+    KYCSucessScreen: (props: KYCSucessScreenProps) => React.JSX.Element;
+    KYCFailScreen: (props: KYCFailScreenProps) => React.JSX.Element;
 };
 export default _default;
 export { MAX_FILE_SIZE, MAX_EXTRA_PARTS_COUNT, ACCEPT_FORMATS, DOCUMENT_TYPES, PART_TYPES, PDF_MIME_TYPE, AVAILABLE_EXTRA_PARTS_DOCUMENTS, };

package/dist/index.d.ts

@@ -1,10 +1,11 @@
+import React from 'react';
 import { MAX_FILE_SIZE, MAX_EXTRA_PARTS_COUNT, ACCEPT_FORMATS, PDF_MIME_TYPE, OPTIONAL_DOCUMENT_PARTS, AVAILABLE_EXTRA_PARTS_DOCUMENTS } from './constants';
 import { DOCUMENT_TYPES, PART_TYPES } from './document.types';
 import { KYCFormProps } from './types';
 declare const KYCForm: {
-    (props: KYCFormProps): JSX.Element;
-    SucessScreen: (props: import("./KYCStatusScreen/types").KYCSucessScreenProps) => JSX.Element;
-    FailScreen: (props: import("./KYCStatusScreen/types").KYCFailScreenProps) => JSX.Element;
+    (props: KYCFormProps): React.JSX.Element;
+    SucessScreen: (props: import("./KYCStatusScreen/types").KYCSucessScreenProps) => React.JSX.Element;
+    FailScreen: (props: import("./KYCStatusScreen/types").KYCFailScreenProps) => React.JSX.Element;
 };
 export default KYCForm;
 export { MAX_FILE_SIZE, MAX_EXTRA_PARTS_COUNT, ACCEPT_FORMATS, DOCUMENT_TYPES, PART_TYPES, PDF_MIME_TYPE, OPTIONAL_DOCUMENT_PARTS, AVAILABLE_EXTRA_PARTS_DOCUMENTS, };

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

@@ -942,7 +942,7 @@ var StyledKYCFormItemFilePreviewName = /*#__PURE__*/styled.span(_templateObject4
 var StyledKYCFormItemFilePreviewRemove = /*#__PURE__*/styled.span(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: pointer !important;\n  margin-right: ", "px;\n"])), stylevariables.spacing * 2);
 var StyledKYCFormItemFileUploaderContainer = /*#__PURE__*/styled.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 66px;\n"])));
 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"])), stylevariables.spacing * 4, stylevariables.spacing * 4);
-var StyledKYCDocumentPartImgMiniature = /*#__PURE__*/styled.img(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: auto;\n  height: 50px;\n  border-radius: ", "px;\n"])), stylevariables.borderRadius);
+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"])), stylevariables.borderRadius);
 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"])), stylevariables.borderRadius, stylevariables.white);
 
 var isDocumentExtraPartAvailable = function isDocumentExtraPartAvailable(documentType) {

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

package/dist/kyc-form.esm.js

@@ -937,7 +937,7 @@ var StyledKYCFormItemFilePreviewName = /*#__PURE__*/styled.span(_templateObject4
 var StyledKYCFormItemFilePreviewRemove = /*#__PURE__*/styled.span(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  cursor: pointer !important;\n  margin-right: ", "px;\n"])), spacing * 2);
 var StyledKYCFormItemFileUploaderContainer = /*#__PURE__*/styled.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  height: 66px;\n"])));
 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);
-var StyledKYCDocumentPartImgMiniature = /*#__PURE__*/styled.img(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: auto;\n  height: 50px;\n  border-radius: ", "px;\n"])), borderRadius);
+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);
 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);
 
 var isDocumentExtraPartAvailable = function isDocumentExtraPartAvailable(documentType) {

package/dist/style.d.ts

@@ -2,4 +2,4 @@ declare const StyledKYCForm: import("styled-components").StyledComponent<"div",
 declare const StyledKYCFormTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const StyledKYCFormDocuments: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const StyledKYCFormButton: import("styled-components").StyledComponent<"div", any, {}, never>;
-export { StyledKYCForm, StyledKYCFormTitle, StyledKYCFormDocuments, StyledKYCFormButton, };
+export { StyledKYCForm, StyledKYCFormTitle, StyledKYCFormDocuments, StyledKYCFormButton };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@propellerads/kyc-form",
-  "version": "3.6.0",
+  "version": "4.0.0",
   "module": "dist/kyc-form.esm.js",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -21,11 +21,7 @@
     "build": "tsdx build"
   },
   "peerDependencies": {
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.2",
-    "@types/styled-components": "5.1.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": ">=18 <19",
     "styled-components": "5.1.1"
   },
   "dependencies": {
@@ -39,7 +35,8 @@
   "devDependencies": {
     "tsdx": "^0.14.1",
     "tslib": "^2.3.1",
-    "typescript": "^4.4.2"
-  },
-  "gitHead": "8cc55f71dfd5b4c4ca8db4a36f56df8ce48ee5c0"
+    "typescript": "^4.9.5",
+    "@types/react": ">=18 <19",
+    "@types/styled-components": "5.1.34"
+  }
 }

package/CHANGELOG.md

@@ -1,51 +0,0 @@
-#### `3.6.0`
-
-* `PAYMENT_SYSTEM_SCREEN` now has optional extra part
-* `ID_EXTRA` doesn't have optional extra part anymore
-
-#### `3.5.0`
-
-* Improved file deleting logic
-
-#### `3.4.0`
-
-* Most of the fields now support format: 1 required file and two optional
-* Maximum files for multipart fields now is 3
-
-#### `3.3.0`
-
-* Doc with type "other" now supports extra parts
-
-#### `3.2.0`
-
-* added new document types
-* bumped dependencies
-
-#### `3.1.0`
-
-* updated peerDependencies
-
-#### `3.0.0`
-
-* Marked react, react-dom and styled-components (and @types) as peerDependencies
-* Upgraded @propellerads/textarea to 3.0.0
-
-#### `2.1.0`
-
-* User can write feedback in textarea as well
-
-#### `2.0.0`
-
-* edit dependencies, add build
-
-#### `1.0.3`
-
-* Add `validator` prop
-
-#### `1.0.2`
-
-* KYCForm fixes
-
-#### `1.0.1`
-
-* Add KYCForm