@propellerads/kyc-form 4.1.8 → 5.0.0

package/README.md

@@ -14,11 +14,11 @@
 
 ### How to use
 
-- `import KycForm from '@propellerads/kyc-form';`
+- `import KYCForm, {DocumentType, PartType} from '@propellerads/kyc-form';`
 - And render
 
-```
-<KycForm
+```tsx
+<KYCForm
     elementId="kyc-form-component"
     title="PropellerAds is integrating KYC systems into the business processes. To continue working we kindly ask you to provide the following documents:"
     uploadButtonLabel="Send documents"
@@ -27,18 +27,18 @@
         action: 'upload from your computer',
         oversizeError: 'File is too big',
     }}
-    documentsLabels={
-        [DOCUMENT_TYPES.CARD]: {
+    documentsLabels={{
+        [DocumentType.Card]: {
             title: 'Photo of the account owner’s ID card.',
             description: '(Passport/driver’s license/aadhar card etc.)',
         }
-    }
+    }}
     documents={[{
-        type: DOCUMENT_TYPES.ID,
+        type: DocumentType.Id,
         parts:[{
-            type: PART_TYPES.ID_FRONT,
+            type: PartType.IdFront,
         }, {
-            type: PART_TYPES.ID_BACK,
+            type: PartType.IdBack,
         }],
     }]}
     onUploadClick={console.log}

package/dist/index.d.ts

@@ -1,11 +1,109 @@
-import React from 'react';
-import { ACCEPT_FORMATS, AVAILABLE_EXTRA_PARTS_DOCUMENTS, MAX_EXTRA_PARTS_COUNT, MAX_FILE_SIZE, OPTIONAL_DOCUMENT_PARTS, PDF_MIME_TYPE } from './constants';
-import { DOCUMENT_TYPES, PART_TYPES } from './document.types';
-import { KYCFormProps } from './types';
-declare const KYCForm: {
-    (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 { ACCEPT_FORMATS, AVAILABLE_EXTRA_PARTS_DOCUMENTS, DOCUMENT_TYPES, MAX_EXTRA_PARTS_COUNT, MAX_FILE_SIZE, OPTIONAL_DOCUMENT_PARTS, PART_TYPES, PDF_MIME_TYPE, };
+import { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ImageUploaderProps } from '@propellerads/image-uploader';
+
+type KYCSuccessScreenProps = {
+    elementId: string;
+    title: string;
+    description?: ReactNode;
+    support?: ReactNode;
+};
+type KYCFailScreenProps = {
+    elementId: string;
+    title: string;
+    support?: ReactNode;
+};
+
+declare const DocumentType: {
+    readonly Id: "id";
+    readonly Ub: "ub";
+    readonly IdExtra: "id_extra";
+    readonly Card: "bank_card";
+    readonly PaymentSystemScreen: "payment_system_screen";
+    readonly OnlineBankingStatement: "online_banking_statement";
+    readonly CompanyRegistrationDocument: "company_registration_document";
+    readonly SelfieWithIdCard: "selfie_with_id_card_or_bank_card";
+    readonly PaypalDetailsPage: "pay_pal_details_page";
+    readonly BankWireDetails: "bank_wire_details";
+    readonly TransactionConfirmation: "transaction_confirmation";
+    readonly Other: "other";
+    readonly Feedback: "feedback";
+};
+type DocumentType = (typeof DocumentType)[keyof typeof DocumentType];
+declare const PartType: {
+    readonly IdFront: "id_front";
+    readonly IdBack: "id_back";
+    readonly Ub: "ub_item";
+    readonly Card: "card_item";
+    readonly PaymentSystemScreen: "screen_item";
+    readonly OnlineBankingStatement: "obs_item";
+    readonly CompanyRegistrationDocument: "crd_item";
+    readonly SelfieWithIdCard: "selfie_item";
+    readonly PaypalDetailsPageImage: "pay_pal_details_page_image";
+    readonly BankWireDetailsPage: "bank_wire_details_image";
+    readonly TransactionConfirmationImage: "transaction_confirmation_image";
+    readonly OtherImage: "other_image";
+    readonly Feedback: "feedback";
+};
+type PartType = (typeof PartType)[keyof typeof PartType];
+type KYCFileData = string | undefined;
+type KYCFile = {
+    type: PartType;
+    data?: KYCFileData;
+};
+type KYCDocument = {
+    type: DocumentType;
+    parts: KYCFile[];
+};
+
+declare const MAX_FILE_SIZE = 5242880;
+declare const MAX_EXTRA_PARTS_COUNT = 3;
+declare const PDF_MIME_TYPE = "application/pdf";
+declare const ACCEPT_FORMATS: ImageUploaderProps['acceptFormats'];
+declare const AVAILABLE_EXTRA_PARTS_DOCUMENTS: DocumentType[];
+declare const OPTIONAL_DOCUMENT_PARTS: {
+    id: {
+        parts: "id_back"[];
+    };
+    id_extra: {
+        parts: "id_back"[];
+    };
+};
+
+type UploaderLabels = {
+    title?: string;
+    description?: string;
+    action?: string;
+    oversizeError: string;
+};
+type PartLabels = {
+    title?: string;
+};
+type PartsLabels = Partial<Record<PartType, PartLabels>>;
+type DocumentLabels = {
+    title: string;
+    description?: string;
+    parts?: PartsLabels;
+};
+type DocumentsLabels = Partial<Record<DocumentType, DocumentLabels>>;
+
+type KYCFormProps = {
+    elementId: string;
+    title: ReactNode;
+    uploadButtonLabel: string;
+    uploaderLabels: UploaderLabels;
+    documentsLabels: DocumentsLabels;
+    documents: KYCDocument[];
+    isLoading?: boolean;
+    errors?: Record<string, string>;
+    validator: (documents: KYCDocument[]) => boolean;
+    onUploadClick: (documents: KYCDocument[]) => void;
+};
+
+declare const KYCForm: {
+    (props: KYCFormProps): react_jsx_runtime.JSX.Element;
+    SuccessScreen: (props: KYCSuccessScreenProps) => react_jsx_runtime.JSX.Element;
+    FailScreen: (props: KYCFailScreenProps) => react_jsx_runtime.JSX.Element;
+};
+
+export { ACCEPT_FORMATS, AVAILABLE_EXTRA_PARTS_DOCUMENTS, DocumentType, MAX_EXTRA_PARTS_COUNT, MAX_FILE_SIZE, OPTIONAL_DOCUMENT_PARTS, PDF_MIME_TYPE, PartType, KYCForm as default };

package/dist/index.js

@@ -1,8 +1,400 @@
+import { jsxs as C, jsx as n } from "react/jsx-runtime";
+import pe, { ButtonType as ue } from "@propellerads/button";
+import { useState as v, useEffect as N } from "react";
+import { Close as ye, Size as ge, Color as S, Delete as he, Pdf as Ce, Insert as fe } from "@propellerads/icon";
+import j, { Direction as z } from "@propellerads/image-uploader";
+import _e from "@propellerads/textarea";
+import c from "styled-components";
+import { errorColor as W, spacing as m, fontSmall as G, white as X, gray95 as Se, borderRadius as B, fontNormal as H, black as Fe, gray50 as V } from "@propellerads/stylevariables";
+import be from "@propellerads/success-label";
+const g = {
+  Id: "id",
+  Ub: "ub",
+  IdExtra: "id_extra",
+  Card: "bank_card",
+  PaymentSystemScreen: "payment_system_screen",
+  OnlineBankingStatement: "online_banking_statement",
+  CompanyRegistrationDocument: "company_registration_document",
+  SelfieWithIdCard: "selfie_with_id_card_or_bank_card",
+  PaypalDetailsPage: "pay_pal_details_page",
+  BankWireDetails: "bank_wire_details",
+  TransactionConfirmation: "transaction_confirmation",
+  Other: "other",
+  Feedback: "feedback"
+}, L = {
+  IdFront: "id_front",
+  IdBack: "id_back",
+  Ub: "ub_item",
+  Card: "card_item",
+  PaymentSystemScreen: "screen_item",
+  OnlineBankingStatement: "obs_item",
+  CompanyRegistrationDocument: "crd_item",
+  SelfieWithIdCard: "selfie_item",
+  PaypalDetailsPageImage: "pay_pal_details_page_image",
+  BankWireDetailsPage: "bank_wire_details_image",
+  TransactionConfirmationImage: "transaction_confirmation_image",
+  OtherImage: "other_image",
+  Feedback: "feedback"
+}, q = 5242880, xe = 3, Z = "application/pdf", J = "image/heic", Q = {
+  "image/png": [".png"],
+  "image/jpeg": [".jpg", ".jpe", ".jpeg"],
+  [Z]: [".pdf"],
+  [J]: [".heic"]
+}, $e = [
+  g.Card,
+  g.Card,
+  g.PaypalDetailsPage,
+  g.BankWireDetails,
+  g.TransactionConfirmation,
+  g.SelfieWithIdCard,
+  g.PaymentSystemScreen,
+  g.Other
+], mt = {
+  [g.Id]: {
+    parts: [L.IdBack]
+  },
+  [g.IdExtra]: {
+    parts: [L.IdBack]
+  }
+}, Pe = c.div`
+  display: flex;
+  align-items: center;
+  color: ${W};
+  margin-top: ${m * 2}px;
+  margin-bottom: ${m * 4}px;
+`, Ie = c.span`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 14px;
+  height: 14px;
+  border-radius: 100%;
+  background-color: ${W};
 
-'use strict'
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./kyc-form.cjs.production.min.js')
-} else {
-  module.exports = require('./kyc-form.cjs.development.js')
-}
+  &:before {
+    font-size: ${G};
+    color: ${X};
+    content: '!';
+  }
+`, De = c.span`
+  margin-left: ${m * 2}px;
+`, ee = (r) => /* @__PURE__ */ C(Pe, { children: [
+  r.isDocumentPartError ? /* @__PURE__ */ n(Ie, {}) : /* @__PURE__ */ n(ye, { color: S.Error, hoverColor: S.Error, size: ge.Small }),
+  /* @__PURE__ */ n(De, { children: r.label })
+] }), A = (r) => $e.includes(r), Ee = (r, e) => A(r) && e.every((o) => !!o.data) && e.length < xe && e.length > 0, te = (r) => r?.match(/[^:]\w+\/[\w-+\d.]+(?=;|,)/)?.[0], Ke = (r) => te(r) === Z, Ye = (r) => te(r) === J, O = (r, e) => e.every((o) => o.data !== r?.data), ve = async (r) => {
+  const e = new FileReader();
+  return new Promise((o, i) => {
+    e.onload = () => o(e.result), e.onerror = (l) => i(l), e.readAsDataURL(r);
+  });
+}, ne = c.div`
+  margin-top: ${m * 4}px;
+  margin-left: ${m * 4}px;
+`, re = c.div`
+  margin-bottom: ${m}px;
+`, we = c.div`
+  display: flex;
+  align-items: center;
+  background-color: ${Se};
+  padding: ${m * 2}px;
+  border-radius: ${B}px;
+`, ke = c.span`
+  width: 100%;
+  margin-left: ${m * 4}px;
+  margin-right: ${m * 2}px;
+`, Te = c.span`
+  cursor: pointer !important;
+  margin-right: ${m * 2}px;
+`, oe = c.div`
+  height: 66px;
+`, Le = c.div`
+  display: flex;
+  flex-direction: column;
+  margin-top: ${m * 4}px;
+  margin-left: ${m * 4}px;
+`, Ae = c.img`
+  width: auto;
+  max-width: 204px;
+  height: 50px;
+  object-fit: contain;
+  border-radius: ${B}px;
+`, Be = c.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 50px;
+  height: 50px;
+  border-radius: ${B}px;
+  background-color: ${X};
+`, Me = (r) => {
+  const { data: e } = r, o = Ke(e), i = Ye(e);
+  return o || i ? /* @__PURE__ */ C(Be, { children: [
+    o && /* @__PURE__ */ n(Ce, { color: S.Gray, hoverColor: S.Gray }),
+    i && /* @__PURE__ */ n(fe, { color: S.Gray, hoverColor: S.Gray })
+  ] }) : /* @__PURE__ */ n(Ae, { src: e });
+}, Re = (r) => {
+  const { elementId: e, title: o, uploaderLabels: i, onFileAdd: l } = r, u = (s) => {
+    const [f] = s;
+    f && l(f);
+  };
+  return /* @__PURE__ */ C(Le, { id: e, children: [
+    o && /* @__PURE__ */ n(re, { children: o }),
+    /* @__PURE__ */ n(oe, { children: /* @__PURE__ */ n(
+      j,
+      {
+        title: i.title,
+        action: i.action,
+        maxSize: q,
+        acceptFormats: Q,
+        elementId: `${e}_uploader`,
+        direction: z.Row,
+        onDrop: u
+      }
+    ) })
+  ] });
+}, Ne = (r) => {
+  const { name: e, title: o, data: i, error: l, elementId: u, uploaderLabels: s, onFileChange: f, onFileRemove: P } = r, _ = ($) => {
+    const [y] = $;
+    y && f(y);
+  };
+  return /* @__PURE__ */ C(ne, { id: u, children: [
+    o && /* @__PURE__ */ n(re, { children: o }),
+    i ? /* @__PURE__ */ C(we, { children: [
+      /* @__PURE__ */ n(Me, { data: i }),
+      /* @__PURE__ */ n(ke, { children: e }),
+      /* @__PURE__ */ n(Te, { onClick: P, children: /* @__PURE__ */ n(he, { color: S.Blue, hoverColor: S.Blue }) })
+    ] }) : /* @__PURE__ */ n(oe, { children: /* @__PURE__ */ n(
+      j,
+      {
+        title: s.title,
+        action: s.action,
+        maxSize: q,
+        acceptFormats: Q,
+        elementId: `${u}_uploader`,
+        direction: z.Row,
+        onDrop: _
+      }
+    ) }),
+    l && /* @__PURE__ */ n(ee, { label: l, isDocumentPartError: !0 })
+  ] });
+}, Oe = (r) => {
+  const { onFeedbackChange: e, value: o = "" } = r, i = (l) => e(l);
+  return /* @__PURE__ */ n(ne, { children: /* @__PURE__ */ n(
+    _e,
+    {
+      onChange: i,
+      onBlur: i,
+      value: o,
+      errors: [],
+      name: "kyc-client-comments",
+      elementId: "kyc-feedback-textarea"
+    }
+  ) });
+}, T = {
+  KYCFormItemFileExtraPart: Re,
+  KYCFormItemFile: Ne,
+  KYCFormItemText: Oe
+}, Ue = c.div`
+  margin-top: ${m * 6}px;
+`, je = c.div`
+  font-size: ${H}px;
+  font-weight: bold;
+  color: ${Fe};
+  margin-bottom: ${m}px;
+`, ze = c.div`
+  font-size: ${G}px;
+  color: ${V};
+  margin-left: ${m * 4}px;
+`, Y = (r, e) => `[${r}].parts[${e}].data`, We = (r) => {
+  const { type: e, index: o, uploaderLabels: i, documentLabels: l, elementId: u, parts: s, errors: f, onDocumentChange: P } = r, [_, $] = v(/* @__PURE__ */ new Map()), y = Ee(e, s), I = l?.parts, D = s[0], w = D ? I?.[D.type]?.title : void 0, [E, p] = v(/* @__PURE__ */ new Map()), F = (t) => {
+    const a = new Map(_);
+    a.set(Y(o, t), i.oversizeError), $(a);
+  }, b = (t) => {
+    const a = new Map(_);
+    a.delete(Y(o, t)), $(a);
+  }, K = (t, a, d) => {
+    const h = {
+      ...t,
+      data: d
+    }, x = [...s];
+    x.splice(a, 1, h), P({
+      type: e,
+      parts: x
+    });
+  }, M = async (t, a) => {
+    if (!a) {
+      F(t);
+      return;
+    }
+    const d = s[t] ?? s[0];
+    if (!d)
+      return;
+    const h = await ve(a);
+    K(d, t, h);
+    const x = new Map(E);
+    x.set(h, a.name), p(x), b(t);
+  }, ce = (t) => {
+    const a = s[t];
+    if (!a)
+      return;
+    K(a, t);
+    const d = s[t], h = new Map(E);
+    d?.data && O(d, s) && h.delete(d?.data), p(h), b(t);
+  }, se = (t) => {
+    if (t)
+      return E.get(t);
+  }, le = (t, a) => {
+    const d = s[t] ?? s[0];
+    d && K(d, t, a);
+  };
+  return /* @__PURE__ */ C(Ue, { id: u, children: [
+    /* @__PURE__ */ n(je, { children: `${o + 1}. ${l?.title}` }),
+    l?.description && /* @__PURE__ */ n(ze, { children: l?.description }),
+    s.map((t, a) => {
+      let d = `kyc-form_item_file_${t.type}`;
+      const h = A(e), x = I?.[t.type], R = h ? void 0 : x?.title;
+      A(e) && t.data && (d = `${d}_${t.data?.substr(-32)}`, O(t, s) || (d = `${d}_${a}`));
+      const de = f?.[Y(o, a)], me = _.get(Y(o, a));
+      return t.type === L.Feedback ? /* @__PURE__ */ n(
+        T.KYCFormItemText,
+        {
+          value: t.data,
+          onFeedbackChange: (k) => le(a, k)
+        },
+        d
+      ) : /* @__PURE__ */ n(
+        T.KYCFormItemFile,
+        {
+          title: R,
+          data: t.data,
+          type: t.type,
+          name: se(t.data),
+          uploaderLabels: i,
+          error: me || de,
+          elementId: `${u}_part_${t.type}_${a}`,
+          onFileChange: (k) => M(a, k),
+          onFileRemove: () => ce(a)
+        },
+        d
+      );
+    }),
+    y && D && /* @__PURE__ */ n(
+      T.KYCFormItemFileExtraPart,
+      {
+        elementId: `${u}_extra`,
+        title: w,
+        uploaderLabels: i,
+        onFileAdd: (t) => M(s.length, t)
+      }
+    )
+  ] });
+}, Ge = c.div`
+  display: flex;
+  flex-direction: column;
+`, U = c.span`
+  margin-bottom: ${m * 8}px;
+`, Xe = c.span`
+  color: ${V};
+`, He = c.div`
+  display: flex;
+  flex-direction: column;
+`, Ve = c.span`
+  margin-bottom: ${m * 6}px;
+`, qe = (r) => {
+  const { elementId: e, title: o, description: i, support: l } = r;
+  return /* @__PURE__ */ C(Ge, { id: e, children: [
+    /* @__PURE__ */ n(U, { children: /* @__PURE__ */ n(be, { show: !0, elementId: `${e}_success`, children: o }) }),
+    i && /* @__PURE__ */ n(U, { children: i }),
+    l && /* @__PURE__ */ n(Xe, { children: l })
+  ] });
+}, Ze = (r) => {
+  const { elementId: e, title: o, support: i } = r;
+  return /* @__PURE__ */ C(He, { id: e, children: [
+    /* @__PURE__ */ n(Ve, { children: /* @__PURE__ */ n(ee, { label: o, isDocumentPartError: !1 }) }),
+    i
+  ] });
+}, ie = {
+  KYCSuccessScreen: qe,
+  KYCFailScreen: Ze
+}, Je = c.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  width: 100%;
+`, Qe = c.div`
+  font-size: ${H}px;
+`, et = c.div`
+  width: 100%;
+  margin-bottom: ${m * 6}px;
+`, tt = c.div`
+  display: flex;
+  justify-content: flex-end;
+  width: 100%;
+`, ae = (r) => {
+  const {
+    elementId: e,
+    title: o,
+    uploadButtonLabel: i,
+    uploaderLabels: l,
+    documentsLabels: u,
+    documents: s,
+    errors: f,
+    isLoading: P,
+    validator: _,
+    onUploadClick: $
+  } = r, [y, I] = v(s), [D, w] = v(!0);
+  N(() => {
+    I(s);
+  }, [s]), N(() => {
+    const p = _(y);
+    w(!p);
+  }, [y, _]);
+  const E = (p, F) => {
+    const b = [...y];
+    b.splice(p, 1, F), I(b);
+  };
+  return /* @__PURE__ */ C(Je, { id: e, children: [
+    o && /* @__PURE__ */ n(Qe, { children: o }),
+    /* @__PURE__ */ n(et, { children: y.map((p, F) => {
+      const b = `kyc-form_item_${p.type}_${F}`;
+      return /* @__PURE__ */ n(
+        We,
+        {
+          index: F,
+          type: p.type,
+          parts: p.parts,
+          documentLabels: u[p.type],
+          uploaderLabels: l,
+          errors: f,
+          elementId: `${e}_item_${p.type}`,
+          onDocumentChange: (K) => E(F, K)
+        },
+        b
+      );
+    }) }),
+    /* @__PURE__ */ n(tt, { children: /* @__PURE__ */ n(
+      pe,
+      {
+        elementId: `${e}_button`,
+        type: ue.Primary,
+        isDisabled: D,
+        isLoading: P || !1,
+        onClick: () => $(y),
+        children: i
+      }
+    ) })
+  ] });
+};
+ae.SuccessScreen = ie.KYCSuccessScreen;
+ae.FailScreen = ie.KYCFailScreen;
+export {
+  Q as ACCEPT_FORMATS,
+  $e as AVAILABLE_EXTRA_PARTS_DOCUMENTS,
+  g as DocumentType,
+  xe as MAX_EXTRA_PARTS_COUNT,
+  q as MAX_FILE_SIZE,
+  mt as OPTIONAL_DOCUMENT_PARTS,
+  Z as PDF_MIME_TYPE,
+  L as PartType,
+  ae as default
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/document.types.ts","../src/constants.ts","../src/KYCErrorLabel/style.tsx","../src/KYCErrorLabel/index.tsx","../src/utils.ts","../src/KYCDocumentParts/style.tsx","../src/KYCDocumentParts/index.tsx","../src/KYCFormItem/style.tsx","../src/KYCFormItem/index.tsx","../src/KYCStatusScreen/style.tsx","../src/KYCStatusScreen/index.tsx","../src/style.tsx","../src/index.tsx"],"sourcesContent":["export const DocumentType = {\n  Id: 'id',\n  Ub: 'ub',\n  IdExtra: 'id_extra',\n  Card: 'bank_card',\n  PaymentSystemScreen: 'payment_system_screen',\n  OnlineBankingStatement: 'online_banking_statement',\n  CompanyRegistrationDocument: 'company_registration_document',\n  SelfieWithIdCard: 'selfie_with_id_card_or_bank_card',\n  PaypalDetailsPage: 'pay_pal_details_page',\n  BankWireDetails: 'bank_wire_details',\n  TransactionConfirmation: 'transaction_confirmation',\n  Other: 'other',\n  Feedback: 'feedback',\n} as const;\nexport type DocumentType = (typeof DocumentType)[keyof typeof DocumentType];\n\nexport const PartType = {\n  IdFront: 'id_front',\n  IdBack: 'id_back',\n  Ub: 'ub_item',\n  Card: 'card_item',\n  PaymentSystemScreen: 'screen_item',\n  OnlineBankingStatement: 'obs_item',\n  CompanyRegistrationDocument: 'crd_item',\n  SelfieWithIdCard: 'selfie_item',\n  PaypalDetailsPageImage: 'pay_pal_details_page_image',\n  BankWireDetailsPage: 'bank_wire_details_image',\n  TransactionConfirmationImage: 'transaction_confirmation_image',\n  OtherImage: 'other_image',\n  Feedback: 'feedback',\n} as const;\nexport type PartType = (typeof PartType)[keyof typeof PartType];\n\nexport type KYCFileData = string | undefined;\n\nexport type KYCFile = {\n  type: PartType;\n  data?: KYCFileData;\n};\n\nexport type KYCDocument = {\n  type: DocumentType;\n  parts: KYCFile[];\n};\n","import type {ImageUploaderProps} from '@propellerads/image-uploader';\nimport {DocumentType, PartType} from './document.types';\n\nexport const MAX_FILE_SIZE = 5242880;\n\nexport const MAX_EXTRA_PARTS_COUNT = 3;\n\nexport const PDF_MIME_TYPE = 'application/pdf';\nexport const HEIC_MIME_TYPE = 'image/heic';\nexport const ACCEPT_FORMATS: ImageUploaderProps['acceptFormats'] = {\n  'image/png': ['.png'],\n  'image/jpeg': ['.jpg', '.jpe', '.jpeg'],\n  [PDF_MIME_TYPE]: ['.pdf'],\n  [HEIC_MIME_TYPE]: ['.heic'],\n};\n\nexport const AVAILABLE_EXTRA_PARTS_DOCUMENTS: DocumentType[] = [\n  DocumentType.Card,\n  DocumentType.Card,\n  DocumentType.PaypalDetailsPage,\n  DocumentType.BankWireDetails,\n  DocumentType.TransactionConfirmation,\n  DocumentType.SelfieWithIdCard,\n  DocumentType.PaymentSystemScreen,\n  DocumentType.Other,\n];\n\nexport const OPTIONAL_DOCUMENT_PARTS = {\n  [DocumentType.Id]: {\n    parts: [PartType.IdBack],\n  },\n  [DocumentType.IdExtra]: {\n    parts: [PartType.IdBack],\n  },\n};\n","import styled from 'styled-components';\nimport {fontSmall, spacing, white, errorColor} from '@propellerads/stylevariables';\n\nconst StyledKYCErrorLabel = styled.div`\n  display: flex;\n  align-items: center;\n  color: ${errorColor};\n  margin-top: ${spacing * 2}px;\n  margin-bottom: ${spacing * 4}px;\n`;\n\nconst StyledKYCErrorLabelIcon = styled.span`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  border-radius: 100%;\n  background-color: ${errorColor};\n\n  &:before {\n    font-size: ${fontSmall};\n    color: ${white};\n    content: '!';\n  }\n`;\n\nconst StyledKYCErrorLabelText = styled.span`\n  margin-left: ${spacing * 2}px;\n`;\n\nexport {StyledKYCErrorLabel, StyledKYCErrorLabelIcon, StyledKYCErrorLabelText};\n","import {Close, Color, Size} from '@propellerads/icon';\nimport {StyledKYCErrorLabel, StyledKYCErrorLabelIcon, StyledKYCErrorLabelText} from './style';\nimport {KYCErrorLabelProps} from './types';\n\nconst KYCErrorLabel = (props: KYCErrorLabelProps) => (\n  <StyledKYCErrorLabel>\n    {props.isDocumentPartError ? (\n      <StyledKYCErrorLabelIcon />\n    ) : (\n      <Close color={Color.Error} hoverColor={Color.Error} size={Size.Small} />\n    )}\n    <StyledKYCErrorLabelText>{props.label}</StyledKYCErrorLabelText>\n  </StyledKYCErrorLabel>\n);\n\nexport default KYCErrorLabel;\n","import {AVAILABLE_EXTRA_PARTS_DOCUMENTS, HEIC_MIME_TYPE, MAX_EXTRA_PARTS_COUNT, PDF_MIME_TYPE} from './constants';\nimport {DocumentType, KYCFile, KYCFileData} from './document.types';\n\nconst isDocumentExtraPartAvailable = (documentType: DocumentType): boolean =>\n  AVAILABLE_EXTRA_PARTS_DOCUMENTS.includes(documentType);\n\nconst canAddExtraPart = (documentType: DocumentType, parts: KYCFile[]): boolean =>\n  isDocumentExtraPartAvailable(documentType) &&\n  parts.every((part: KYCFile) => Boolean(part.data)) &&\n  parts.length < MAX_EXTRA_PARTS_COUNT &&\n  parts.length > 0;\n\nconst canRemoveExtraPart = (documentType: DocumentType, parts: KYCFile[]): boolean =>\n  AVAILABLE_EXTRA_PARTS_DOCUMENTS.includes(documentType) && parts.length > 1;\n\nconst getMimeType = (partData: KYCFileData): string | undefined => partData?.match(/[^:]\\w+\\/[\\w-+\\d.]+(?=;|,)/)?.[0];\n\nconst isPDF = (partData: KYCFileData): boolean => {\n  const mimeType: string | undefined = getMimeType(partData);\n  return mimeType === PDF_MIME_TYPE;\n};\n\nconst isHEIC = (partData: KYCFileData): boolean => {\n  const mimeType: string | undefined = getMimeType(partData);\n  return mimeType === HEIC_MIME_TYPE;\n};\n\nconst isFileUniqueInDocument = (file: KYCFile, parts: KYCFile[]): boolean =>\n  parts.every((part: KYCFile) => part.data !== file?.data);\n\nconst getFileBase64 = async (file: File): Promise<string> => {\n  const reader: FileReader = new FileReader();\n\n  return new Promise<string>((resolve, reject) => {\n    reader.onload = () => resolve(reader.result as string);\n    reader.onerror = (error) => reject(error);\n\n    reader.readAsDataURL(file);\n  });\n};\n\nexport {\n  canAddExtraPart,\n  canRemoveExtraPart,\n  getFileBase64,\n  isDocumentExtraPartAvailable,\n  isFileUniqueInDocument,\n  isHEIC,\n  isPDF,\n};\n","import styled from 'styled-components';\nimport {borderRadius, spacing, gray95, white} from '@propellerads/stylevariables';\n\nconst StyledKYCFormItem = styled.div`\n  margin-top: ${spacing * 4}px;\n  margin-left: ${spacing * 4}px;\n`;\n\nconst StyledKYCFormItemFileTitle = styled.div`\n  margin-bottom: ${spacing}px;\n`;\n\nconst StyledKYCFormItemFilePreview = styled.div`\n  display: flex;\n  align-items: center;\n  background-color: ${gray95};\n  padding: ${spacing * 2}px;\n  border-radius: ${borderRadius}px;\n`;\n\nconst StyledKYCFormItemFilePreviewName = styled.span`\n  width: 100%;\n  margin-left: ${spacing * 4}px;\n  margin-right: ${spacing * 2}px;\n`;\n\nconst StyledKYCFormItemFilePreviewRemove = styled.span`\n  cursor: pointer !important;\n  margin-right: ${spacing * 2}px;\n`;\n\nconst StyledKYCFormItemFileUploaderContainer = styled.div`\n  height: 66px;\n`;\n\nconst StyledKYCFormItemFileExtraPart = styled.div`\n  display: flex;\n  flex-direction: column;\n  margin-top: ${spacing * 4}px;\n  margin-left: ${spacing * 4}px;\n`;\n\nconst StyledKYCDocumentPartImgMiniature = styled.img`\n  width: auto;\n  max-width: 204px;\n  height: 50px;\n  object-fit: contain;\n  border-radius: ${borderRadius}px;\n`;\n\nconst StyledKYCDocumentPartIconMiniature = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 50px;\n  height: 50px;\n  border-radius: ${borderRadius}px;\n  background-color: ${white};\n`;\n\nexport {\n  StyledKYCFormItem,\n  StyledKYCFormItemFilePreview,\n  StyledKYCFormItemFilePreviewName,\n  StyledKYCFormItemFilePreviewRemove,\n  StyledKYCFormItemFileTitle,\n  StyledKYCFormItemFileUploaderContainer,\n  StyledKYCFormItemFileExtraPart,\n  StyledKYCDocumentPartImgMiniature,\n  StyledKYCDocumentPartIconMiniature,\n};\n","import {Color, Delete, Insert, Pdf} from '@propellerads/icon';\nimport ImageUploader, {Direction} from '@propellerads/image-uploader';\nimport TextArea from '@propellerads/textarea';\nimport {ACCEPT_FORMATS, MAX_FILE_SIZE} from '../constants';\nimport KYCErrorLabel from '../KYCErrorLabel';\nimport {isHEIC, isPDF} from '../utils';\nimport {\n  StyledKYCDocumentPartIconMiniature,\n  StyledKYCDocumentPartImgMiniature,\n  StyledKYCFormItem,\n  StyledKYCFormItemFileExtraPart,\n  StyledKYCFormItemFilePreview,\n  StyledKYCFormItemFilePreviewName,\n  StyledKYCFormItemFilePreviewRemove,\n  StyledKYCFormItemFileTitle,\n  StyledKYCFormItemFileUploaderContainer,\n} from './style';\nimport {\n  KYCDocumentPartMiniatureProps,\n  KYCFormItemFileExtraPartProps,\n  KYCFormItemFileProps,\n  KYCFormItemTextProps,\n} from './types';\n\nconst KYCDocumentPartMiniature = (props: KYCDocumentPartMiniatureProps) => {\n  const {data} = props;\n  const isPDFPart: boolean = isPDF(data);\n  const isHEICPart: boolean = isHEIC(data);\n\n  if (isPDFPart || isHEICPart) {\n    return (\n      <StyledKYCDocumentPartIconMiniature>\n        {isPDFPart && <Pdf color={Color.Gray} hoverColor={Color.Gray} />}\n        {isHEICPart && <Insert color={Color.Gray} hoverColor={Color.Gray} />}\n      </StyledKYCDocumentPartIconMiniature>\n    );\n  }\n\n  return <StyledKYCDocumentPartImgMiniature src={data} />;\n};\n\nconst KYCFormItemFileExtraPart = (props: KYCFormItemFileExtraPartProps) => {\n  const {elementId, title, uploaderLabels, onFileAdd} = props;\n  const handleDrop = (files: File[]) => {\n    const [file] = files;\n\n    if (file) {\n      onFileAdd(file);\n    }\n  };\n\n  return (\n    <StyledKYCFormItemFileExtraPart id={elementId}>\n      {title && <StyledKYCFormItemFileTitle>{title}</StyledKYCFormItemFileTitle>}\n\n      <StyledKYCFormItemFileUploaderContainer>\n        <ImageUploader\n          title={uploaderLabels.title}\n          action={uploaderLabels.action}\n          maxSize={MAX_FILE_SIZE}\n          acceptFormats={ACCEPT_FORMATS}\n          elementId={`${elementId}_uploader`}\n          direction={Direction.Row}\n          onDrop={handleDrop}\n        />\n      </StyledKYCFormItemFileUploaderContainer>\n    </StyledKYCFormItemFileExtraPart>\n  );\n};\n\nconst KYCFormItemFile = (props: KYCFormItemFileProps) => {\n  const {name, title, data, error, elementId, uploaderLabels, onFileChange, onFileRemove} = props;\n  const handleDrop = (files: File[]) => {\n    const [file] = files;\n\n    if (file) {\n      onFileChange(file);\n    }\n  };\n\n  return (\n    <StyledKYCFormItem id={elementId}>\n      {title && <StyledKYCFormItemFileTitle>{title}</StyledKYCFormItemFileTitle>}\n\n      {data ? (\n        <StyledKYCFormItemFilePreview>\n          <KYCDocumentPartMiniature data={data} />\n          <StyledKYCFormItemFilePreviewName>{name}</StyledKYCFormItemFilePreviewName>\n          <StyledKYCFormItemFilePreviewRemove onClick={onFileRemove}>\n            <Delete color={Color.Blue} hoverColor={Color.Blue} />\n          </StyledKYCFormItemFilePreviewRemove>\n        </StyledKYCFormItemFilePreview>\n      ) : (\n        <StyledKYCFormItemFileUploaderContainer>\n          <ImageUploader\n            title={uploaderLabels.title}\n            action={uploaderLabels.action}\n            maxSize={MAX_FILE_SIZE}\n            acceptFormats={ACCEPT_FORMATS}\n            elementId={`${elementId}_uploader`}\n            direction={Direction.Row}\n            onDrop={handleDrop}\n          />\n        </StyledKYCFormItemFileUploaderContainer>\n      )}\n\n      {error && <KYCErrorLabel label={error} isDocumentPartError />}\n    </StyledKYCFormItem>\n  );\n};\n\nconst KYCFormItemText = (props: KYCFormItemTextProps) => {\n  const {onFeedbackChange, value = ''} = props;\n\n  const handleChange = (newValue: string) => onFeedbackChange(newValue);\n\n  return (\n    <StyledKYCFormItem>\n      <TextArea\n        onChange={handleChange}\n        onBlur={handleChange}\n        value={value}\n        errors={[]}\n        name=\"kyc-client-comments\"\n        elementId=\"kyc-feedback-textarea\"\n      />\n    </StyledKYCFormItem>\n  );\n};\n\nexport default {\n  KYCFormItemFileExtraPart,\n  KYCFormItemFile,\n  KYCFormItemText,\n};\n","import styled from 'styled-components';\nimport {fontNormal, fontSmall, spacing, gray50, black} from '@propellerads/stylevariables';\n\nconst StyledKYCFormItem = styled.div`\n  margin-top: ${spacing * 6}px;\n`;\n\nconst StyledKYCFormItemTitle = styled.div`\n  font-size: ${fontNormal}px;\n  font-weight: bold;\n  color: ${black};\n  margin-bottom: ${spacing}px;\n`;\n\nconst StyledKYCFormItemDescription = styled.div`\n  font-size: ${fontSmall}px;\n  color: ${gray50};\n  margin-left: ${spacing * 4}px;\n`;\n\nexport {StyledKYCFormItem, StyledKYCFormItemTitle, StyledKYCFormItemDescription};\n","import {useState} from 'react';\nimport {KYCDocument, KYCFile, KYCFileData, PartType} from '../document.types';\nimport KYCDocumentParts from '../KYCDocumentParts';\nimport {PartLabels, PartsLabels} from '../labels.types';\nimport {canAddExtraPart, getFileBase64, isDocumentExtraPartAvailable, isFileUniqueInDocument} from '../utils';\nimport {StyledKYCFormItem, StyledKYCFormItemDescription, StyledKYCFormItemTitle} from './style';\nimport {KYCFormItemProps} from './types';\n\nconst getErrorKey = (documentIndex: number, partIndex: number) => `[${documentIndex}].parts[${partIndex}].data`;\n\nconst KYCFormItem = (props: KYCFormItemProps) => {\n  const {type, index, uploaderLabels, documentLabels, elementId, parts, errors, onDocumentChange} = props;\n  const [localErrors, setLocalErrors] = useState<Map<string, string>>(new Map<string, string>());\n\n  const isAddExtraPartAvailable: boolean = canAddExtraPart(type, parts);\n  const documentLabelsParts: PartsLabels | undefined = documentLabels?.parts;\n  const firstPart = parts[0];\n  const extraPartTitle = firstPart ? documentLabelsParts?.[firstPart.type]?.title : undefined;\n\n  const [fileNames, setFileNames] = useState<Map<string, string>>(new Map<string, string>());\n\n  const setLocalErrorByPartIndex = (partIndex: number) => {\n    const newLocalErrors = new Map<string, string>(localErrors);\n    newLocalErrors.set(getErrorKey(index, partIndex), uploaderLabels.oversizeError);\n    setLocalErrors(newLocalErrors);\n  };\n\n  const deleteLocalErrorByPartIndex = (partIndex: number) => {\n    const newLocalErrors = new Map<string, string>(localErrors);\n    newLocalErrors.delete(getErrorKey(index, partIndex));\n    setLocalErrors(newLocalErrors);\n  };\n\n  const updateDocumentPart = (part: KYCFile, partIndex: number, data?: KYCFileData) => {\n    const newPart: KYCFile = {\n      ...part,\n      data,\n    };\n\n    const newParts: KYCFile[] = [...parts];\n    newParts.splice(partIndex, 1, newPart);\n\n    const newDocument: KYCDocument = {\n      type,\n      parts: newParts,\n    };\n\n    onDocumentChange(newDocument);\n  };\n\n  const onFileChange = async (partIndex: number, file: File) => {\n    if (!file) {\n      setLocalErrorByPartIndex(partIndex);\n      return;\n    }\n\n    const part = parts[partIndex] ?? parts[0];\n\n    if (!part) {\n      return;\n    }\n\n    const data: string = await getFileBase64(file);\n\n    updateDocumentPart(part, partIndex, data);\n\n    const newFileNames = new Map<string, string>(fileNames);\n    newFileNames.set(data, file.name);\n    setFileNames(newFileNames);\n\n    deleteLocalErrorByPartIndex(partIndex);\n  };\n\n  const onFileRemove = (partIndex: number) => {\n    const part = parts[partIndex];\n\n    if (!part) {\n      return;\n    }\n\n    updateDocumentPart(part, partIndex);\n\n    const removedPart = parts[partIndex];\n    const newFileNames = new Map<string, string>(fileNames);\n\n    if (removedPart?.data && isFileUniqueInDocument(removedPart, parts)) {\n      newFileNames.delete(removedPart?.data);\n    }\n\n    setFileNames(newFileNames);\n\n    deleteLocalErrorByPartIndex(partIndex);\n  };\n\n  const getFileName = (key: string | undefined): string | undefined => {\n    if (!key) {\n      return undefined;\n    }\n\n    return fileNames.get(key);\n  };\n\n  const onFeedbackChange = (partIndex: number, data: string) => {\n    const part = parts[partIndex] ?? parts[0];\n\n    if (!part) {\n      return;\n    }\n\n    updateDocumentPart(part, partIndex, data);\n  };\n\n  return (\n    <StyledKYCFormItem id={elementId}>\n      <StyledKYCFormItemTitle>{`${index + 1}. ${documentLabels?.title}`}</StyledKYCFormItemTitle>\n\n      {documentLabels?.description && (\n        <StyledKYCFormItemDescription>{documentLabels?.description}</StyledKYCFormItemDescription>\n      )}\n\n      {parts.map((part, partIndex) => {\n        let itemKey = `kyc-form_item_file_${part.type}`;\n\n        const isExtraPartAvailable: boolean = isDocumentExtraPartAvailable(type);\n        const partLabels: PartLabels | undefined = documentLabelsParts?.[part.type];\n        const partTitle = isExtraPartAvailable ? undefined : partLabels?.title;\n\n        if (isDocumentExtraPartAvailable(type) && part.data) {\n          itemKey = `${itemKey}_${part.data?.substr(-32)}`;\n\n          if (!isFileUniqueInDocument(part, parts)) {\n            itemKey = `${itemKey}_${partIndex}`;\n          }\n        }\n\n        const partError = errors?.[getErrorKey(index, partIndex)];\n        const localPartError = localErrors.get(getErrorKey(index, partIndex));\n\n        if (part.type === PartType.Feedback) {\n          return (\n            <KYCDocumentParts.KYCFormItemText\n              key={itemKey}\n              value={part.data}\n              onFeedbackChange={(value) => onFeedbackChange(partIndex, value)}\n            />\n          );\n        }\n\n        return (\n          <KYCDocumentParts.KYCFormItemFile\n            title={partTitle}\n            data={part.data}\n            type={part.type}\n            name={getFileName(part.data)}\n            uploaderLabels={uploaderLabels}\n            error={localPartError || partError}\n            key={itemKey}\n            elementId={`${elementId}_part_${part.type}_${partIndex}`}\n            onFileChange={(file) => onFileChange(partIndex, file)}\n            onFileRemove={() => onFileRemove(partIndex)}\n          />\n        );\n      })}\n\n      {isAddExtraPartAvailable && firstPart && (\n        <KYCDocumentParts.KYCFormItemFileExtraPart\n          elementId={`${elementId}_extra`}\n          title={extraPartTitle}\n          uploaderLabels={uploaderLabels}\n          onFileAdd={(file) => onFileChange(parts.length, file)}\n        />\n      )}\n    </StyledKYCFormItem>\n  );\n};\n\nexport default KYCFormItem;\n","import styled from 'styled-components';\nimport {spacing, gray50} from '@propellerads/stylevariables';\n\nconst StyledKYCSucessScreen = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\nconst StyledKYCSucessScreenItem = styled.span`\n  margin-bottom: ${spacing * 8}px;\n`;\n\nconst StyledKYCSucessScreenSuppport = styled.span`\n  color: ${gray50};\n`;\n\nconst StyledKYCFailScreen = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\nconst StyledKYCFailScreenItem = styled.span`\n  margin-bottom: ${spacing * 6}px;\n`;\n\nexport {\n  StyledKYCSucessScreen,\n  StyledKYCSucessScreenItem,\n  StyledKYCSucessScreenSuppport,\n  StyledKYCFailScreen,\n  StyledKYCFailScreenItem,\n};\n","import SuccessLabel from '@propellerads/success-label';\nimport {\n  ACCEPT_FORMATS,\n  AVAILABLE_EXTRA_PARTS_DOCUMENTS,\n  MAX_EXTRA_PARTS_COUNT,\n  MAX_FILE_SIZE,\n  PDF_MIME_TYPE,\n} from '../constants';\nimport KYCErrorLabel from '../KYCErrorLabel';\nimport {\n  StyledKYCFailScreen,\n  StyledKYCFailScreenItem,\n  StyledKYCSucessScreen,\n  StyledKYCSucessScreenItem,\n  StyledKYCSucessScreenSuppport,\n} from './style';\nimport {KYCFailScreenProps, KYCSuccessScreenProps} from './types';\n\nconst KYCSuccessScreen = (props: KYCSuccessScreenProps) => {\n  const {elementId, title, description, support} = props;\n\n  return (\n    <StyledKYCSucessScreen id={elementId}>\n      <StyledKYCSucessScreenItem>\n        <SuccessLabel show elementId={`${elementId}_success`}>\n          {title}\n        </SuccessLabel>\n      </StyledKYCSucessScreenItem>\n\n      {description && <StyledKYCSucessScreenItem>{description}</StyledKYCSucessScreenItem>}\n\n      {support && <StyledKYCSucessScreenSuppport>{support}</StyledKYCSucessScreenSuppport>}\n    </StyledKYCSucessScreen>\n  );\n};\n\nconst KYCFailScreen = (props: KYCFailScreenProps) => {\n  const {elementId, title, support} = props;\n\n  return (\n    <StyledKYCFailScreen id={elementId}>\n      <StyledKYCFailScreenItem>\n        <KYCErrorLabel label={title} isDocumentPartError={false} />\n      </StyledKYCFailScreenItem>\n\n      {support}\n    </StyledKYCFailScreen>\n  );\n};\n\nexport default {\n  KYCSuccessScreen,\n  KYCFailScreen,\n};\n\nexport {ACCEPT_FORMATS, AVAILABLE_EXTRA_PARTS_DOCUMENTS, MAX_EXTRA_PARTS_COUNT, MAX_FILE_SIZE, PDF_MIME_TYPE};\n","import styled from 'styled-components';\nimport {fontNormal, spacing} from '@propellerads/stylevariables';\n\nconst StyledKYCForm = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n`;\n\nconst StyledKYCFormTitle = styled.div`\n  font-size: ${fontNormal}px;\n`;\n\nconst StyledKYCFormDocuments = styled.div`\n  width: 100%;\n  margin-bottom: ${spacing * 6}px;\n`;\n\nconst StyledKYCFormButton = styled.div`\n  display: flex;\n  justify-content: flex-end;\n  width: 100%;\n`;\n\nexport {StyledKYCForm, StyledKYCFormTitle, StyledKYCFormDocuments, StyledKYCFormButton};\n","import Button, {ButtonType} from '@propellerads/button';\nimport {useEffect, useState} from 'react';\nimport {\n  ACCEPT_FORMATS,\n  AVAILABLE_EXTRA_PARTS_DOCUMENTS,\n  MAX_EXTRA_PARTS_COUNT,\n  MAX_FILE_SIZE,\n  OPTIONAL_DOCUMENT_PARTS,\n  PDF_MIME_TYPE,\n} from './constants';\nimport {DocumentType, KYCDocument, PartType} from './document.types';\nimport KYCFormItem from './KYCFormItem';\nimport KYCStatusScreen from './KYCStatusScreen';\nimport {StyledKYCForm, StyledKYCFormButton, StyledKYCFormDocuments, StyledKYCFormTitle} from './style';\nimport {KYCFormProps} from './types';\n\nconst KYCForm = (props: KYCFormProps) => {\n  const {\n    elementId,\n    title,\n    uploadButtonLabel,\n    uploaderLabels,\n    documentsLabels,\n    documents,\n    errors,\n    isLoading,\n    validator,\n    onUploadClick,\n  } = props;\n\n  const [userDocuments, setUserDocuments] = useState<KYCDocument[]>(documents);\n  const [isButtonDisabled, setButtonDisabled] = useState<boolean>(true);\n\n  useEffect(() => {\n    setUserDocuments(documents);\n  }, [documents]);\n\n  useEffect(() => {\n    const isValid: boolean = validator(userDocuments);\n    setButtonDisabled(!isValid);\n  }, [userDocuments, validator]);\n\n  const onDocumentChange = (index: number, document: KYCDocument) => {\n    const newDocuments: KYCDocument[] = [...userDocuments];\n    newDocuments.splice(index, 1, document);\n\n    setUserDocuments(newDocuments);\n  };\n\n  return (\n    <StyledKYCForm id={elementId}>\n      {title && <StyledKYCFormTitle>{title}</StyledKYCFormTitle>}\n\n      <StyledKYCFormDocuments>\n        {userDocuments.map((document, index) => {\n          const key = `kyc-form_item_${document.type}_${index}`;\n\n          return (\n            <KYCFormItem\n              index={index}\n              type={document.type}\n              parts={document.parts}\n              documentLabels={documentsLabels[document.type]}\n              uploaderLabels={uploaderLabels}\n              errors={errors}\n              elementId={`${elementId}_item_${document.type}`}\n              key={key}\n              onDocumentChange={(doc) => onDocumentChange(index, doc)}\n            />\n          );\n        })}\n      </StyledKYCFormDocuments>\n      <StyledKYCFormButton>\n        <Button\n          elementId={`${elementId}_button`}\n          type={ButtonType.Primary}\n          isDisabled={isButtonDisabled}\n          isLoading={isLoading || false}\n          onClick={() => onUploadClick(userDocuments)}\n        >\n          {uploadButtonLabel}\n        </Button>\n      </StyledKYCFormButton>\n    </StyledKYCForm>\n  );\n};\n\nKYCForm.SuccessScreen = KYCStatusScreen.KYCSuccessScreen;\nKYCForm.FailScreen = KYCStatusScreen.KYCFailScreen;\n\nexport default KYCForm;\n\nexport {\n  ACCEPT_FORMATS,\n  AVAILABLE_EXTRA_PARTS_DOCUMENTS,\n  DocumentType,\n  MAX_EXTRA_PARTS_COUNT,\n  MAX_FILE_SIZE,\n  OPTIONAL_DOCUMENT_PARTS,\n  PartType,\n  PDF_MIME_TYPE,\n};\n"],"names":["DocumentType","PartType","MAX_FILE_SIZE","MAX_EXTRA_PARTS_COUNT","PDF_MIME_TYPE","HEIC_MIME_TYPE","ACCEPT_FORMATS","AVAILABLE_EXTRA_PARTS_DOCUMENTS","OPTIONAL_DOCUMENT_PARTS","StyledKYCErrorLabel","styled","errorColor","spacing","StyledKYCErrorLabelIcon","fontSmall","white","StyledKYCErrorLabelText","KYCErrorLabel","props","jsxs","jsx","Close","Color","Size","isDocumentExtraPartAvailable","documentType","canAddExtraPart","parts","part","getMimeType","partData","isPDF","isHEIC","isFileUniqueInDocument","file","getFileBase64","reader","resolve","reject","error","StyledKYCFormItem","StyledKYCFormItemFileTitle","StyledKYCFormItemFilePreview","gray95","borderRadius","StyledKYCFormItemFilePreviewName","StyledKYCFormItemFilePreviewRemove","StyledKYCFormItemFileUploaderContainer","StyledKYCFormItemFileExtraPart","StyledKYCDocumentPartImgMiniature","StyledKYCDocumentPartIconMiniature","KYCDocumentPartMiniature","data","isPDFPart","isHEICPart","Pdf","Insert","KYCFormItemFileExtraPart","elementId","title","uploaderLabels","onFileAdd","handleDrop","files","ImageUploader","Direction","KYCFormItemFile","name","onFileChange","onFileRemove","Delete","KYCFormItemText","onFeedbackChange","value","handleChange","newValue","TextArea","KYCDocumentParts","StyledKYCFormItemTitle","fontNormal","black","StyledKYCFormItemDescription","gray50","getErrorKey","documentIndex","partIndex","KYCFormItem","type","index","documentLabels","errors","onDocumentChange","localErrors","setLocalErrors","useState","isAddExtraPartAvailable","documentLabelsParts","firstPart","extraPartTitle","fileNames","setFileNames","setLocalErrorByPartIndex","newLocalErrors","deleteLocalErrorByPartIndex","updateDocumentPart","newPart","newParts","newFileNames","removedPart","getFileName","key","itemKey","isExtraPartAvailable","partLabels","partTitle","partError","localPartError","StyledKYCSucessScreen","StyledKYCSucessScreenItem","StyledKYCSucessScreenSuppport","StyledKYCFailScreen","StyledKYCFailScreenItem","KYCSuccessScreen","description","support","SuccessLabel","KYCFailScreen","KYCStatusScreen","StyledKYCForm","StyledKYCFormTitle","StyledKYCFormDocuments","StyledKYCFormButton","KYCForm","uploadButtonLabel","documentsLabels","documents","isLoading","validator","onUploadClick","userDocuments","setUserDocuments","isButtonDisabled","setButtonDisabled","useEffect","isValid","document","newDocuments","doc","Button","ButtonType"],"mappings":"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"}