npm - @propellerads/kyc-form - Versions diffs - 5.0.0 → 5.0.2 - Mend

@propellerads/kyc-form 5.0.0 → 5.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/README.md CHANGED Viewed

@@ -10,7 +10,7 @@
 ## Installation
-- `yarn add @propellerads/kyc-form` or `npm install @propellerads/kyc-form -S`
+- `bun add @propellerads/kyc-form` or `npm install @propellerads/kyc-form -S`
 ### How to use

package/dist/index.d.ts CHANGED Viewed

@@ -107,3 +107,4 @@ declare const KYCForm: {
 };
 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 };
+export type { KYCDocument, KYCFile };

package/dist/index.js CHANGED Viewed

@@ -1,400 +1,381 @@
-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`
+import e, { ButtonVariant as t } from "@propellerads/button";
+import { useEffect as n, useState as r } from "react";
+import { Close as i, Color as a, Delete as o, Insert as s, Pdf as c, Size as l } from "@propellerads/icon";
+import u, { Direction as d } from "@propellerads/image-uploader";
+import f from "@propellerads/textarea";
+import p from "styled-components";
+import { black as m, borderRadius as h, errorColor as g, fontNormal as _, fontSmall as v, gray50 as y, gray95 as b, spacing as x, white as S } from "@propellerads/stylevariables";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import T from "@propellerads/success-label";
+//#region src/document.types.ts
+var E = {
+	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"
+}, D = {
+	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"
+}, O = 5242880, ee = 3, k = "application/pdf", A = "image/heic", j = {
+	"image/png": [".png"],
+	"image/jpeg": [
+		".jpg",
+		".jpe",
+		".jpeg"
+	],
+	[k]: [".pdf"],
+	[A]: [".heic"]
+}, M = [
+	E.Card,
+	E.Card,
+	E.PaypalDetailsPage,
+	E.BankWireDetails,
+	E.TransactionConfirmation,
+	E.SelfieWithIdCard,
+	E.PaymentSystemScreen,
+	E.Other
+], te = {
+	[E.Id]: { parts: [D.IdBack] },
+	[E.IdExtra]: { parts: [D.IdBack] }
+}, N = p.div`
   display: flex;
   align-items: center;
-  color: ${W};
-  margin-top: ${m * 2}px;
-  margin-bottom: ${m * 4}px;
-`, Ie = c.span`
+  color: ${g};
+  margin-top: ${x * 2}px;
+  margin-bottom: ${x * 4}px;
+`, P = p.span`
   display: flex;
   align-items: center;
   justify-content: center;
   width: 14px;
   height: 14px;
   border-radius: 100%;
-  background-color: ${W};
+  background-color: ${g};
   &:before {
-    font-size: ${G};
-    color: ${X};
+    font-size: ${v};
+    color: ${S};
     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`
+`, F = p.span`
+  margin-left: ${x * 2}px;
+`, I = (e) => /* @__PURE__ */ w(N, { children: [e.isDocumentPartError ? /* @__PURE__ */ C(P, {}) : /* @__PURE__ */ C(i, {
+	color: a.Error,
+	hoverColor: a.Error,
+	size: l.Small
+}), /* @__PURE__ */ C(F, { children: e.label })] }), L = (e) => M.includes(e), ne = (e, t) => L(e) && t.every((e) => !!e.data) && t.length < 3 && t.length > 0, R = (e) => e?.match(/[^:]\w+\/[\w-+\d.]+(?=;|,)/)?.[0], z = (e) => R(e) === k, re = (e) => R(e) === A, B = (e, t) => t.every((t) => t.data !== e?.data), ie = async (e) => {
+	let t = new FileReader();
+	return new Promise((n, r) => {
+		t.onload = () => n(t.result), t.onerror = (e) => r(e), t.readAsDataURL(e);
+	});
+}, V = p.div`
+  margin-top: ${x * 4}px;
+  margin-left: ${x * 4}px;
+`, H = p.div`
+  margin-bottom: ${x}px;
+`, U = p.div`
   display: flex;
   align-items: center;
-  background-color: ${Se};
-  padding: ${m * 2}px;
-  border-radius: ${B}px;
-`, ke = c.span`
+  background-color: ${b};
+  padding: ${x * 2}px;
+  border-radius: ${h}px;
+`, W = p.span`
   width: 100%;
-  margin-left: ${m * 4}px;
-  margin-right: ${m * 2}px;
-`, Te = c.span`
+  margin-left: ${x * 4}px;
+  margin-right: ${x * 2}px;
+`, G = p.span`
   cursor: pointer !important;
-  margin-right: ${m * 2}px;
-`, oe = c.div`
+  margin-right: ${x * 2}px;
+`, K = p.div`
   height: 66px;
-`, Le = c.div`
+`, q = p.div`
   display: flex;
   flex-direction: column;
-  margin-top: ${m * 4}px;
-  margin-left: ${m * 4}px;
-`, Ae = c.img`
+  margin-top: ${x * 4}px;
+  margin-left: ${x * 4}px;
+`, J = p.img`
   width: auto;
   max-width: 204px;
   height: 50px;
   object-fit: contain;
-  border-radius: ${B}px;
-`, Be = c.div`
+  border-radius: ${h}px;
+`, ae = p.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;
+  border-radius: ${h}px;
+  background-color: ${S};
+`, oe = (e) => {
+	let { data: t } = e, n = z(t), r = re(t);
+	return n || r ? /* @__PURE__ */ w(ae, { children: [n && /* @__PURE__ */ C(c, {
+		color: a.Gray,
+		hoverColor: a.Gray
+	}), r && /* @__PURE__ */ C(s, {
+		color: a.Gray,
+		hoverColor: a.Gray
+	})] }) : /* @__PURE__ */ C(J, { src: t });
+}, Y = {
+	KYCFormItemFileExtraPart: (e) => {
+		let { elementId: t, title: n, uploaderLabels: r, onFileAdd: i } = e;
+		return /* @__PURE__ */ w(q, {
+			id: t,
+			children: [n && /* @__PURE__ */ C(H, { children: n }), /* @__PURE__ */ C(K, { children: /* @__PURE__ */ C(u, {
+				title: r.title,
+				action: r.action,
+				maxSize: O,
+				acceptFormats: j,
+				elementId: `${t}_uploader`,
+				direction: d.Row,
+				onDrop: (e) => {
+					let [t] = e;
+					t && i(t);
+				}
+			}) })]
+		});
+	},
+	KYCFormItemFile: (e) => {
+		let { name: t, title: n, data: r, error: i, elementId: s, uploaderLabels: c, onFileChange: l, onFileRemove: f } = e;
+		return /* @__PURE__ */ w(V, {
+			id: s,
+			children: [
+				n && /* @__PURE__ */ C(H, { children: n }),
+				r ? /* @__PURE__ */ w(U, { children: [
+					/* @__PURE__ */ C(oe, { data: r }),
+					/* @__PURE__ */ C(W, { children: t }),
+					/* @__PURE__ */ C(G, {
+						onClick: f,
+						children: /* @__PURE__ */ C(o, {
+							color: a.Blue,
+							hoverColor: a.Blue
+						})
+					})
+				] }) : /* @__PURE__ */ C(K, { children: /* @__PURE__ */ C(u, {
+					title: c.title,
+					action: c.action,
+					maxSize: O,
+					acceptFormats: j,
+					elementId: `${s}_uploader`,
+					direction: d.Row,
+					onDrop: (e) => {
+						let [t] = e;
+						t && l(t);
+					}
+				}) }),
+				i && /* @__PURE__ */ C(I, {
+					label: i,
+					isDocumentPartError: !0
+				})
+			]
+		});
+	},
+	KYCFormItemText: (e) => {
+		let { onFeedbackChange: t, value: n = "" } = e, r = (e) => t(e);
+		return /* @__PURE__ */ C(V, { children: /* @__PURE__ */ C(f, {
+			onChange: r,
+			onBlur: r,
+			value: n,
+			errors: [],
+			name: "kyc-client-comments",
+			elementId: "kyc-feedback-textarea"
+		}) });
+	}
+}, se = p.div`
+  margin-top: ${x * 6}px;
+`, ce = p.div`
+  font-size: ${_}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`
+  color: ${m};
+  margin-bottom: ${x}px;
+`, le = p.div`
+  font-size: ${v}px;
+  color: ${y};
+  margin-left: ${x * 4}px;
+`, X = (e, t) => `[${e}].parts[${t}].data`, ue = (e) => {
+	let { type: t, index: n, uploaderLabels: i, documentLabels: a, elementId: o, parts: s, errors: c, onDocumentChange: l } = e, [u, d] = r(/* @__PURE__ */ new Map()), f = ne(t, s), p = a?.parts, m = s[0], h = m ? p?.[m.type]?.title : void 0, [g, _] = r(/* @__PURE__ */ new Map()), v = (e) => {
+		let t = new Map(u);
+		t.set(X(n, e), i.oversizeError), d(t);
+	}, y = (e) => {
+		let t = new Map(u);
+		t.delete(X(n, e)), d(t);
+	}, b = (e, n, r) => {
+		let i = {
+			...e,
+			data: r
+		}, a = [...s];
+		a.splice(n, 1, i), l({
+			type: t,
+			parts: a
+		});
+	}, x = async (e, t) => {
+		if (!t) {
+			v(e);
+			return;
+		}
+		let n = s[e] ?? s[0];
+		if (!n) return;
+		let r = await ie(t);
+		b(n, e, r);
+		let i = new Map(g);
+		i.set(r, t.name), _(i), y(e);
+	}, S = (e) => {
+		let t = s[e];
+		if (!t) return;
+		b(t, e);
+		let n = s[e], r = new Map(g);
+		n?.data && B(n, s) && r.delete(n?.data), _(r), y(e);
+	}, T = (e) => {
+		if (e) return g.get(e);
+	}, E = (e, t) => {
+		let n = s[e] ?? s[0];
+		n && b(n, e, t);
+	};
+	return /* @__PURE__ */ w(se, {
+		id: o,
+		children: [
+			/* @__PURE__ */ C(ce, { children: `${n + 1}. ${a?.title}` }),
+			a?.description && /* @__PURE__ */ C(le, { children: a?.description }),
+			s.map((e, r) => {
+				let a = `kyc-form_item_file_${e.type}`, l = L(t), d = p?.[e.type], f = l ? void 0 : d?.title;
+				L(t) && e.data && (a = `${a}_${e.data?.substr(-32)}`, B(e, s) || (a = `${a}_${r}`));
+				let m = c?.[X(n, r)], h = u.get(X(n, r));
+				return e.type === D.Feedback ? /* @__PURE__ */ C(Y.KYCFormItemText, {
+					value: e.data,
+					onFeedbackChange: (e) => E(r, e)
+				}, a) : /* @__PURE__ */ C(Y.KYCFormItemFile, {
+					title: f,
+					data: e.data,
+					type: e.type,
+					name: T(e.data),
+					uploaderLabels: i,
+					error: h || m,
+					elementId: `${o}_part_${e.type}_${r}`,
+					onFileChange: (e) => x(r, e),
+					onFileRemove: () => S(r)
+				}, a);
+			}),
+			f && m && /* @__PURE__ */ C(Y.KYCFormItemFileExtraPart, {
+				elementId: `${o}_extra`,
+				title: h,
+				uploaderLabels: i,
+				onFileAdd: (e) => x(s.length, e)
+			})
+		]
+	});
+}, de = p.div`
   display: flex;
   flex-direction: column;
-`, U = c.span`
-  margin-bottom: ${m * 8}px;
-`, Xe = c.span`
-  color: ${V};
-`, He = c.div`
+`, Z = p.span`
+  margin-bottom: ${x * 8}px;
+`, fe = p.span`
+  color: ${y};
+`, pe = p.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`
+`, me = p.span`
+  margin-bottom: ${x * 6}px;
+`, Q = {
+	KYCSuccessScreen: (e) => {
+		let { elementId: t, title: n, description: r, support: i } = e;
+		return /* @__PURE__ */ w(de, {
+			id: t,
+			children: [
+				/* @__PURE__ */ C(Z, { children: /* @__PURE__ */ C(T, {
+					show: !0,
+					elementId: `${t}_success`,
+					children: n
+				}) }),
+				r && /* @__PURE__ */ C(Z, { children: r }),
+				i && /* @__PURE__ */ C(fe, { children: i })
+			]
+		});
+	},
+	KYCFailScreen: (e) => {
+		let { elementId: t, title: n, support: r } = e;
+		return /* @__PURE__ */ w(pe, {
+			id: t,
+			children: [/* @__PURE__ */ C(me, { children: /* @__PURE__ */ C(I, {
+				label: n,
+				isDocumentPartError: !1
+			}) }), r]
+		});
+	}
+}, he = p.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   width: 100%;
-`, Qe = c.div`
-  font-size: ${H}px;
-`, et = c.div`
+`, ge = p.div`
+  font-size: ${_}px;
+`, _e = p.div`
   width: 100%;
-  margin-bottom: ${m * 6}px;
-`, tt = c.div`
+  margin-bottom: ${x * 6}px;
+`, ve = p.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
+`, $ = (i) => {
+	let { elementId: a, title: o, uploadButtonLabel: s, uploaderLabels: c, documentsLabels: l, documents: u, errors: d, isLoading: f, validator: p, onUploadClick: m } = i, [h, g] = r(u), [_, v] = r(!0);
+	n(() => {
+		g(u);
+	}, [u]), n(() => {
+		v(!p(h));
+	}, [h, p]);
+	let y = (e, t) => {
+		let n = [...h];
+		n.splice(e, 1, t), g(n);
+	};
+	return /* @__PURE__ */ w(he, {
+		id: a,
+		children: [
+			o && /* @__PURE__ */ C(ge, { children: o }),
+			/* @__PURE__ */ C(_e, { children: h.map((e, t) => {
+				let n = `kyc-form_item_${e.type}_${t}`;
+				return /* @__PURE__ */ C(ue, {
+					index: t,
+					type: e.type,
+					parts: e.parts,
+					documentLabels: l[e.type],
+					uploaderLabels: c,
+					errors: d,
+					elementId: `${a}_item_${e.type}`,
+					onDocumentChange: (e) => y(t, e)
+				}, n);
+			}) }),
+			/* @__PURE__ */ C(ve, { children: /* @__PURE__ */ C(e, {
+				id: `${a}_button`,
+				variant: t.Primary,
+				isDisabled: _,
+				isLoading: f || !1,
+				onClick: () => m(h),
+				children: s
+			}) })
+		]
+	});
 };
-//# sourceMappingURL=index.js.map
+$.SuccessScreen = Q.KYCSuccessScreen, $.FailScreen = Q.KYCFailScreen;
+//#endregion
+export { j as ACCEPT_FORMATS, M as AVAILABLE_EXTRA_PARTS_DOCUMENTS, E as DocumentType, ee as MAX_EXTRA_PARTS_COUNT, O as MAX_FILE_SIZE, te as OPTIONAL_DOCUMENT_PARTS, k as PDF_MIME_TYPE, D as PartType, $ as default };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
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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"}
1	+ {"version":3,"file":"index.js","names":[],"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, {ButtonVariant} 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, KYCFile} 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 id={`${elementId}_button`}\n variant={ButtonVariant.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};\nexport type {KYCDocument, KYCFile};\n"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@propellerads/kyc-form",
-  "version": "5.0.0",
+  "version": "5.0.2",
   "type": "module",
   "types": "dist/index.d.ts",
   "exports": {
@@ -19,17 +19,17 @@
     "url": "https://github.com/propellerads/ui-components/issues"
   },
   "scripts": {
-    "build": "tsc && vite build && rollup -c rollup.dts.config.mjs"
+    "build": "tsc && vite build && bunx rollup -c rollup.dts.config.mjs"
   },
   "homepage": "https://github.com/propellerads/ui-components#readme",
   "private": false,
   "dependencies": {
-    "@propellerads/button": "^9.0.3",
-    "@propellerads/icon": "^7.2.1",
+    "@propellerads/button": "^10.0.0",
+    "@propellerads/icon": "^8.0.0",
     "@propellerads/image-uploader": "^4.0.0",
     "@propellerads/stylevariables": "^2.0.2",
-    "@propellerads/success-label": "4.0.0",
-    "@propellerads/textarea": "^5.0.1"
+    "@propellerads/success-label": "^4.0.1",
+    "@propellerads/textarea": "^5.0.3"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -37,10 +37,10 @@
   },
   "devDependencies": {
     "@types/react": "^19.2.14",
-    "@vitejs/plugin-react": "^5.1.4",
-    "rollup": "^4.58.0",
-    "rollup-plugin-dts": "^6.3.0",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.1"
+    "@vitejs/plugin-react": "^6.0.1",
+    "rollup": "^4.60.3",
+    "rollup-plugin-dts": "^6.4.1",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.10"
   }
 }