@propellerads/kyc-form 4.1.3 → 4.1.5

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 (11) hide show
  1. package/dist/KYCDocumentParts/types.d.ts +1 -1
  2. package/dist/KYCStatusScreen/index.d.ts +3 -3
  3. package/dist/index.d.ts +2 -2
  4. package/dist/kyc-form.cjs.development.js +100 -101
  5. package/dist/kyc-form.cjs.development.js.map +1 -1
  6. package/dist/kyc-form.cjs.production.min.js +1 -1
  7. package/dist/kyc-form.esm.js +101 -102
  8. package/dist/kyc-form.esm.js.map +1 -1
  9. package/dist/types.d.ts +1 -1
  10. package/dist/utils.d.ts +2 -2
  11. package/package.json +5 -5
package/dist/KYCDocumentParts/types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { KYCFileData, KYCFile } from '../document.types';
2
+ import { KYCFile, KYCFileData } from '../document.types';
3
3
  import { UploaderLabels } from '../labels.types';
4
4
  export interface KYCDocumentPartMiniatureProps {
5
5
  data?: KYCFileData;
package/dist/KYCStatusScreen/index.d.ts CHANGED
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
- import { KYCSucessScreenProps, KYCFailScreenProps } from './types';
3
- import { MAX_FILE_SIZE, MAX_EXTRA_PARTS_COUNT, ACCEPT_FORMATS, PDF_MIME_TYPE, AVAILABLE_EXTRA_PARTS_DOCUMENTS } from '../constants';
2
+ import { ACCEPT_FORMATS, AVAILABLE_EXTRA_PARTS_DOCUMENTS, MAX_EXTRA_PARTS_COUNT, MAX_FILE_SIZE, PDF_MIME_TYPE } from '../constants';
4
3
  import { DOCUMENT_TYPES, PART_TYPES } from '../document.types';
4
+ import { KYCFailScreenProps, KYCSucessScreenProps } from './types';
5
5
  declare const _default: {
6
6
  KYCSucessScreen: (props: KYCSucessScreenProps) => React.JSX.Element;
7
7
  KYCFailScreen: (props: KYCFailScreenProps) => React.JSX.Element;
8
8
  };
9
9
  export default _default;
10
- export { MAX_FILE_SIZE, MAX_EXTRA_PARTS_COUNT, ACCEPT_FORMATS, DOCUMENT_TYPES, PART_TYPES, PDF_MIME_TYPE, AVAILABLE_EXTRA_PARTS_DOCUMENTS, };
10
+ export { ACCEPT_FORMATS, AVAILABLE_EXTRA_PARTS_DOCUMENTS, DOCUMENT_TYPES, MAX_EXTRA_PARTS_COUNT, MAX_FILE_SIZE, PART_TYPES, PDF_MIME_TYPE, };
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { MAX_FILE_SIZE, MAX_EXTRA_PARTS_COUNT, ACCEPT_FORMATS, PDF_MIME_TYPE, OPTIONAL_DOCUMENT_PARTS, AVAILABLE_EXTRA_PARTS_DOCUMENTS } from './constants';
2
+ import { ACCEPT_FORMATS, AVAILABLE_EXTRA_PARTS_DOCUMENTS, MAX_EXTRA_PARTS_COUNT, MAX_FILE_SIZE, OPTIONAL_DOCUMENT_PARTS, PDF_MIME_TYPE } from './constants';
3
3
  import { DOCUMENT_TYPES, PART_TYPES } from './document.types';
4
4
  import { KYCFormProps } from './types';
5
5
  declare const KYCForm: {
@@ -8,4 +8,4 @@ declare const KYCForm: {
8
8
  FailScreen: (props: import("./KYCStatusScreen/types").KYCFailScreenProps) => React.JSX.Element;
9
9
  };
10
10
  export default KYCForm;
11
- export { MAX_FILE_SIZE, MAX_EXTRA_PARTS_COUNT, ACCEPT_FORMATS, DOCUMENT_TYPES, PART_TYPES, PDF_MIME_TYPE, OPTIONAL_DOCUMENT_PARTS, AVAILABLE_EXTRA_PARTS_DOCUMENTS, };
11
+ export { ACCEPT_FORMATS, AVAILABLE_EXTRA_PARTS_DOCUMENTS, DOCUMENT_TYPES, MAX_EXTRA_PARTS_COUNT, MAX_FILE_SIZE, OPTIONAL_DOCUMENT_PARTS, PART_TYPES, PDF_MIME_TYPE, };
package/dist/kyc-form.cjs.development.js CHANGED
@@ -4,17 +4,61 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
6
6
 
7
- var React = require('react');
8
- var React__default = _interopDefault(React);
9
7
  var Button = require('@propellerads/button');
10
8
  var Button__default = _interopDefault(Button);
11
- var SuccessLabel = _interopDefault(require('@propellerads/success-label'));
9
+ var React = require('react');
10
+ var React__default = _interopDefault(React);
12
11
  var icon = require('@propellerads/icon');
13
- var styled = _interopDefault(require('styled-components'));
14
- var stylevariables = require('@propellerads/stylevariables');
15
- var TextArea = _interopDefault(require('@propellerads/textarea'));
16
12
  var ImageUploader = require('@propellerads/image-uploader');
17
13
  var ImageUploader__default = _interopDefault(ImageUploader);
14
+ var TextArea = _interopDefault(require('@propellerads/textarea'));
15
+ var styled = _interopDefault(require('styled-components'));
16
+ var stylevariables = require('@propellerads/stylevariables');
17
+ var SuccessLabel = _interopDefault(require('@propellerads/success-label'));
18
+
19
+ (function (DOCUMENT_TYPES) {
20
+ DOCUMENT_TYPES["ID"] = "id";
21
+ DOCUMENT_TYPES["UB"] = "ub";
22
+ DOCUMENT_TYPES["ID_EXTRA"] = "id_extra";
23
+ DOCUMENT_TYPES["CARD"] = "bank_card";
24
+ DOCUMENT_TYPES["PAYMENT_SYSTEM_SCREEN"] = "payment_system_screen";
25
+ DOCUMENT_TYPES["ONLINE_BANKING_STATEMENT"] = "online_banking_statement";
26
+ DOCUMENT_TYPES["COMPANY_REGISTRATION_DOCUMENT"] = "company_registration_document";
27
+ DOCUMENT_TYPES["SELFIE_WITH_ID_CARD"] = "selfie_with_id_card_or_bank_card";
28
+ DOCUMENT_TYPES["PAYPAL_DETAILS_PAGE"] = "pay_pal_details_page";
29
+ DOCUMENT_TYPES["BANK_WIRE_DETAILS"] = "bank_wire_details";
30
+ DOCUMENT_TYPES["TRANSACTION_CONFIRMATION"] = "transaction_confirmation";
31
+ DOCUMENT_TYPES["OTHER"] = "other";
32
+ DOCUMENT_TYPES["FEEDBACK"] = "feedback";
33
+ })(exports.DOCUMENT_TYPES || (exports.DOCUMENT_TYPES = {}));
34
+ (function (PART_TYPES) {
35
+ PART_TYPES["ID_FRONT"] = "id_front";
36
+ PART_TYPES["ID_BACK"] = "id_back";
37
+ PART_TYPES["UB"] = "ub_item";
38
+ PART_TYPES["CARD"] = "card_item";
39
+ PART_TYPES["PAYMENT_SYSTEM_SCREEN"] = "screen_item";
40
+ PART_TYPES["ONLINE_BANKING_STATEMENT"] = "obs_item";
41
+ PART_TYPES["COMPANY_REGISTRATION_DOCUMENT"] = "crd_item";
42
+ PART_TYPES["SELFIE_WITH_ID_CARD"] = "selfie_item";
43
+ PART_TYPES["PAYPAL_DETAILS_PAGE_IMAGE"] = "pay_pal_details_page_image";
44
+ PART_TYPES["BANK_WIRE_DETAILS_PAGE"] = "bank_wire_details_image";
45
+ PART_TYPES["TRANSACTION_CONFIRMATION_IMAGE"] = "transaction_confirmation_image";
46
+ PART_TYPES["OTHER_IMAGE"] = "other_image";
47
+ PART_TYPES["FEEDBACK"] = "feedback";
48
+ })(exports.PART_TYPES || (exports.PART_TYPES = {}));
49
+
50
+ var _OPTIONAL_DOCUMENT_PA;
51
+ var MAX_FILE_SIZE = 5242880;
52
+ var MAX_EXTRA_PARTS_COUNT = 3;
53
+ var PDF_MIME_TYPE = 'application/pdf';
54
+ var HEIC_MIME_TYPE = 'image/heic';
55
+ var ACCEPT_FORMATS = ".png,.jpg,.jpe,.jpeg,.pdf,image/png,image/jpeg," + PDF_MIME_TYPE + "," + HEIC_MIME_TYPE;
56
+ var AVAILABLE_EXTRA_PARTS_DOCUMENTS = [exports.DOCUMENT_TYPES.CARD, exports.DOCUMENT_TYPES.CARD, exports.DOCUMENT_TYPES.PAYPAL_DETAILS_PAGE, exports.DOCUMENT_TYPES.BANK_WIRE_DETAILS, exports.DOCUMENT_TYPES.TRANSACTION_CONFIRMATION, exports.DOCUMENT_TYPES.SELFIE_WITH_ID_CARD, exports.DOCUMENT_TYPES.PAYMENT_SYSTEM_SCREEN, exports.DOCUMENT_TYPES.OTHER];
57
+ var OPTIONAL_DOCUMENT_PARTS = (_OPTIONAL_DOCUMENT_PA = {}, _OPTIONAL_DOCUMENT_PA[exports.DOCUMENT_TYPES.ID] = {
58
+ parts: [exports.PART_TYPES.ID_BACK]
59
+ }, _OPTIONAL_DOCUMENT_PA[exports.DOCUMENT_TYPES.ID_EXTRA] = {
60
+ parts: [exports.PART_TYPES.ID_BACK]
61
+ }, _OPTIONAL_DOCUMENT_PA);
18
62
 
19
63
  function asyncGeneratorStep(n, t, e, r, o, a, c) {
20
64
  try {
@@ -175,100 +219,9 @@ var KYCErrorLabel = function KYCErrorLabel(props) {
175
219
  }), React__default.createElement(StyledKYCErrorLabelText, null, props.label));
176
220
  };
177
221
 
178
- var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4, _templateObject5;
179
- var StyledKYCSucessScreen = /*#__PURE__*/styled.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
180
- var StyledKYCSucessScreenItem = /*#__PURE__*/styled.span(_templateObject2$1 || (_templateObject2$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n"])), stylevariables.spacing * 8);
181
- var StyledKYCSucessScreenSuppport = /*#__PURE__*/styled.span(_templateObject3$1 || (_templateObject3$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), stylevariables.gray50);
182
- var StyledKYCFailScreen = /*#__PURE__*/styled.div(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
183
- var StyledKYCFailScreenItem = /*#__PURE__*/styled.span(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n"])), stylevariables.spacing * 6);
184
-
185
- (function (DOCUMENT_TYPES) {
186
- DOCUMENT_TYPES["ID"] = "id";
187
- DOCUMENT_TYPES["UB"] = "ub";
188
- DOCUMENT_TYPES["ID_EXTRA"] = "id_extra";
189
- DOCUMENT_TYPES["CARD"] = "bank_card";
190
- DOCUMENT_TYPES["PAYMENT_SYSTEM_SCREEN"] = "payment_system_screen";
191
- DOCUMENT_TYPES["ONLINE_BANKING_STATEMENT"] = "online_banking_statement";
192
- DOCUMENT_TYPES["COMPANY_REGISTRATION_DOCUMENT"] = "company_registration_document";
193
- DOCUMENT_TYPES["SELFIE_WITH_ID_CARD"] = "selfie_with_id_card_or_bank_card";
194
- DOCUMENT_TYPES["PAYPAL_DETAILS_PAGE"] = "pay_pal_details_page";
195
- DOCUMENT_TYPES["BANK_WIRE_DETAILS"] = "bank_wire_details";
196
- DOCUMENT_TYPES["TRANSACTION_CONFIRMATION"] = "transaction_confirmation";
197
- DOCUMENT_TYPES["OTHER"] = "other";
198
- DOCUMENT_TYPES["FEEDBACK"] = "feedback";
199
- })(exports.DOCUMENT_TYPES || (exports.DOCUMENT_TYPES = {}));
200
- (function (PART_TYPES) {
201
- PART_TYPES["ID_FRONT"] = "id_front";
202
- PART_TYPES["ID_BACK"] = "id_back";
203
- PART_TYPES["UB"] = "ub_item";
204
- PART_TYPES["CARD"] = "card_item";
205
- PART_TYPES["PAYMENT_SYSTEM_SCREEN"] = "screen_item";
206
- PART_TYPES["ONLINE_BANKING_STATEMENT"] = "obs_item";
207
- PART_TYPES["COMPANY_REGISTRATION_DOCUMENT"] = "crd_item";
208
- PART_TYPES["SELFIE_WITH_ID_CARD"] = "selfie_item";
209
- PART_TYPES["PAYPAL_DETAILS_PAGE_IMAGE"] = "pay_pal_details_page_image";
210
- PART_TYPES["BANK_WIRE_DETAILS_PAGE"] = "bank_wire_details_image";
211
- PART_TYPES["TRANSACTION_CONFIRMATION_IMAGE"] = "transaction_confirmation_image";
212
- PART_TYPES["OTHER_IMAGE"] = "other_image";
213
- PART_TYPES["FEEDBACK"] = "feedback";
214
- })(exports.PART_TYPES || (exports.PART_TYPES = {}));
215
-
216
- var _OPTIONAL_DOCUMENT_PA;
217
- var MAX_FILE_SIZE = 5242880;
218
- var MAX_EXTRA_PARTS_COUNT = 3;
219
- var PDF_MIME_TYPE = 'application/pdf';
220
- var HEIC_MIME_TYPE = 'image/heic';
221
- var ACCEPT_FORMATS = ".png,.jpg,.jpe,.jpeg,.pdf,image/png,image/jpeg," + PDF_MIME_TYPE + "," + HEIC_MIME_TYPE;
222
- var AVAILABLE_EXTRA_PARTS_DOCUMENTS = [exports.DOCUMENT_TYPES.CARD, exports.DOCUMENT_TYPES.CARD, exports.DOCUMENT_TYPES.PAYPAL_DETAILS_PAGE, exports.DOCUMENT_TYPES.BANK_WIRE_DETAILS, exports.DOCUMENT_TYPES.TRANSACTION_CONFIRMATION, exports.DOCUMENT_TYPES.SELFIE_WITH_ID_CARD, exports.DOCUMENT_TYPES.PAYMENT_SYSTEM_SCREEN, exports.DOCUMENT_TYPES.OTHER];
223
- var OPTIONAL_DOCUMENT_PARTS = (_OPTIONAL_DOCUMENT_PA = {}, _OPTIONAL_DOCUMENT_PA[exports.DOCUMENT_TYPES.ID] = {
224
- parts: [exports.PART_TYPES.ID_BACK]
225
- }, _OPTIONAL_DOCUMENT_PA[exports.DOCUMENT_TYPES.ID_EXTRA] = {
226
- parts: [exports.PART_TYPES.ID_BACK]
227
- }, _OPTIONAL_DOCUMENT_PA);
228
-
229
- var KYCSucessScreen = function KYCSucessScreen(props) {
230
- var elementId = props.elementId,
231
- title = props.title,
232
- description = props.description,
233
- support = props.support;
234
- return React__default.createElement(StyledKYCSucessScreen, {
235
- id: elementId
236
- }, React__default.createElement(StyledKYCSucessScreenItem, null, React__default.createElement(SuccessLabel, {
237
- show: true,
238
- elementId: elementId + "_success"
239
- }, title)), description && React__default.createElement(StyledKYCSucessScreenItem, null, description), support && React__default.createElement(StyledKYCSucessScreenSuppport, null, support));
240
- };
241
- var KYCFailScreen = function KYCFailScreen(props) {
242
- var elementId = props.elementId,
243
- title = props.title,
244
- support = props.support;
245
- return React__default.createElement(StyledKYCFailScreen, {
246
- id: elementId
247
- }, React__default.createElement(StyledKYCFailScreenItem, null, React__default.createElement(KYCErrorLabel, {
248
- label: title,
249
- isDocumentPartError: false
250
- })), support);
251
- };
252
- var KYCStatusScreen = {
253
- KYCSucessScreen: KYCSucessScreen,
254
- KYCFailScreen: KYCFailScreen
255
- };
256
-
257
- var _templateObject$2, _templateObject2$2, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
258
- var StyledKYCFormItem = /*#__PURE__*/styled.div(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: ", "px;\n margin-left: ", "px;\n"])), stylevariables.spacing * 4, stylevariables.spacing * 4);
259
- var StyledKYCFormItemFileTitle = /*#__PURE__*/styled.div(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n"])), stylevariables.spacing);
260
- var StyledKYCFormItemFilePreview = /*#__PURE__*/styled.div(_templateObject3$2 || (_templateObject3$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n background-color: ", ";\n padding: ", "px;\n border-radius: ", "px;\n"])), stylevariables.gray95, stylevariables.spacing * 2, stylevariables.borderRadius);
261
- var StyledKYCFormItemFilePreviewName = /*#__PURE__*/styled.span(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n margin-left: ", "px;\n margin-right: ", "px;\n"])), stylevariables.spacing * 4, stylevariables.spacing * 2);
262
- var StyledKYCFormItemFilePreviewRemove = /*#__PURE__*/styled.span(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer !important;\n margin-right: ", "px;\n"])), stylevariables.spacing * 2);
263
- var StyledKYCFormItemFileUploaderContainer = /*#__PURE__*/styled.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 66px;\n"])));
264
- var StyledKYCFormItemFileExtraPart = /*#__PURE__*/styled.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-top: ", "px;\n margin-left: ", "px;\n"])), stylevariables.spacing * 4, stylevariables.spacing * 4);
265
- var StyledKYCDocumentPartImgMiniature = /*#__PURE__*/styled.img(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: auto;\n max-width: 204px;\n height: 50px;\n object-fit: contain;\n border-radius: ", "px;\n"])), stylevariables.borderRadius);
266
- var StyledKYCDocumentPartIconMiniature = /*#__PURE__*/styled.div(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 50px;\n height: 50px;\n border-radius: ", "px;\n background-color: ", ";\n"])), stylevariables.borderRadius, stylevariables.white);
267
-
268
222
  var isDocumentExtraPartAvailable = function isDocumentExtraPartAvailable(documentType) {
269
223
  return AVAILABLE_EXTRA_PARTS_DOCUMENTS.includes(documentType);
270
224
  };
271
- // eslint-disable-next-line max-len
272
225
  var canAddExtraPart = function canAddExtraPart(documentType, parts) {
273
226
  return isDocumentExtraPartAvailable(documentType) && parts.every(function (part) {
274
227
  return Boolean(part.data);
@@ -315,6 +268,17 @@ var getFileBase64 = /*#__PURE__*/function () {
315
268
  };
316
269
  }();
317
270
 
271
+ var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
272
+ var StyledKYCFormItem = /*#__PURE__*/styled.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: ", "px;\n margin-left: ", "px;\n"])), stylevariables.spacing * 4, stylevariables.spacing * 4);
273
+ var StyledKYCFormItemFileTitle = /*#__PURE__*/styled.div(_templateObject2$1 || (_templateObject2$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n"])), stylevariables.spacing);
274
+ var StyledKYCFormItemFilePreview = /*#__PURE__*/styled.div(_templateObject3$1 || (_templateObject3$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n background-color: ", ";\n padding: ", "px;\n border-radius: ", "px;\n"])), stylevariables.gray95, stylevariables.spacing * 2, stylevariables.borderRadius);
275
+ var StyledKYCFormItemFilePreviewName = /*#__PURE__*/styled.span(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n margin-left: ", "px;\n margin-right: ", "px;\n"])), stylevariables.spacing * 4, stylevariables.spacing * 2);
276
+ var StyledKYCFormItemFilePreviewRemove = /*#__PURE__*/styled.span(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer !important;\n margin-right: ", "px;\n"])), stylevariables.spacing * 2);
277
+ var StyledKYCFormItemFileUploaderContainer = /*#__PURE__*/styled.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 66px;\n"])));
278
+ var StyledKYCFormItemFileExtraPart = /*#__PURE__*/styled.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-top: ", "px;\n margin-left: ", "px;\n"])), stylevariables.spacing * 4, stylevariables.spacing * 4);
279
+ var StyledKYCDocumentPartImgMiniature = /*#__PURE__*/styled.img(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: auto;\n max-width: 204px;\n height: 50px;\n object-fit: contain;\n border-radius: ", "px;\n"])), stylevariables.borderRadius);
280
+ var StyledKYCDocumentPartIconMiniature = /*#__PURE__*/styled.div(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 50px;\n height: 50px;\n border-radius: ", "px;\n background-color: ", ";\n"])), stylevariables.borderRadius, stylevariables.white);
281
+
318
282
  var KYCDocumentPartMiniature = function KYCDocumentPartMiniature(props) {
319
283
  var data = props.data;
320
284
  var isPDFPart = isPDF(data);
@@ -402,10 +366,10 @@ var KYCDocumentParts = {
402
366
  KYCFormItemText: KYCFormItemText
403
367
  };
404
368
 
405
- var _templateObject$3, _templateObject2$3, _templateObject3$3;
406
- var StyledKYCFormItem$1 = /*#__PURE__*/styled.div(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: ", "px;\n"])), stylevariables.spacing * 6);
407
- var StyledKYCFormItemTitle = /*#__PURE__*/styled.div(_templateObject2$3 || (_templateObject2$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: ", "px;\n font-weight: bold;\n color: ", ";\n margin-bottom: ", "px;\n"])), stylevariables.fontNormal, stylevariables.black, stylevariables.spacing);
408
- var StyledKYCFormItemDescription = /*#__PURE__*/styled.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: ", "px;\n color: ", ";\n margin-left: ", "px;\n"])), stylevariables.fontSmall, stylevariables.gray50, stylevariables.spacing * 4);
369
+ var _templateObject$2, _templateObject2$2, _templateObject3$2;
370
+ var StyledKYCFormItem$1 = /*#__PURE__*/styled.div(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: ", "px;\n"])), stylevariables.spacing * 6);
371
+ var StyledKYCFormItemTitle = /*#__PURE__*/styled.div(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: ", "px;\n font-weight: bold;\n color: ", ";\n margin-bottom: ", "px;\n"])), stylevariables.fontNormal, stylevariables.black, stylevariables.spacing);
372
+ var StyledKYCFormItemDescription = /*#__PURE__*/styled.div(_templateObject3$2 || (_templateObject3$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: ", "px;\n color: ", ";\n margin-left: ", "px;\n"])), stylevariables.fontSmall, stylevariables.gray50, stylevariables.spacing * 4);
409
373
 
410
374
  var getErrorKey = function getErrorKey(documentIndex, partIndex) {
411
375
  return "[" + documentIndex + "].parts[" + partIndex + "].data";
@@ -554,6 +518,41 @@ var KYCFormItem = function KYCFormItem(props) {
554
518
  }));
555
519
  };
556
520
 
521
+ var _templateObject$3, _templateObject2$3, _templateObject3$3, _templateObject4$1, _templateObject5$1;
522
+ var StyledKYCSucessScreen = /*#__PURE__*/styled.div(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
523
+ var StyledKYCSucessScreenItem = /*#__PURE__*/styled.span(_templateObject2$3 || (_templateObject2$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n"])), stylevariables.spacing * 8);
524
+ var StyledKYCSucessScreenSuppport = /*#__PURE__*/styled.span(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), stylevariables.gray50);
525
+ var StyledKYCFailScreen = /*#__PURE__*/styled.div(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
526
+ var StyledKYCFailScreenItem = /*#__PURE__*/styled.span(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n"])), stylevariables.spacing * 6);
527
+
528
+ var KYCSucessScreen = function KYCSucessScreen(props) {
529
+ var elementId = props.elementId,
530
+ title = props.title,
531
+ description = props.description,
532
+ support = props.support;
533
+ return React__default.createElement(StyledKYCSucessScreen, {
534
+ id: elementId
535
+ }, React__default.createElement(StyledKYCSucessScreenItem, null, React__default.createElement(SuccessLabel, {
536
+ show: true,
537
+ elementId: elementId + "_success"
538
+ }, title)), description && React__default.createElement(StyledKYCSucessScreenItem, null, description), support && React__default.createElement(StyledKYCSucessScreenSuppport, null, support));
539
+ };
540
+ var KYCFailScreen = function KYCFailScreen(props) {
541
+ var elementId = props.elementId,
542
+ title = props.title,
543
+ support = props.support;
544
+ return React__default.createElement(StyledKYCFailScreen, {
545
+ id: elementId
546
+ }, React__default.createElement(StyledKYCFailScreenItem, null, React__default.createElement(KYCErrorLabel, {
547
+ label: title,
548
+ isDocumentPartError: false
549
+ })), support);
550
+ };
551
+ var KYCStatusScreen = {
552
+ KYCSucessScreen: KYCSucessScreen,
553
+ KYCFailScreen: KYCFailScreen
554
+ };
555
+
557
556
  var _templateObject$4, _templateObject2$4, _templateObject3$4, _templateObject4$2;
558
557
  var StyledKYCForm = /*#__PURE__*/styled.div(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n"])));
559
558
  var StyledKYCFormTitle = /*#__PURE__*/styled.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: ", "px;\n"])), stylevariables.fontNormal);
package/dist/kyc-form.cjs.development.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"kyc-form.cjs.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"kyc-form.cjs.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/kyc-form.cjs.production.min.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var n,t,r,o=require("react"),a=e(o),i=require("@propellerads/button"),l=e(i),c=e(require("@propellerads/success-label")),u=require("@propellerads/icon"),p=e(require("styled-components")),s=require("@propellerads/stylevariables"),d=e(require("@propellerads/textarea")),m=require("@propellerads/image-uploader"),f=e(m);function E(e,n,t,r,o,a,i){try{var l=e[a](i),c=l.value}catch(e){return void t(e)}l.done?n(c):Promise.resolve(c).then(r,o)}function _(e){return function(){var n=this,t=arguments;return new Promise((function(r,o){var a=e.apply(n,t);function i(e){E(a,r,o,i,l,"next",e)}function l(e){E(a,r,o,i,l,"throw",e)}i(void 0)}))}}function g(){return(g=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(null,arguments)}function T(){var e,n,t="function"==typeof Symbol?Symbol:{},r=t.iterator||"@@iterator",o=t.toStringTag||"@@toStringTag";function a(t,r,o,a){var c=Object.create((r&&r.prototype instanceof l?r:l).prototype);return v(c,"_invoke",function(t,r,o){var a,l,c,u=0,p=o||[],s=!1,d={p:0,n:0,v:e,a:m,f:m.bind(e,4),d:function(n,t){return a=n,l=0,c=e,d.n=t,i}};function m(t,r){for(l=t,c=r,n=0;!s&&u&&!o&&n<p.length;n++){var o,a=p[n],m=d.p,f=a[2];t>3?(o=f===r)&&(c=a[(l=a[4])?5:(l=3,3)],a[4]=a[5]=e):a[0]<=m&&((o=t<2&&m<a[1])?(l=0,d.v=r,d.n=a[1]):m<f&&(o=t<3||a[0]>r||r>f)&&(a[4]=t,a[5]=r,d.n=f,l=0))}if(o||t>1)return i;throw s=!0,r}return function(o,p,f){if(u>1)throw TypeError("Generator is already running");for(s&&1===p&&m(p,f),l=p,c=f;(n=l<2?e:c)||!s;){a||(l?l<3?(l>1&&(d.n=-1),m(l,c)):d.n=c:d.v=c);try{if(u=2,a){if(l||(o="next"),n=a[o]){if(!(n=n.call(a,c)))throw TypeError("iterator result is not an object");if(!n.done)return n;c=n.value,l<2&&(l=0)}else 1===l&&(n=a.return)&&n.call(a),l<2&&(c=TypeError("The iterator does not provide a '"+o+"' method"),l=1);a=e}else if((n=(s=d.n<0)?c:t.call(r,d))!==i)break}catch(n){a=e,l=1,c=n}finally{u=1}}return{value:n,done:s}}}(t,o,a),!0),c}var i={};function l(){}function c(){}function u(){}n=Object.getPrototypeOf;var p=[][r]?n(n([][r]())):(v(n={},r,(function(){return this})),n),s=u.prototype=l.prototype=Object.create(p);function d(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,u):(e.__proto__=u,v(e,o,"GeneratorFunction")),e.prototype=Object.create(s),e}return c.prototype=u,v(s,"constructor",u),v(u,"constructor",c),c.displayName="GeneratorFunction",v(u,o,"GeneratorFunction"),v(s),v(s,o,"Generator"),v(s,r,(function(){return this})),v(s,"toString",(function(){return"[object Generator]"})),(T=function(){return{w:a,m:d}})()}function v(e,n,t,r){var o=Object.defineProperty;try{o({},"",{})}catch(e){o=0}(v=function(e,n,t,r){function a(n,t){v(e,n,(function(e){return this._invoke(n,t,e)}))}n?o?o(e,n,{value:t,enumerable:!r,configurable:!r,writable:!r}):e[n]=t:(a("next",0),a("throw",1),a("return",2))})(e,n,t,r)}function x(e,n){return n||(n=e.slice(0)),e.raw=n,e}var y,A,b,C,I,S,h,N,P=p.div(n||(n=x(["\n display: flex;\n align-items: center;\n color: ",";\n margin-top: ","px;\n margin-bottom: ","px;\n"])),s.errorColor,2*s.spacing,4*s.spacing),O=p.span(t||(t=x(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 14px;\n height: 14px;\n border-radius: 100%;\n background-color: ",";\n\n &:before {\n font-size: ",";\n color: ",";\n content: '!';\n }\n"])),s.errorColor,s.fontSmall,s.white),D=p.span(r||(r=x(["\n margin-left: ","px;\n"])),2*s.spacing),R=function(e){return a.createElement(P,null,e.isDocumentPartError?a.createElement(O,null):a.createElement(u.Close,{color:u.Color.Error,hoverColor:u.Color.Error,size:u.Size.Small}),a.createElement(D,null,e.label))},M=p.div(y||(y=x(["\n display: flex;\n flex-direction: column;\n"]))),w=p.span(A||(A=x(["\n margin-bottom: ","px;\n"])),8*s.spacing),L=p.span(b||(b=x(["\n color: ",";\n"])),s.gray50),k=p.div(C||(C=x(["\n display: flex;\n flex-direction: column;\n"]))),Y=p.span(I||(I=x(["\n margin-bottom: ","px;\n"])),6*s.spacing);(S=exports.DOCUMENT_TYPES||(exports.DOCUMENT_TYPES={})).ID="id",S.UB="ub",S.ID_EXTRA="id_extra",S.CARD="bank_card",S.PAYMENT_SYSTEM_SCREEN="payment_system_screen",S.ONLINE_BANKING_STATEMENT="online_banking_statement",S.COMPANY_REGISTRATION_DOCUMENT="company_registration_document",S.SELFIE_WITH_ID_CARD="selfie_with_id_card_or_bank_card",S.PAYPAL_DETAILS_PAGE="pay_pal_details_page",S.BANK_WIRE_DETAILS="bank_wire_details",S.TRANSACTION_CONFIRMATION="transaction_confirmation",S.OTHER="other",S.FEEDBACK="feedback",(h=exports.PART_TYPES||(exports.PART_TYPES={})).ID_FRONT="id_front",h.ID_BACK="id_back",h.UB="ub_item",h.CARD="card_item",h.PAYMENT_SYSTEM_SCREEN="screen_item",h.ONLINE_BANKING_STATEMENT="obs_item",h.COMPANY_REGISTRATION_DOCUMENT="crd_item",h.SELFIE_WITH_ID_CARD="selfie_item",h.PAYPAL_DETAILS_PAGE_IMAGE="pay_pal_details_page_image",h.BANK_WIRE_DETAILS_PAGE="bank_wire_details_image",h.TRANSACTION_CONFIRMATION_IMAGE="transaction_confirmation_image",h.OTHER_IMAGE="other_image",h.FEEDBACK="feedback";var F,j,G,U,B,K,z,q,W,H,X,V,Z,J,Q,$,ee=".png,.jpg,.jpe,.jpeg,.pdf,image/png,image/jpeg,application/pdf,image/heic",ne=[exports.DOCUMENT_TYPES.CARD,exports.DOCUMENT_TYPES.CARD,exports.DOCUMENT_TYPES.PAYPAL_DETAILS_PAGE,exports.DOCUMENT_TYPES.BANK_WIRE_DETAILS,exports.DOCUMENT_TYPES.TRANSACTION_CONFIRMATION,exports.DOCUMENT_TYPES.SELFIE_WITH_ID_CARD,exports.DOCUMENT_TYPES.PAYMENT_SYSTEM_SCREEN,exports.DOCUMENT_TYPES.OTHER],te=((N={})[exports.DOCUMENT_TYPES.ID]={parts:[exports.PART_TYPES.ID_BACK]},N[exports.DOCUMENT_TYPES.ID_EXTRA]={parts:[exports.PART_TYPES.ID_BACK]},N),re=p.div(F||(F=x(["\n margin-top: ","px;\n margin-left: ","px;\n"])),4*s.spacing,4*s.spacing),oe=p.div(j||(j=x(["\n margin-bottom: ","px;\n"])),s.spacing),ae=p.div(G||(G=x(["\n display: flex;\n align-items: center;\n background-color: ",";\n padding: ","px;\n border-radius: ","px;\n"])),s.gray95,2*s.spacing,s.borderRadius),ie=p.span(U||(U=x(["\n width: 100%;\n margin-left: ","px;\n margin-right: ","px;\n"])),4*s.spacing,2*s.spacing),le=p.span(B||(B=x(["\n cursor: pointer !important;\n margin-right: ","px;\n"])),2*s.spacing),ce=p.div(K||(K=x(["\n height: 66px;\n"]))),ue=p.div(z||(z=x(["\n display: flex;\n flex-direction: column;\n margin-top: ","px;\n margin-left: ","px;\n"])),4*s.spacing,4*s.spacing),pe=p.img(q||(q=x(["\n width: auto;\n max-width: 204px;\n height: 50px;\n object-fit: contain;\n border-radius: ","px;\n"])),s.borderRadius),se=p.div(W||(W=x(["\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 50px;\n height: 50px;\n border-radius: ","px;\n background-color: ",";\n"])),s.borderRadius,s.white),de=function(e){return ne.includes(e)},me=function(e){var n;return null==e||null==(n=e.match(/[^:]\w+\/[\w-+\d.]+(?=;|,)/))?void 0:n[0]},fe=function(e,n){return n.every((function(n){return n.data!==(null==e?void 0:e.data)}))},Ee=function(){var e=_(T().m((function e(n){var t;return T().w((function(e){for(;;)switch(e.n){case 0:return t=new FileReader,e.a(2,new Promise((function(e,r){t.onload=function(){return e(t.result)},t.onerror=function(e){return r(e)},t.readAsDataURL(n)})))}}),e)})));return function(n){return e.apply(this,arguments)}}(),_e=function(e){var n=e.data,t="application/pdf"===me(n),r=function(e){return"image/heic"===me(e)}(n);return t||r?a.createElement(se,null,t&&a.createElement(u.Pdf,{color:u.Color.Gray,hoverColor:u.Color.Gray}),r&&a.createElement(u.Insert,{color:u.Color.Gray,hoverColor:u.Color.Gray})):a.createElement(pe,{src:n})},ge=function(e){var n=e.elementId,t=e.title,r=e.uploaderLabels,o=e.onFileAdd;return a.createElement(ue,{id:n},t&&a.createElement(oe,null,t),a.createElement(ce,null,a.createElement(f,{title:r.title,action:r.action,maxSize:5242880,acceptFormats:ee,elementId:n+"_uploader",direction:m.DIRECTION.ROW,onDrop:o})))},Te=function(e){var n=e.name,t=e.title,r=e.data,o=e.error,i=e.elementId,l=e.uploaderLabels,c=e.onFileChange,p=e.onFileRemove;return a.createElement(re,{id:i},t&&a.createElement(oe,null,t),r?a.createElement(ae,null,a.createElement(_e,{data:r}),a.createElement(ie,null,n),a.createElement(le,{onClick:p},a.createElement(u.Delete,{color:u.Color.Blue,hoverColor:u.Color.Blue}))):a.createElement(ce,null,a.createElement(f,{title:l.title,action:l.action,maxSize:5242880,acceptFormats:ee,elementId:i+"_uploader",direction:m.DIRECTION.ROW,onDrop:c})),o&&a.createElement(R,{label:o,isDocumentPartError:!0}))},ve=function(e){var n=e.onFeedbackChange,t=e.value,r=function(e){return n(e)};return a.createElement(re,null,a.createElement(d,{onChange:r,onBlur:r,value:void 0===t?"":t,errors:[],name:"kyc-client-comments",elementId:"kyc-feedback-textarea"}))},xe=p.div(H||(H=x(["\n margin-top: ","px;\n"])),6*s.spacing),ye=p.div(X||(X=x(["\n font-size: ","px;\n font-weight: bold;\n color: ",";\n margin-bottom: ","px;\n"])),s.fontNormal,s.black,s.spacing),Ae=p.div(V||(V=x(["\n font-size: ","px;\n color: ",";\n margin-left: ","px;\n"])),s.fontSmall,s.gray50,4*s.spacing),be=function(e,n){return"["+e+"].parts["+n+"].data"},Ce=function(e){var n,t=e.type,r=e.index,i=e.uploaderLabels,l=e.documentLabels,c=e.elementId,u=e.parts,p=e.errors,s=e.onDocumentChange,d=o.useState(new Map),m=d[0],f=d[1],E=function(e,n){return de(e)&&n.every((function(e){return Boolean(e.data)}))&&n.length<3&&n.length>0}(t,u),v=null==l?void 0:l.parts,x=o.useState(new Map),y=x[0],A=x[1],b=function(e){var n=new Map(m);n.set(be(r,e),i.oversizeError),f(n)},C=function(e){var n=new Map(m);n.delete(be(r,e)),f(n)},I=function(e,n,r){var o=g({},e,{data:r}),a=[].concat(u);a.splice(n,1,o),s({type:t,parts:a})},S=function(){var e=_(T().m((function e(n,t){var r,o,a;return T().w((function(e){for(;;)switch(e.n){case 0:if(t){e.n=1;break}return b(n),e.a(2);case 1:return r=u[n]||u[0],e.n=2,Ee(t);case 2:I(r,n,o=e.v),(a=new Map(y)).set(o,t.name),A(a),C(n);case 3:return e.a(2)}}),e)})));return function(n,t){return e.apply(this,arguments)}}(),h=function(e){if(e)return y.get(e)};return a.createElement(xe,{id:c},a.createElement(ye,null,r+1+". "+(null==l?void 0:l.title)),(null==l?void 0:l.description)&&a.createElement(Ae,null,null==l?void 0:l.description),u.map((function(e,n){var o,l="kyc-form_item_file_"+e.type,s=de(t),d=null==v?void 0:v[e.type],f=s||null==d?void 0:d.title;de(t)&&e.data&&(l=l+"_"+(null==(o=e.data)?void 0:o.substr(-32)),fe(e,u)||(l=l+"_"+n));var E=null==p?void 0:p[be(r,n)],_=m.get(be(r,n));return e.type===exports.PART_TYPES.FEEDBACK?a.createElement(ve,{key:l,value:e.data,onFeedbackChange:function(e){return function(e,n){I(u[e]||u[0],e,n)}(n,e)}}):a.createElement(Te,{title:f,data:e.data,type:e.type,name:h(e.data),uploaderLabels:i,error:_||E,key:l,elementId:c+"_part_"+e.type+"_"+n,onFileChange:function(e){return S(n,e)},onFileRemove:function(){return function(e){I(u[e],e);var n=u[e],t=new Map(y);null!=n&&n.data&&fe(n,u)&&t.delete(null==n?void 0:n.data),A(t),C(e)}(n)}})})),E&&a.createElement(ge,{elementId:c+"_extra",title:null==v||null==(n=v[u[0].type])?void 0:n.title,uploaderLabels:i,onFileAdd:function(e){return S(u.length,e)}}))},Ie=p.div(Z||(Z=x(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n"]))),Se=p.div(J||(J=x(["\n font-size: ","px;\n"])),s.fontNormal),he=p.div(Q||(Q=x(["\n width: 100%;\n margin-bottom: ","px;\n"])),6*s.spacing),Ne=p.div($||($=x(["\n display: flex;\n justify-content: flex-end;\n width: 100%;\n"]))),Pe=function(e){var n=e.elementId,t=e.title,r=e.uploadButtonLabel,c=e.uploaderLabels,u=e.documentsLabels,p=e.documents,s=e.errors,d=e.isLoading,m=e.validator,f=e.onUploadClick,E=o.useState(p),_=E[0],g=E[1],T=o.useState(!0),v=T[0],x=T[1];return o.useEffect((function(){g(p)}),[p]),o.useEffect((function(){var e=m(_);x(!e)}),[_,m]),a.createElement(Ie,{id:n},t&&a.createElement(Se,null,t),a.createElement(he,null,_.map((function(e,t){return a.createElement(Ce,{index:t,type:e.type,parts:e.parts,documentLabels:u[e.type],uploaderLabels:c,errors:s,elementId:n+"_item_"+e.type,key:"kyc-form_item_"+e.type+"_"+t,onDocumentChange:function(e){return function(e,n){var t=[].concat(_);t.splice(e,1,n),g(t)}(t,e)}})}))),a.createElement(Ne,null,a.createElement(l,{elementId:n+"_button",type:i.ButtonType.Primary,isDisabled:v,isLoading:d||!1,onClick:function(){return f(_)}},r)))};Pe.SucessScreen=function(e){var n=e.elementId,t=e.description,r=e.support;return a.createElement(M,{id:n},a.createElement(w,null,a.createElement(c,{show:!0,elementId:n+"_success"},e.title)),t&&a.createElement(w,null,t),r&&a.createElement(L,null,r))},Pe.FailScreen=function(e){var n=e.support;return a.createElement(k,{id:e.elementId},a.createElement(Y,null,a.createElement(R,{label:e.title,isDocumentPartError:!1})),n)},exports.ACCEPT_FORMATS=ee,exports.AVAILABLE_EXTRA_PARTS_DOCUMENTS=ne,exports.MAX_EXTRA_PARTS_COUNT=3,exports.MAX_FILE_SIZE=5242880,exports.OPTIONAL_DOCUMENT_PARTS=te,exports.PDF_MIME_TYPE="application/pdf",exports.default=Pe;
1
+ "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var n,t,r,o=require("@propellerads/button"),a=e(o),i=require("react"),l=e(i),c=require("@propellerads/icon"),u=require("@propellerads/image-uploader"),p=e(u),s=e(require("@propellerads/textarea")),d=e(require("styled-components")),m=require("@propellerads/stylevariables"),f=e(require("@propellerads/success-label"));(n=exports.DOCUMENT_TYPES||(exports.DOCUMENT_TYPES={})).ID="id",n.UB="ub",n.ID_EXTRA="id_extra",n.CARD="bank_card",n.PAYMENT_SYSTEM_SCREEN="payment_system_screen",n.ONLINE_BANKING_STATEMENT="online_banking_statement",n.COMPANY_REGISTRATION_DOCUMENT="company_registration_document",n.SELFIE_WITH_ID_CARD="selfie_with_id_card_or_bank_card",n.PAYPAL_DETAILS_PAGE="pay_pal_details_page",n.BANK_WIRE_DETAILS="bank_wire_details",n.TRANSACTION_CONFIRMATION="transaction_confirmation",n.OTHER="other",n.FEEDBACK="feedback",(t=exports.PART_TYPES||(exports.PART_TYPES={})).ID_FRONT="id_front",t.ID_BACK="id_back",t.UB="ub_item",t.CARD="card_item",t.PAYMENT_SYSTEM_SCREEN="screen_item",t.ONLINE_BANKING_STATEMENT="obs_item",t.COMPANY_REGISTRATION_DOCUMENT="crd_item",t.SELFIE_WITH_ID_CARD="selfie_item",t.PAYPAL_DETAILS_PAGE_IMAGE="pay_pal_details_page_image",t.BANK_WIRE_DETAILS_PAGE="bank_wire_details_image",t.TRANSACTION_CONFIRMATION_IMAGE="transaction_confirmation_image",t.OTHER_IMAGE="other_image",t.FEEDBACK="feedback";var E,_,g,T=".png,.jpg,.jpe,.jpeg,.pdf,image/png,image/jpeg,application/pdf,image/heic",v=[exports.DOCUMENT_TYPES.CARD,exports.DOCUMENT_TYPES.CARD,exports.DOCUMENT_TYPES.PAYPAL_DETAILS_PAGE,exports.DOCUMENT_TYPES.BANK_WIRE_DETAILS,exports.DOCUMENT_TYPES.TRANSACTION_CONFIRMATION,exports.DOCUMENT_TYPES.SELFIE_WITH_ID_CARD,exports.DOCUMENT_TYPES.PAYMENT_SYSTEM_SCREEN,exports.DOCUMENT_TYPES.OTHER],x=((r={})[exports.DOCUMENT_TYPES.ID]={parts:[exports.PART_TYPES.ID_BACK]},r[exports.DOCUMENT_TYPES.ID_EXTRA]={parts:[exports.PART_TYPES.ID_BACK]},r);function y(e,n,t,r,o,a,i){try{var l=e[a](i),c=l.value}catch(e){return void t(e)}l.done?n(c):Promise.resolve(c).then(r,o)}function A(e){return function(){var n=this,t=arguments;return new Promise((function(r,o){var a=e.apply(n,t);function i(e){y(a,r,o,i,l,"next",e)}function l(e){y(a,r,o,i,l,"throw",e)}i(void 0)}))}}function b(){return(b=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(null,arguments)}function C(){var e,n,t="function"==typeof Symbol?Symbol:{},r=t.iterator||"@@iterator",o=t.toStringTag||"@@toStringTag";function a(t,r,o,a){var c=Object.create((r&&r.prototype instanceof l?r:l).prototype);return I(c,"_invoke",function(t,r,o){var a,l,c,u=0,p=o||[],s=!1,d={p:0,n:0,v:e,a:m,f:m.bind(e,4),d:function(n,t){return a=n,l=0,c=e,d.n=t,i}};function m(t,r){for(l=t,c=r,n=0;!s&&u&&!o&&n<p.length;n++){var o,a=p[n],m=d.p,f=a[2];t>3?(o=f===r)&&(c=a[(l=a[4])?5:(l=3,3)],a[4]=a[5]=e):a[0]<=m&&((o=t<2&&m<a[1])?(l=0,d.v=r,d.n=a[1]):m<f&&(o=t<3||a[0]>r||r>f)&&(a[4]=t,a[5]=r,d.n=f,l=0))}if(o||t>1)return i;throw s=!0,r}return function(o,p,f){if(u>1)throw TypeError("Generator is already running");for(s&&1===p&&m(p,f),l=p,c=f;(n=l<2?e:c)||!s;){a||(l?l<3?(l>1&&(d.n=-1),m(l,c)):d.n=c:d.v=c);try{if(u=2,a){if(l||(o="next"),n=a[o]){if(!(n=n.call(a,c)))throw TypeError("iterator result is not an object");if(!n.done)return n;c=n.value,l<2&&(l=0)}else 1===l&&(n=a.return)&&n.call(a),l<2&&(c=TypeError("The iterator does not provide a '"+o+"' method"),l=1);a=e}else if((n=(s=d.n<0)?c:t.call(r,d))!==i)break}catch(n){a=e,l=1,c=n}finally{u=1}}return{value:n,done:s}}}(t,o,a),!0),c}var i={};function l(){}function c(){}function u(){}n=Object.getPrototypeOf;var p=[][r]?n(n([][r]())):(I(n={},r,(function(){return this})),n),s=u.prototype=l.prototype=Object.create(p);function d(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,u):(e.__proto__=u,I(e,o,"GeneratorFunction")),e.prototype=Object.create(s),e}return c.prototype=u,I(s,"constructor",u),I(u,"constructor",c),c.displayName="GeneratorFunction",I(u,o,"GeneratorFunction"),I(s),I(s,o,"Generator"),I(s,r,(function(){return this})),I(s,"toString",(function(){return"[object Generator]"})),(C=function(){return{w:a,m:d}})()}function I(e,n,t,r){var o=Object.defineProperty;try{o({},"",{})}catch(e){o=0}(I=function(e,n,t,r){function a(n,t){I(e,n,(function(e){return this._invoke(n,t,e)}))}n?o?o(e,n,{value:t,enumerable:!r,configurable:!r,writable:!r}):e[n]=t:(a("next",0),a("throw",1),a("return",2))})(e,n,t,r)}function S(e,n){return n||(n=e.slice(0)),e.raw=n,e}var h,N,P,O,D,R,M,w,L,k,Y,F,j,G,U,B,K,z,q,W,H,X=d.div(E||(E=S(["\n display: flex;\n align-items: center;\n color: ",";\n margin-top: ","px;\n margin-bottom: ","px;\n"])),m.errorColor,2*m.spacing,4*m.spacing),V=d.span(_||(_=S(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 14px;\n height: 14px;\n border-radius: 100%;\n background-color: ",";\n\n &:before {\n font-size: ",";\n color: ",";\n content: '!';\n }\n"])),m.errorColor,m.fontSmall,m.white),Z=d.span(g||(g=S(["\n margin-left: ","px;\n"])),2*m.spacing),J=function(e){return l.createElement(X,null,e.isDocumentPartError?l.createElement(V,null):l.createElement(c.Close,{color:c.Color.Error,hoverColor:c.Color.Error,size:c.Size.Small}),l.createElement(Z,null,e.label))},Q=function(e){return v.includes(e)},$=function(e){var n;return null==e||null==(n=e.match(/[^:]\w+\/[\w-+\d.]+(?=;|,)/))?void 0:n[0]},ee=function(e,n){return n.every((function(n){return n.data!==(null==e?void 0:e.data)}))},ne=function(){var e=A(C().m((function e(n){var t;return C().w((function(e){for(;;)switch(e.n){case 0:return t=new FileReader,e.a(2,new Promise((function(e,r){t.onload=function(){return e(t.result)},t.onerror=function(e){return r(e)},t.readAsDataURL(n)})))}}),e)})));return function(n){return e.apply(this,arguments)}}(),te=d.div(h||(h=S(["\n margin-top: ","px;\n margin-left: ","px;\n"])),4*m.spacing,4*m.spacing),re=d.div(N||(N=S(["\n margin-bottom: ","px;\n"])),m.spacing),oe=d.div(P||(P=S(["\n display: flex;\n align-items: center;\n background-color: ",";\n padding: ","px;\n border-radius: ","px;\n"])),m.gray95,2*m.spacing,m.borderRadius),ae=d.span(O||(O=S(["\n width: 100%;\n margin-left: ","px;\n margin-right: ","px;\n"])),4*m.spacing,2*m.spacing),ie=d.span(D||(D=S(["\n cursor: pointer !important;\n margin-right: ","px;\n"])),2*m.spacing),le=d.div(R||(R=S(["\n height: 66px;\n"]))),ce=d.div(M||(M=S(["\n display: flex;\n flex-direction: column;\n margin-top: ","px;\n margin-left: ","px;\n"])),4*m.spacing,4*m.spacing),ue=d.img(w||(w=S(["\n width: auto;\n max-width: 204px;\n height: 50px;\n object-fit: contain;\n border-radius: ","px;\n"])),m.borderRadius),pe=d.div(L||(L=S(["\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 50px;\n height: 50px;\n border-radius: ","px;\n background-color: ",";\n"])),m.borderRadius,m.white),se=function(e){var n=e.data,t="application/pdf"===$(n),r=function(e){return"image/heic"===$(e)}(n);return t||r?l.createElement(pe,null,t&&l.createElement(c.Pdf,{color:c.Color.Gray,hoverColor:c.Color.Gray}),r&&l.createElement(c.Insert,{color:c.Color.Gray,hoverColor:c.Color.Gray})):l.createElement(ue,{src:n})},de=function(e){var n=e.elementId,t=e.title,r=e.uploaderLabels,o=e.onFileAdd;return l.createElement(ce,{id:n},t&&l.createElement(re,null,t),l.createElement(le,null,l.createElement(p,{title:r.title,action:r.action,maxSize:5242880,acceptFormats:T,elementId:n+"_uploader",direction:u.DIRECTION.ROW,onDrop:o})))},me=function(e){var n=e.name,t=e.title,r=e.data,o=e.error,a=e.elementId,i=e.uploaderLabels,s=e.onFileChange,d=e.onFileRemove;return l.createElement(te,{id:a},t&&l.createElement(re,null,t),r?l.createElement(oe,null,l.createElement(se,{data:r}),l.createElement(ae,null,n),l.createElement(ie,{onClick:d},l.createElement(c.Delete,{color:c.Color.Blue,hoverColor:c.Color.Blue}))):l.createElement(le,null,l.createElement(p,{title:i.title,action:i.action,maxSize:5242880,acceptFormats:T,elementId:a+"_uploader",direction:u.DIRECTION.ROW,onDrop:s})),o&&l.createElement(J,{label:o,isDocumentPartError:!0}))},fe=function(e){var n=e.onFeedbackChange,t=e.value,r=function(e){return n(e)};return l.createElement(te,null,l.createElement(s,{onChange:r,onBlur:r,value:void 0===t?"":t,errors:[],name:"kyc-client-comments",elementId:"kyc-feedback-textarea"}))},Ee=d.div(k||(k=S(["\n margin-top: ","px;\n"])),6*m.spacing),_e=d.div(Y||(Y=S(["\n font-size: ","px;\n font-weight: bold;\n color: ",";\n margin-bottom: ","px;\n"])),m.fontNormal,m.black,m.spacing),ge=d.div(F||(F=S(["\n font-size: ","px;\n color: ",";\n margin-left: ","px;\n"])),m.fontSmall,m.gray50,4*m.spacing),Te=function(e,n){return"["+e+"].parts["+n+"].data"},ve=function(e){var n,t=e.type,r=e.index,o=e.uploaderLabels,a=e.documentLabels,c=e.elementId,u=e.parts,p=e.errors,s=e.onDocumentChange,d=i.useState(new Map),m=d[0],f=d[1],E=function(e,n){return Q(e)&&n.every((function(e){return Boolean(e.data)}))&&n.length<3&&n.length>0}(t,u),_=null==a?void 0:a.parts,g=i.useState(new Map),T=g[0],v=g[1],x=function(e){var n=new Map(m);n.set(Te(r,e),o.oversizeError),f(n)},y=function(e){var n=new Map(m);n.delete(Te(r,e)),f(n)},I=function(e,n,r){var o=b({},e,{data:r}),a=[].concat(u);a.splice(n,1,o),s({type:t,parts:a})},S=function(){var e=A(C().m((function e(n,t){var r,o,a;return C().w((function(e){for(;;)switch(e.n){case 0:if(t){e.n=1;break}return x(n),e.a(2);case 1:return r=u[n]||u[0],e.n=2,ne(t);case 2:I(r,n,o=e.v),(a=new Map(T)).set(o,t.name),v(a),y(n);case 3:return e.a(2)}}),e)})));return function(n,t){return e.apply(this,arguments)}}(),h=function(e){if(e)return T.get(e)};return l.createElement(Ee,{id:c},l.createElement(_e,null,r+1+". "+(null==a?void 0:a.title)),(null==a?void 0:a.description)&&l.createElement(ge,null,null==a?void 0:a.description),u.map((function(e,n){var a,i="kyc-form_item_file_"+e.type,s=Q(t),d=null==_?void 0:_[e.type],f=s||null==d?void 0:d.title;Q(t)&&e.data&&(i=i+"_"+(null==(a=e.data)?void 0:a.substr(-32)),ee(e,u)||(i=i+"_"+n));var E=null==p?void 0:p[Te(r,n)],g=m.get(Te(r,n));return e.type===exports.PART_TYPES.FEEDBACK?l.createElement(fe,{key:i,value:e.data,onFeedbackChange:function(e){return function(e,n){I(u[e]||u[0],e,n)}(n,e)}}):l.createElement(me,{title:f,data:e.data,type:e.type,name:h(e.data),uploaderLabels:o,error:g||E,key:i,elementId:c+"_part_"+e.type+"_"+n,onFileChange:function(e){return S(n,e)},onFileRemove:function(){return function(e){I(u[e],e);var n=u[e],t=new Map(T);null!=n&&n.data&&ee(n,u)&&t.delete(null==n?void 0:n.data),v(t),y(e)}(n)}})})),E&&l.createElement(de,{elementId:c+"_extra",title:null==_||null==(n=_[u[0].type])?void 0:n.title,uploaderLabels:o,onFileAdd:function(e){return S(u.length,e)}}))},xe=d.div(j||(j=S(["\n display: flex;\n flex-direction: column;\n"]))),ye=d.span(G||(G=S(["\n margin-bottom: ","px;\n"])),8*m.spacing),Ae=d.span(U||(U=S(["\n color: ",";\n"])),m.gray50),be=d.div(B||(B=S(["\n display: flex;\n flex-direction: column;\n"]))),Ce=d.span(K||(K=S(["\n margin-bottom: ","px;\n"])),6*m.spacing),Ie=d.div(z||(z=S(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n"]))),Se=d.div(q||(q=S(["\n font-size: ","px;\n"])),m.fontNormal),he=d.div(W||(W=S(["\n width: 100%;\n margin-bottom: ","px;\n"])),6*m.spacing),Ne=d.div(H||(H=S(["\n display: flex;\n justify-content: flex-end;\n width: 100%;\n"]))),Pe=function(e){var n=e.elementId,t=e.title,r=e.uploadButtonLabel,c=e.uploaderLabels,u=e.documentsLabels,p=e.documents,s=e.errors,d=e.isLoading,m=e.validator,f=e.onUploadClick,E=i.useState(p),_=E[0],g=E[1],T=i.useState(!0),v=T[0],x=T[1];return i.useEffect((function(){g(p)}),[p]),i.useEffect((function(){var e=m(_);x(!e)}),[_,m]),l.createElement(Ie,{id:n},t&&l.createElement(Se,null,t),l.createElement(he,null,_.map((function(e,t){return l.createElement(ve,{index:t,type:e.type,parts:e.parts,documentLabels:u[e.type],uploaderLabels:c,errors:s,elementId:n+"_item_"+e.type,key:"kyc-form_item_"+e.type+"_"+t,onDocumentChange:function(e){return function(e,n){var t=[].concat(_);t.splice(e,1,n),g(t)}(t,e)}})}))),l.createElement(Ne,null,l.createElement(a,{elementId:n+"_button",type:o.ButtonType.Primary,isDisabled:v,isLoading:d||!1,onClick:function(){return f(_)}},r)))};Pe.SucessScreen=function(e){var n=e.elementId,t=e.description,r=e.support;return l.createElement(xe,{id:n},l.createElement(ye,null,l.createElement(f,{show:!0,elementId:n+"_success"},e.title)),t&&l.createElement(ye,null,t),r&&l.createElement(Ae,null,r))},Pe.FailScreen=function(e){var n=e.support;return l.createElement(be,{id:e.elementId},l.createElement(Ce,null,l.createElement(J,{label:e.title,isDocumentPartError:!1})),n)},exports.ACCEPT_FORMATS=T,exports.AVAILABLE_EXTRA_PARTS_DOCUMENTS=v,exports.MAX_EXTRA_PARTS_COUNT=3,exports.MAX_FILE_SIZE=5242880,exports.OPTIONAL_DOCUMENT_PARTS=x,exports.PDF_MIME_TYPE="application/pdf",exports.default=Pe;
2
2
  //# sourceMappingURL=kyc-form.cjs.production.min.js.map
package/dist/kyc-form.esm.js CHANGED
@@ -1,11 +1,57 @@
1
- import React, { useState, useEffect } from 'react';
2
1
  import Button, { ButtonType } from '@propellerads/button';
3
- import SuccessLabel from '@propellerads/success-label';
2
+ import React, { useState, useEffect } from 'react';
4
3
  import { Close, Color, Size, Delete, Pdf, Insert } from '@propellerads/icon';
5
- import styled from 'styled-components';
6
- import { errorColor, spacing, fontSmall, white, gray50, gray95, borderRadius, fontNormal, black } from '@propellerads/stylevariables';
7
- import TextArea from '@propellerads/textarea';
8
4
  import ImageUploader, { DIRECTION } from '@propellerads/image-uploader';
5
+ import TextArea from '@propellerads/textarea';
6
+ import styled from 'styled-components';
7
+ import { errorColor, spacing, fontSmall, white, gray95, borderRadius, fontNormal, black, gray50 } from '@propellerads/stylevariables';
8
+ import SuccessLabel from '@propellerads/success-label';
9
+
10
+ var DOCUMENT_TYPES;
11
+ (function (DOCUMENT_TYPES) {
12
+ DOCUMENT_TYPES["ID"] = "id";
13
+ DOCUMENT_TYPES["UB"] = "ub";
14
+ DOCUMENT_TYPES["ID_EXTRA"] = "id_extra";
15
+ DOCUMENT_TYPES["CARD"] = "bank_card";
16
+ DOCUMENT_TYPES["PAYMENT_SYSTEM_SCREEN"] = "payment_system_screen";
17
+ DOCUMENT_TYPES["ONLINE_BANKING_STATEMENT"] = "online_banking_statement";
18
+ DOCUMENT_TYPES["COMPANY_REGISTRATION_DOCUMENT"] = "company_registration_document";
19
+ DOCUMENT_TYPES["SELFIE_WITH_ID_CARD"] = "selfie_with_id_card_or_bank_card";
20
+ DOCUMENT_TYPES["PAYPAL_DETAILS_PAGE"] = "pay_pal_details_page";
21
+ DOCUMENT_TYPES["BANK_WIRE_DETAILS"] = "bank_wire_details";
22
+ DOCUMENT_TYPES["TRANSACTION_CONFIRMATION"] = "transaction_confirmation";
23
+ DOCUMENT_TYPES["OTHER"] = "other";
24
+ DOCUMENT_TYPES["FEEDBACK"] = "feedback";
25
+ })(DOCUMENT_TYPES || (DOCUMENT_TYPES = {}));
26
+ var PART_TYPES;
27
+ (function (PART_TYPES) {
28
+ PART_TYPES["ID_FRONT"] = "id_front";
29
+ PART_TYPES["ID_BACK"] = "id_back";
30
+ PART_TYPES["UB"] = "ub_item";
31
+ PART_TYPES["CARD"] = "card_item";
32
+ PART_TYPES["PAYMENT_SYSTEM_SCREEN"] = "screen_item";
33
+ PART_TYPES["ONLINE_BANKING_STATEMENT"] = "obs_item";
34
+ PART_TYPES["COMPANY_REGISTRATION_DOCUMENT"] = "crd_item";
35
+ PART_TYPES["SELFIE_WITH_ID_CARD"] = "selfie_item";
36
+ PART_TYPES["PAYPAL_DETAILS_PAGE_IMAGE"] = "pay_pal_details_page_image";
37
+ PART_TYPES["BANK_WIRE_DETAILS_PAGE"] = "bank_wire_details_image";
38
+ PART_TYPES["TRANSACTION_CONFIRMATION_IMAGE"] = "transaction_confirmation_image";
39
+ PART_TYPES["OTHER_IMAGE"] = "other_image";
40
+ PART_TYPES["FEEDBACK"] = "feedback";
41
+ })(PART_TYPES || (PART_TYPES = {}));
42
+
43
+ var _OPTIONAL_DOCUMENT_PA;
44
+ var MAX_FILE_SIZE = 5242880;
45
+ var MAX_EXTRA_PARTS_COUNT = 3;
46
+ var PDF_MIME_TYPE = 'application/pdf';
47
+ var HEIC_MIME_TYPE = 'image/heic';
48
+ var ACCEPT_FORMATS = ".png,.jpg,.jpe,.jpeg,.pdf,image/png,image/jpeg," + PDF_MIME_TYPE + "," + HEIC_MIME_TYPE;
49
+ var AVAILABLE_EXTRA_PARTS_DOCUMENTS = [DOCUMENT_TYPES.CARD, DOCUMENT_TYPES.CARD, DOCUMENT_TYPES.PAYPAL_DETAILS_PAGE, DOCUMENT_TYPES.BANK_WIRE_DETAILS, DOCUMENT_TYPES.TRANSACTION_CONFIRMATION, DOCUMENT_TYPES.SELFIE_WITH_ID_CARD, DOCUMENT_TYPES.PAYMENT_SYSTEM_SCREEN, DOCUMENT_TYPES.OTHER];
50
+ var OPTIONAL_DOCUMENT_PARTS = (_OPTIONAL_DOCUMENT_PA = {}, _OPTIONAL_DOCUMENT_PA[DOCUMENT_TYPES.ID] = {
51
+ parts: [PART_TYPES.ID_BACK]
52
+ }, _OPTIONAL_DOCUMENT_PA[DOCUMENT_TYPES.ID_EXTRA] = {
53
+ parts: [PART_TYPES.ID_BACK]
54
+ }, _OPTIONAL_DOCUMENT_PA);
9
55
 
10
56
  function asyncGeneratorStep(n, t, e, r, o, a, c) {
11
57
  try {
@@ -166,102 +212,9 @@ var KYCErrorLabel = function KYCErrorLabel(props) {
166
212
  }), React.createElement(StyledKYCErrorLabelText, null, props.label));
167
213
  };
168
214
 
169
- var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4, _templateObject5;
170
- var StyledKYCSucessScreen = /*#__PURE__*/styled.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
171
- var StyledKYCSucessScreenItem = /*#__PURE__*/styled.span(_templateObject2$1 || (_templateObject2$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n"])), spacing * 8);
172
- var StyledKYCSucessScreenSuppport = /*#__PURE__*/styled.span(_templateObject3$1 || (_templateObject3$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), gray50);
173
- var StyledKYCFailScreen = /*#__PURE__*/styled.div(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
174
- var StyledKYCFailScreenItem = /*#__PURE__*/styled.span(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n"])), spacing * 6);
175
-
176
- var DOCUMENT_TYPES;
177
- (function (DOCUMENT_TYPES) {
178
- DOCUMENT_TYPES["ID"] = "id";
179
- DOCUMENT_TYPES["UB"] = "ub";
180
- DOCUMENT_TYPES["ID_EXTRA"] = "id_extra";
181
- DOCUMENT_TYPES["CARD"] = "bank_card";
182
- DOCUMENT_TYPES["PAYMENT_SYSTEM_SCREEN"] = "payment_system_screen";
183
- DOCUMENT_TYPES["ONLINE_BANKING_STATEMENT"] = "online_banking_statement";
184
- DOCUMENT_TYPES["COMPANY_REGISTRATION_DOCUMENT"] = "company_registration_document";
185
- DOCUMENT_TYPES["SELFIE_WITH_ID_CARD"] = "selfie_with_id_card_or_bank_card";
186
- DOCUMENT_TYPES["PAYPAL_DETAILS_PAGE"] = "pay_pal_details_page";
187
- DOCUMENT_TYPES["BANK_WIRE_DETAILS"] = "bank_wire_details";
188
- DOCUMENT_TYPES["TRANSACTION_CONFIRMATION"] = "transaction_confirmation";
189
- DOCUMENT_TYPES["OTHER"] = "other";
190
- DOCUMENT_TYPES["FEEDBACK"] = "feedback";
191
- })(DOCUMENT_TYPES || (DOCUMENT_TYPES = {}));
192
- var PART_TYPES;
193
- (function (PART_TYPES) {
194
- PART_TYPES["ID_FRONT"] = "id_front";
195
- PART_TYPES["ID_BACK"] = "id_back";
196
- PART_TYPES["UB"] = "ub_item";
197
- PART_TYPES["CARD"] = "card_item";
198
- PART_TYPES["PAYMENT_SYSTEM_SCREEN"] = "screen_item";
199
- PART_TYPES["ONLINE_BANKING_STATEMENT"] = "obs_item";
200
- PART_TYPES["COMPANY_REGISTRATION_DOCUMENT"] = "crd_item";
201
- PART_TYPES["SELFIE_WITH_ID_CARD"] = "selfie_item";
202
- PART_TYPES["PAYPAL_DETAILS_PAGE_IMAGE"] = "pay_pal_details_page_image";
203
- PART_TYPES["BANK_WIRE_DETAILS_PAGE"] = "bank_wire_details_image";
204
- PART_TYPES["TRANSACTION_CONFIRMATION_IMAGE"] = "transaction_confirmation_image";
205
- PART_TYPES["OTHER_IMAGE"] = "other_image";
206
- PART_TYPES["FEEDBACK"] = "feedback";
207
- })(PART_TYPES || (PART_TYPES = {}));
208
-
209
- var _OPTIONAL_DOCUMENT_PA;
210
- var MAX_FILE_SIZE = 5242880;
211
- var MAX_EXTRA_PARTS_COUNT = 3;
212
- var PDF_MIME_TYPE = 'application/pdf';
213
- var HEIC_MIME_TYPE = 'image/heic';
214
- var ACCEPT_FORMATS = ".png,.jpg,.jpe,.jpeg,.pdf,image/png,image/jpeg," + PDF_MIME_TYPE + "," + HEIC_MIME_TYPE;
215
- var AVAILABLE_EXTRA_PARTS_DOCUMENTS = [DOCUMENT_TYPES.CARD, DOCUMENT_TYPES.CARD, DOCUMENT_TYPES.PAYPAL_DETAILS_PAGE, DOCUMENT_TYPES.BANK_WIRE_DETAILS, DOCUMENT_TYPES.TRANSACTION_CONFIRMATION, DOCUMENT_TYPES.SELFIE_WITH_ID_CARD, DOCUMENT_TYPES.PAYMENT_SYSTEM_SCREEN, DOCUMENT_TYPES.OTHER];
216
- var OPTIONAL_DOCUMENT_PARTS = (_OPTIONAL_DOCUMENT_PA = {}, _OPTIONAL_DOCUMENT_PA[DOCUMENT_TYPES.ID] = {
217
- parts: [PART_TYPES.ID_BACK]
218
- }, _OPTIONAL_DOCUMENT_PA[DOCUMENT_TYPES.ID_EXTRA] = {
219
- parts: [PART_TYPES.ID_BACK]
220
- }, _OPTIONAL_DOCUMENT_PA);
221
-
222
- var KYCSucessScreen = function KYCSucessScreen(props) {
223
- var elementId = props.elementId,
224
- title = props.title,
225
- description = props.description,
226
- support = props.support;
227
- return React.createElement(StyledKYCSucessScreen, {
228
- id: elementId
229
- }, React.createElement(StyledKYCSucessScreenItem, null, React.createElement(SuccessLabel, {
230
- show: true,
231
- elementId: elementId + "_success"
232
- }, title)), description && React.createElement(StyledKYCSucessScreenItem, null, description), support && React.createElement(StyledKYCSucessScreenSuppport, null, support));
233
- };
234
- var KYCFailScreen = function KYCFailScreen(props) {
235
- var elementId = props.elementId,
236
- title = props.title,
237
- support = props.support;
238
- return React.createElement(StyledKYCFailScreen, {
239
- id: elementId
240
- }, React.createElement(StyledKYCFailScreenItem, null, React.createElement(KYCErrorLabel, {
241
- label: title,
242
- isDocumentPartError: false
243
- })), support);
244
- };
245
- var KYCStatusScreen = {
246
- KYCSucessScreen: KYCSucessScreen,
247
- KYCFailScreen: KYCFailScreen
248
- };
249
-
250
- var _templateObject$2, _templateObject2$2, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
251
- var StyledKYCFormItem = /*#__PURE__*/styled.div(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: ", "px;\n margin-left: ", "px;\n"])), spacing * 4, spacing * 4);
252
- var StyledKYCFormItemFileTitle = /*#__PURE__*/styled.div(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n"])), spacing);
253
- var StyledKYCFormItemFilePreview = /*#__PURE__*/styled.div(_templateObject3$2 || (_templateObject3$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n background-color: ", ";\n padding: ", "px;\n border-radius: ", "px;\n"])), gray95, spacing * 2, borderRadius);
254
- var StyledKYCFormItemFilePreviewName = /*#__PURE__*/styled.span(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n margin-left: ", "px;\n margin-right: ", "px;\n"])), spacing * 4, spacing * 2);
255
- var StyledKYCFormItemFilePreviewRemove = /*#__PURE__*/styled.span(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer !important;\n margin-right: ", "px;\n"])), spacing * 2);
256
- var StyledKYCFormItemFileUploaderContainer = /*#__PURE__*/styled.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 66px;\n"])));
257
- var StyledKYCFormItemFileExtraPart = /*#__PURE__*/styled.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-top: ", "px;\n margin-left: ", "px;\n"])), spacing * 4, spacing * 4);
258
- var StyledKYCDocumentPartImgMiniature = /*#__PURE__*/styled.img(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: auto;\n max-width: 204px;\n height: 50px;\n object-fit: contain;\n border-radius: ", "px;\n"])), borderRadius);
259
- var StyledKYCDocumentPartIconMiniature = /*#__PURE__*/styled.div(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 50px;\n height: 50px;\n border-radius: ", "px;\n background-color: ", ";\n"])), borderRadius, white);
260
-
261
215
  var isDocumentExtraPartAvailable = function isDocumentExtraPartAvailable(documentType) {
262
216
  return AVAILABLE_EXTRA_PARTS_DOCUMENTS.includes(documentType);
263
217
  };
264
- // eslint-disable-next-line max-len
265
218
  var canAddExtraPart = function canAddExtraPart(documentType, parts) {
266
219
  return isDocumentExtraPartAvailable(documentType) && parts.every(function (part) {
267
220
  return Boolean(part.data);
@@ -308,6 +261,17 @@ var getFileBase64 = /*#__PURE__*/function () {
308
261
  };
309
262
  }();
310
263
 
264
+ var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
265
+ var StyledKYCFormItem = /*#__PURE__*/styled.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: ", "px;\n margin-left: ", "px;\n"])), spacing * 4, spacing * 4);
266
+ var StyledKYCFormItemFileTitle = /*#__PURE__*/styled.div(_templateObject2$1 || (_templateObject2$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n"])), spacing);
267
+ var StyledKYCFormItemFilePreview = /*#__PURE__*/styled.div(_templateObject3$1 || (_templateObject3$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n background-color: ", ";\n padding: ", "px;\n border-radius: ", "px;\n"])), gray95, spacing * 2, borderRadius);
268
+ var StyledKYCFormItemFilePreviewName = /*#__PURE__*/styled.span(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n margin-left: ", "px;\n margin-right: ", "px;\n"])), spacing * 4, spacing * 2);
269
+ var StyledKYCFormItemFilePreviewRemove = /*#__PURE__*/styled.span(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer !important;\n margin-right: ", "px;\n"])), spacing * 2);
270
+ var StyledKYCFormItemFileUploaderContainer = /*#__PURE__*/styled.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 66px;\n"])));
271
+ var StyledKYCFormItemFileExtraPart = /*#__PURE__*/styled.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-top: ", "px;\n margin-left: ", "px;\n"])), spacing * 4, spacing * 4);
272
+ var StyledKYCDocumentPartImgMiniature = /*#__PURE__*/styled.img(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: auto;\n max-width: 204px;\n height: 50px;\n object-fit: contain;\n border-radius: ", "px;\n"])), borderRadius);
273
+ var StyledKYCDocumentPartIconMiniature = /*#__PURE__*/styled.div(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 50px;\n height: 50px;\n border-radius: ", "px;\n background-color: ", ";\n"])), borderRadius, white);
274
+
311
275
  var KYCDocumentPartMiniature = function KYCDocumentPartMiniature(props) {
312
276
  var data = props.data;
313
277
  var isPDFPart = isPDF(data);
@@ -395,10 +359,10 @@ var KYCDocumentParts = {
395
359
  KYCFormItemText: KYCFormItemText
396
360
  };
397
361
 
398
- var _templateObject$3, _templateObject2$3, _templateObject3$3;
399
- var StyledKYCFormItem$1 = /*#__PURE__*/styled.div(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: ", "px;\n"])), spacing * 6);
400
- var StyledKYCFormItemTitle = /*#__PURE__*/styled.div(_templateObject2$3 || (_templateObject2$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: ", "px;\n font-weight: bold;\n color: ", ";\n margin-bottom: ", "px;\n"])), fontNormal, black, spacing);
401
- var StyledKYCFormItemDescription = /*#__PURE__*/styled.div(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: ", "px;\n color: ", ";\n margin-left: ", "px;\n"])), fontSmall, gray50, spacing * 4);
362
+ var _templateObject$2, _templateObject2$2, _templateObject3$2;
363
+ var StyledKYCFormItem$1 = /*#__PURE__*/styled.div(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: ", "px;\n"])), spacing * 6);
364
+ var StyledKYCFormItemTitle = /*#__PURE__*/styled.div(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: ", "px;\n font-weight: bold;\n color: ", ";\n margin-bottom: ", "px;\n"])), fontNormal, black, spacing);
365
+ var StyledKYCFormItemDescription = /*#__PURE__*/styled.div(_templateObject3$2 || (_templateObject3$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: ", "px;\n color: ", ";\n margin-left: ", "px;\n"])), fontSmall, gray50, spacing * 4);
402
366
 
403
367
  var getErrorKey = function getErrorKey(documentIndex, partIndex) {
404
368
  return "[" + documentIndex + "].parts[" + partIndex + "].data";
@@ -547,6 +511,41 @@ var KYCFormItem = function KYCFormItem(props) {
547
511
  }));
548
512
  };
549
513
 
514
+ var _templateObject$3, _templateObject2$3, _templateObject3$3, _templateObject4$1, _templateObject5$1;
515
+ var StyledKYCSucessScreen = /*#__PURE__*/styled.div(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
516
+ var StyledKYCSucessScreenItem = /*#__PURE__*/styled.span(_templateObject2$3 || (_templateObject2$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n"])), spacing * 8);
517
+ var StyledKYCSucessScreenSuppport = /*#__PURE__*/styled.span(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), gray50);
518
+ var StyledKYCFailScreen = /*#__PURE__*/styled.div(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
519
+ var StyledKYCFailScreenItem = /*#__PURE__*/styled.span(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n"])), spacing * 6);
520
+
521
+ var KYCSucessScreen = function KYCSucessScreen(props) {
522
+ var elementId = props.elementId,
523
+ title = props.title,
524
+ description = props.description,
525
+ support = props.support;
526
+ return React.createElement(StyledKYCSucessScreen, {
527
+ id: elementId
528
+ }, React.createElement(StyledKYCSucessScreenItem, null, React.createElement(SuccessLabel, {
529
+ show: true,
530
+ elementId: elementId + "_success"
531
+ }, title)), description && React.createElement(StyledKYCSucessScreenItem, null, description), support && React.createElement(StyledKYCSucessScreenSuppport, null, support));
532
+ };
533
+ var KYCFailScreen = function KYCFailScreen(props) {
534
+ var elementId = props.elementId,
535
+ title = props.title,
536
+ support = props.support;
537
+ return React.createElement(StyledKYCFailScreen, {
538
+ id: elementId
539
+ }, React.createElement(StyledKYCFailScreenItem, null, React.createElement(KYCErrorLabel, {
540
+ label: title,
541
+ isDocumentPartError: false
542
+ })), support);
543
+ };
544
+ var KYCStatusScreen = {
545
+ KYCSucessScreen: KYCSucessScreen,
546
+ KYCFailScreen: KYCFailScreen
547
+ };
548
+
550
549
  var _templateObject$4, _templateObject2$4, _templateObject3$4, _templateObject4$2;
551
550
  var StyledKYCForm = /*#__PURE__*/styled.div(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n"])));
552
551
  var StyledKYCFormTitle = /*#__PURE__*/styled.div(_templateObject2$4 || (_templateObject2$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: ", "px;\n"])), fontNormal);
package/dist/kyc-form.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"kyc-form.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"kyc-form.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/types.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  import { KYCDocument } from './document.types';
3
- import { UploaderLabels, DocumentsLabels } from './labels.types';
3
+ import { DocumentsLabels, UploaderLabels } from './labels.types';
4
4
  export interface KYCFormProps {
5
5
  elementId: string;
6
6
  title: ReactNode;
package/dist/utils.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { DOCUMENT_TYPES, KYCFileData, KYCFile } from './document.types';
1
+ import { DOCUMENT_TYPES, KYCFile, KYCFileData } from './document.types';
2
2
  declare const isDocumentExtraPartAvailable: (documentType: DOCUMENT_TYPES) => boolean;
3
3
  declare const canAddExtraPart: (documentType: DOCUMENT_TYPES, parts: KYCFile[]) => boolean;
4
4
  declare const canRemoveExtraPart: (documentType: DOCUMENT_TYPES, parts: KYCFile[]) => boolean;
@@ -6,4 +6,4 @@ declare const isPDF: (partData: KYCFileData) => boolean;
6
6
  declare const isHEIC: (partData: KYCFileData) => boolean;
7
7
  declare const isFileUniqueInDocument: (file: KYCFile, parts: KYCFile[]) => boolean;
8
8
  declare const getFileBase64: (file: File) => Promise<string>;
9
- export { isDocumentExtraPartAvailable, isFileUniqueInDocument, canAddExtraPart, canRemoveExtraPart, isPDF, isHEIC, getFileBase64, };
9
+ export { canAddExtraPart, canRemoveExtraPart, getFileBase64, isDocumentExtraPartAvailable, isFileUniqueInDocument, isHEIC, isPDF, };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@propellerads/kyc-form",
3
- "version": "4.1.3",
3
+ "version": "4.1.5",
4
4
  "module": "dist/kyc-form.esm.js",
5
5
  "main": "dist/index.js",
6
6
  "typings": "dist/index.d.ts",
@@ -24,12 +24,12 @@
24
24
  "styled-components": "5.1.1"
25
25
  },
26
26
  "dependencies": {
27
- "@propellerads/button": "^9.0.0",
28
- "@propellerads/icon": "7.0.0",
27
+ "@propellerads/button": "^9.0.2",
28
+ "@propellerads/icon": "7.1.1",
29
29
  "@propellerads/image-uploader": "^3.0.3",
30
30
  "@propellerads/stylevariables": "^2.0.2",
31
- "@propellerads/success-label": "3.1.2",
32
- "@propellerads/textarea": "4.0.2"
31
+ "@propellerads/success-label": "3.1.4",
32
+ "@propellerads/textarea": "5.0.1"
33
33
  },
34
34
  "devDependencies": {
35
35
  "tsdx": "0.14.1",