@propellerads/kyc-form 4.1.4 → 4.1.6

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 (12) hide show
  1. package/dist/KYCDocumentParts/types.d.ts +1 -1
  2. package/dist/KYCStatusScreen/index.d.ts +3 -3
  3. package/dist/constants.d.ts +2 -1
  4. package/dist/index.d.ts +2 -2
  5. package/dist/kyc-form.cjs.development.js +119 -105
  6. package/dist/kyc-form.cjs.development.js.map +1 -1
  7. package/dist/kyc-form.cjs.production.min.js +1 -1
  8. package/dist/kyc-form.esm.js +120 -106
  9. package/dist/kyc-form.esm.js.map +1 -1
  10. package/dist/types.d.ts +1 -1
  11. package/dist/utils.d.ts +2 -2
  12. package/package.json +6 -6
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/constants.d.ts CHANGED
@@ -1,9 +1,10 @@
1
+ import type { ImageUploaderProps } from '@propellerads/image-uploader';
1
2
  import { DOCUMENT_TYPES, PART_TYPES } from './document.types';
2
3
  export declare const MAX_FILE_SIZE = 5242880;
3
4
  export declare const MAX_EXTRA_PARTS_COUNT = 3;
4
5
  export declare const PDF_MIME_TYPE = "application/pdf";
5
6
  export declare const HEIC_MIME_TYPE = "image/heic";
6
- export declare const ACCEPT_FORMATS: string;
7
+ export declare const ACCEPT_FORMATS: ImageUploaderProps['acceptFormats'];
7
8
  export declare const AVAILABLE_EXTRA_PARTS_DOCUMENTS: DOCUMENT_TYPES[];
8
9
  export declare const OPTIONAL_DOCUMENT_PARTS: {
9
10
  id: {
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,64 @@ 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 _ACCEPT_FORMATS, _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 = (_ACCEPT_FORMATS = {
56
+ 'image/png': ['.png'],
57
+ 'image/jpeg': ['.jpg', '.jpe', '.jpeg']
58
+ }, _ACCEPT_FORMATS[PDF_MIME_TYPE] = ['.pdf'], _ACCEPT_FORMATS[HEIC_MIME_TYPE] = ['.heic'], _ACCEPT_FORMATS);
59
+ 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];
60
+ var OPTIONAL_DOCUMENT_PARTS = (_OPTIONAL_DOCUMENT_PA = {}, _OPTIONAL_DOCUMENT_PA[exports.DOCUMENT_TYPES.ID] = {
61
+ parts: [exports.PART_TYPES.ID_BACK]
62
+ }, _OPTIONAL_DOCUMENT_PA[exports.DOCUMENT_TYPES.ID_EXTRA] = {
63
+ parts: [exports.PART_TYPES.ID_BACK]
64
+ }, _OPTIONAL_DOCUMENT_PA);
18
65
 
19
66
  function asyncGeneratorStep(n, t, e, r, o, a, c) {
20
67
  try {
@@ -175,100 +222,9 @@ var KYCErrorLabel = function KYCErrorLabel(props) {
175
222
  }), React__default.createElement(StyledKYCErrorLabelText, null, props.label));
176
223
  };
177
224
 
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
225
  var isDocumentExtraPartAvailable = function isDocumentExtraPartAvailable(documentType) {
269
226
  return AVAILABLE_EXTRA_PARTS_DOCUMENTS.includes(documentType);
270
227
  };
271
- // eslint-disable-next-line max-len
272
228
  var canAddExtraPart = function canAddExtraPart(documentType, parts) {
273
229
  return isDocumentExtraPartAvailable(documentType) && parts.every(function (part) {
274
230
  return Boolean(part.data);
@@ -315,6 +271,17 @@ var getFileBase64 = /*#__PURE__*/function () {
315
271
  };
316
272
  }();
317
273
 
274
+ var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
275
+ 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);
276
+ var StyledKYCFormItemFileTitle = /*#__PURE__*/styled.div(_templateObject2$1 || (_templateObject2$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n"])), stylevariables.spacing);
277
+ 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);
278
+ 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);
279
+ var StyledKYCFormItemFilePreviewRemove = /*#__PURE__*/styled.span(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer !important;\n margin-right: ", "px;\n"])), stylevariables.spacing * 2);
280
+ var StyledKYCFormItemFileUploaderContainer = /*#__PURE__*/styled.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 66px;\n"])));
281
+ 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);
282
+ 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);
283
+ 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);
284
+
318
285
  var KYCDocumentPartMiniature = function KYCDocumentPartMiniature(props) {
319
286
  var data = props.data;
320
287
  var isPDFPart = isPDF(data);
@@ -337,6 +304,12 @@ var KYCFormItemFileExtraPart = function KYCFormItemFileExtraPart(props) {
337
304
  title = props.title,
338
305
  uploaderLabels = props.uploaderLabels,
339
306
  onFileAdd = props.onFileAdd;
307
+ var handleDrop = function handleDrop(files) {
308
+ var file = files[0];
309
+ if (file) {
310
+ onFileAdd(file);
311
+ }
312
+ };
340
313
  return React__default.createElement(StyledKYCFormItemFileExtraPart, {
341
314
  id: elementId
342
315
  }, title && React__default.createElement(StyledKYCFormItemFileTitle, null, title), React__default.createElement(StyledKYCFormItemFileUploaderContainer, null, React__default.createElement(ImageUploader__default, {
@@ -345,8 +318,8 @@ var KYCFormItemFileExtraPart = function KYCFormItemFileExtraPart(props) {
345
318
  maxSize: MAX_FILE_SIZE,
346
319
  acceptFormats: ACCEPT_FORMATS,
347
320
  elementId: elementId + "_uploader",
348
- direction: ImageUploader.DIRECTION.ROW,
349
- onDrop: onFileAdd
321
+ direction: ImageUploader.Direction.Row,
322
+ onDrop: handleDrop
350
323
  })));
351
324
  };
352
325
  var KYCFormItemFile = function KYCFormItemFile(props) {
@@ -358,6 +331,12 @@ var KYCFormItemFile = function KYCFormItemFile(props) {
358
331
  uploaderLabels = props.uploaderLabels,
359
332
  onFileChange = props.onFileChange,
360
333
  onFileRemove = props.onFileRemove;
334
+ var handleDrop = function handleDrop(files) {
335
+ var file = files[0];
336
+ if (file) {
337
+ onFileChange(file);
338
+ }
339
+ };
361
340
  return React__default.createElement(StyledKYCFormItem, {
362
341
  id: elementId
363
342
  }, title && React__default.createElement(StyledKYCFormItemFileTitle, null, title), data ? React__default.createElement(StyledKYCFormItemFilePreview, null, React__default.createElement(KYCDocumentPartMiniature, {
@@ -373,8 +352,8 @@ var KYCFormItemFile = function KYCFormItemFile(props) {
373
352
  maxSize: MAX_FILE_SIZE,
374
353
  acceptFormats: ACCEPT_FORMATS,
375
354
  elementId: elementId + "_uploader",
376
- direction: ImageUploader.DIRECTION.ROW,
377
- onDrop: onFileChange
355
+ direction: ImageUploader.Direction.Row,
356
+ onDrop: handleDrop
378
357
  })), error && React__default.createElement(KYCErrorLabel, {
379
358
  label: error,
380
359
  isDocumentPartError: true
@@ -402,10 +381,10 @@ var KYCDocumentParts = {
402
381
  KYCFormItemText: KYCFormItemText
403
382
  };
404
383
 
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);
384
+ var _templateObject$2, _templateObject2$2, _templateObject3$2;
385
+ var StyledKYCFormItem$1 = /*#__PURE__*/styled.div(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: ", "px;\n"])), stylevariables.spacing * 6);
386
+ 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);
387
+ 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
388
 
410
389
  var getErrorKey = function getErrorKey(documentIndex, partIndex) {
411
390
  return "[" + documentIndex + "].parts[" + partIndex + "].data";
@@ -554,6 +533,41 @@ var KYCFormItem = function KYCFormItem(props) {
554
533
  }));
555
534
  };
556
535
 
536
+ var _templateObject$3, _templateObject2$3, _templateObject3$3, _templateObject4$1, _templateObject5$1;
537
+ var StyledKYCSucessScreen = /*#__PURE__*/styled.div(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
538
+ var StyledKYCSucessScreenItem = /*#__PURE__*/styled.span(_templateObject2$3 || (_templateObject2$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n"])), stylevariables.spacing * 8);
539
+ var StyledKYCSucessScreenSuppport = /*#__PURE__*/styled.span(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), stylevariables.gray50);
540
+ var StyledKYCFailScreen = /*#__PURE__*/styled.div(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
541
+ var StyledKYCFailScreenItem = /*#__PURE__*/styled.span(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n"])), stylevariables.spacing * 6);
542
+
543
+ var KYCSucessScreen = function KYCSucessScreen(props) {
544
+ var elementId = props.elementId,
545
+ title = props.title,
546
+ description = props.description,
547
+ support = props.support;
548
+ return React__default.createElement(StyledKYCSucessScreen, {
549
+ id: elementId
550
+ }, React__default.createElement(StyledKYCSucessScreenItem, null, React__default.createElement(SuccessLabel, {
551
+ show: true,
552
+ elementId: elementId + "_success"
553
+ }, title)), description && React__default.createElement(StyledKYCSucessScreenItem, null, description), support && React__default.createElement(StyledKYCSucessScreenSuppport, null, support));
554
+ };
555
+ var KYCFailScreen = function KYCFailScreen(props) {
556
+ var elementId = props.elementId,
557
+ title = props.title,
558
+ support = props.support;
559
+ return React__default.createElement(StyledKYCFailScreen, {
560
+ id: elementId
561
+ }, React__default.createElement(StyledKYCFailScreenItem, null, React__default.createElement(KYCErrorLabel, {
562
+ label: title,
563
+ isDocumentPartError: false
564
+ })), support);
565
+ };
566
+ var KYCStatusScreen = {
567
+ KYCSucessScreen: KYCSucessScreen,
568
+ KYCFailScreen: KYCFailScreen
569
+ };
570
+
557
571
  var _templateObject$4, _templateObject2$4, _templateObject3$4, _templateObject4$2;
558
572
  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
573
  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,a=require("@propellerads/button"),i=e(a),l=require("react"),c=e(l),u=require("@propellerads/icon"),p=require("@propellerads/image-uploader"),s=e(p),d=e(require("@propellerads/textarea")),m=e(require("styled-components")),f=require("@propellerads/stylevariables"),E=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 _,g,v,T=((r={"image/png":[".png"],"image/jpeg":[".jpg",".jpe",".jpeg"]})["application/pdf"]=[".pdf"],r["image/heic"]=[".heic"],r),x=[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],y=((o={})[exports.DOCUMENT_TYPES.ID]={parts:[exports.PART_TYPES.ID_BACK]},o[exports.DOCUMENT_TYPES.ID_EXTRA]={parts:[exports.PART_TYPES.ID_BACK]},o);function A(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 b(e){return function(){var n=this,t=arguments;return new Promise((function(r,o){var a=e.apply(n,t);function i(e){A(a,r,o,i,l,"next",e)}function l(e){A(a,r,o,i,l,"throw",e)}i(void 0)}))}}function C(){return(C=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 I(){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 S(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]())):(S(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,S(e,o,"GeneratorFunction")),e.prototype=Object.create(s),e}return c.prototype=u,S(s,"constructor",u),S(u,"constructor",c),c.displayName="GeneratorFunction",S(u,o,"GeneratorFunction"),S(s),S(s,o,"Generator"),S(s,r,(function(){return this})),S(s,"toString",(function(){return"[object Generator]"})),(I=function(){return{w:a,m:d}})()}function S(e,n,t,r){var o=Object.defineProperty;try{o({},"",{})}catch(e){o=0}(S=function(e,n,t,r){function a(n,t){S(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 h(e,n){return n||(n=e.slice(0)),e.raw=n,e}var P,N,D,O,R,M,w,L,k,Y,F,j,G,U,B,K,z,q,H,W,X,V=m.div(_||(_=h(["\n display: flex;\n align-items: center;\n color: ",";\n margin-top: ","px;\n margin-bottom: ","px;\n"])),f.errorColor,2*f.spacing,4*f.spacing),Z=m.span(g||(g=h(["\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"])),f.errorColor,f.fontSmall,f.white),J=m.span(v||(v=h(["\n margin-left: ","px;\n"])),2*f.spacing),Q=function(e){return c.createElement(V,null,e.isDocumentPartError?c.createElement(Z,null):c.createElement(u.Close,{color:u.Color.Error,hoverColor:u.Color.Error,size:u.Size.Small}),c.createElement(J,null,e.label))},$=function(e){return x.includes(e)},ee=function(e){var n;return null==e||null==(n=e.match(/[^:]\w+\/[\w-+\d.]+(?=;|,)/))?void 0:n[0]},ne=function(e,n){return n.every((function(n){return n.data!==(null==e?void 0:e.data)}))},te=function(){var e=b(I().m((function e(n){var t;return I().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)}}(),re=m.div(P||(P=h(["\n margin-top: ","px;\n margin-left: ","px;\n"])),4*f.spacing,4*f.spacing),oe=m.div(N||(N=h(["\n margin-bottom: ","px;\n"])),f.spacing),ae=m.div(D||(D=h(["\n display: flex;\n align-items: center;\n background-color: ",";\n padding: ","px;\n border-radius: ","px;\n"])),f.gray95,2*f.spacing,f.borderRadius),ie=m.span(O||(O=h(["\n width: 100%;\n margin-left: ","px;\n margin-right: ","px;\n"])),4*f.spacing,2*f.spacing),le=m.span(R||(R=h(["\n cursor: pointer !important;\n margin-right: ","px;\n"])),2*f.spacing),ce=m.div(M||(M=h(["\n height: 66px;\n"]))),ue=m.div(w||(w=h(["\n display: flex;\n flex-direction: column;\n margin-top: ","px;\n margin-left: ","px;\n"])),4*f.spacing,4*f.spacing),pe=m.img(L||(L=h(["\n width: auto;\n max-width: 204px;\n height: 50px;\n object-fit: contain;\n border-radius: ","px;\n"])),f.borderRadius),se=m.div(k||(k=h(["\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"])),f.borderRadius,f.white),de=function(e){var n=e.data,t="application/pdf"===ee(n),r=function(e){return"image/heic"===ee(e)}(n);return t||r?c.createElement(se,null,t&&c.createElement(u.Pdf,{color:u.Color.Gray,hoverColor:u.Color.Gray}),r&&c.createElement(u.Insert,{color:u.Color.Gray,hoverColor:u.Color.Gray})):c.createElement(pe,{src:n})},me=function(e){var n=e.elementId,t=e.title,r=e.uploaderLabels,o=e.onFileAdd;return c.createElement(ue,{id:n},t&&c.createElement(oe,null,t),c.createElement(ce,null,c.createElement(s,{title:r.title,action:r.action,maxSize:5242880,acceptFormats:T,elementId:n+"_uploader",direction:p.Direction.Row,onDrop:function(e){var n=e[0];n&&o(n)}})))},fe=function(e){var n=e.name,t=e.title,r=e.data,o=e.error,a=e.elementId,i=e.uploaderLabels,l=e.onFileChange,d=e.onFileRemove;return c.createElement(re,{id:a},t&&c.createElement(oe,null,t),r?c.createElement(ae,null,c.createElement(de,{data:r}),c.createElement(ie,null,n),c.createElement(le,{onClick:d},c.createElement(u.Delete,{color:u.Color.Blue,hoverColor:u.Color.Blue}))):c.createElement(ce,null,c.createElement(s,{title:i.title,action:i.action,maxSize:5242880,acceptFormats:T,elementId:a+"_uploader",direction:p.Direction.Row,onDrop:function(e){var n=e[0];n&&l(n)}})),o&&c.createElement(Q,{label:o,isDocumentPartError:!0}))},Ee=function(e){var n=e.onFeedbackChange,t=e.value,r=function(e){return n(e)};return c.createElement(re,null,c.createElement(d,{onChange:r,onBlur:r,value:void 0===t?"":t,errors:[],name:"kyc-client-comments",elementId:"kyc-feedback-textarea"}))},_e=m.div(Y||(Y=h(["\n margin-top: ","px;\n"])),6*f.spacing),ge=m.div(F||(F=h(["\n font-size: ","px;\n font-weight: bold;\n color: ",";\n margin-bottom: ","px;\n"])),f.fontNormal,f.black,f.spacing),ve=m.div(j||(j=h(["\n font-size: ","px;\n color: ",";\n margin-left: ","px;\n"])),f.fontSmall,f.gray50,4*f.spacing),Te=function(e,n){return"["+e+"].parts["+n+"].data"},xe=function(e){var n,t=e.type,r=e.index,o=e.uploaderLabels,a=e.documentLabels,i=e.elementId,u=e.parts,p=e.errors,s=e.onDocumentChange,d=l.useState(new Map),m=d[0],f=d[1],E=function(e,n){return $(e)&&n.every((function(e){return Boolean(e.data)}))&&n.length<3&&n.length>0}(t,u),_=null==a?void 0:a.parts,g=l.useState(new Map),v=g[0],T=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)},A=function(e,n,r){var o=C({},e,{data:r}),a=[].concat(u);a.splice(n,1,o),s({type:t,parts:a})},S=function(){var e=b(I().m((function e(n,t){var r,o,a;return I().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,te(t);case 2:A(r,n,o=e.v),(a=new Map(v)).set(o,t.name),T(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 v.get(e)};return c.createElement(_e,{id:i},c.createElement(ge,null,r+1+". "+(null==a?void 0:a.title)),(null==a?void 0:a.description)&&c.createElement(ve,null,null==a?void 0:a.description),u.map((function(e,n){var a,l="kyc-form_item_file_"+e.type,s=$(t),d=null==_?void 0:_[e.type],f=s||null==d?void 0:d.title;$(t)&&e.data&&(l=l+"_"+(null==(a=e.data)?void 0:a.substr(-32)),ne(e,u)||(l=l+"_"+n));var E=null==p?void 0:p[Te(r,n)],g=m.get(Te(r,n));return e.type===exports.PART_TYPES.FEEDBACK?c.createElement(Ee,{key:l,value:e.data,onFeedbackChange:function(e){return function(e,n){A(u[e]||u[0],e,n)}(n,e)}}):c.createElement(fe,{title:f,data:e.data,type:e.type,name:h(e.data),uploaderLabels:o,error:g||E,key:l,elementId:i+"_part_"+e.type+"_"+n,onFileChange:function(e){return S(n,e)},onFileRemove:function(){return function(e){A(u[e],e);var n=u[e],t=new Map(v);null!=n&&n.data&&ne(n,u)&&t.delete(null==n?void 0:n.data),T(t),y(e)}(n)}})})),E&&c.createElement(me,{elementId:i+"_extra",title:null==_||null==(n=_[u[0].type])?void 0:n.title,uploaderLabels:o,onFileAdd:function(e){return S(u.length,e)}}))},ye=m.div(G||(G=h(["\n display: flex;\n flex-direction: column;\n"]))),Ae=m.span(U||(U=h(["\n margin-bottom: ","px;\n"])),8*f.spacing),be=m.span(B||(B=h(["\n color: ",";\n"])),f.gray50),Ce=m.div(K||(K=h(["\n display: flex;\n flex-direction: column;\n"]))),Ie=m.span(z||(z=h(["\n margin-bottom: ","px;\n"])),6*f.spacing),Se=m.div(q||(q=h(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n"]))),he=m.div(H||(H=h(["\n font-size: ","px;\n"])),f.fontNormal),Pe=m.div(W||(W=h(["\n width: 100%;\n margin-bottom: ","px;\n"])),6*f.spacing),Ne=m.div(X||(X=h(["\n display: flex;\n justify-content: flex-end;\n width: 100%;\n"]))),De=function(e){var n=e.elementId,t=e.title,r=e.uploadButtonLabel,o=e.uploaderLabels,u=e.documentsLabels,p=e.documents,s=e.errors,d=e.isLoading,m=e.validator,f=e.onUploadClick,E=l.useState(p),_=E[0],g=E[1],v=l.useState(!0),T=v[0],x=v[1];return l.useEffect((function(){g(p)}),[p]),l.useEffect((function(){var e=m(_);x(!e)}),[_,m]),c.createElement(Se,{id:n},t&&c.createElement(he,null,t),c.createElement(Pe,null,_.map((function(e,t){return c.createElement(xe,{index:t,type:e.type,parts:e.parts,documentLabels:u[e.type],uploaderLabels:o,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)}})}))),c.createElement(Ne,null,c.createElement(i,{elementId:n+"_button",type:a.ButtonType.Primary,isDisabled:T,isLoading:d||!1,onClick:function(){return f(_)}},r)))};De.SucessScreen=function(e){var n=e.elementId,t=e.description,r=e.support;return c.createElement(ye,{id:n},c.createElement(Ae,null,c.createElement(E,{show:!0,elementId:n+"_success"},e.title)),t&&c.createElement(Ae,null,t),r&&c.createElement(be,null,r))},De.FailScreen=function(e){var n=e.support;return c.createElement(Ce,{id:e.elementId},c.createElement(Ie,null,c.createElement(Q,{label:e.title,isDocumentPartError:!1})),n)},exports.ACCEPT_FORMATS=T,exports.AVAILABLE_EXTRA_PARTS_DOCUMENTS=x,exports.MAX_EXTRA_PARTS_COUNT=3,exports.MAX_FILE_SIZE=5242880,exports.OPTIONAL_DOCUMENT_PARTS=y,exports.PDF_MIME_TYPE="application/pdf",exports.default=De;
2
2
  //# sourceMappingURL=kyc-form.cjs.production.min.js.map
package/dist/kyc-form.esm.js CHANGED
@@ -1,11 +1,60 @@
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';
4
+ import ImageUploader, { Direction } from '@propellerads/image-uploader';
7
5
  import TextArea from '@propellerads/textarea';
8
- import ImageUploader, { DIRECTION } from '@propellerads/image-uploader';
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 _ACCEPT_FORMATS, _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 = (_ACCEPT_FORMATS = {
49
+ 'image/png': ['.png'],
50
+ 'image/jpeg': ['.jpg', '.jpe', '.jpeg']
51
+ }, _ACCEPT_FORMATS[PDF_MIME_TYPE] = ['.pdf'], _ACCEPT_FORMATS[HEIC_MIME_TYPE] = ['.heic'], _ACCEPT_FORMATS);
52
+ 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];
53
+ var OPTIONAL_DOCUMENT_PARTS = (_OPTIONAL_DOCUMENT_PA = {}, _OPTIONAL_DOCUMENT_PA[DOCUMENT_TYPES.ID] = {
54
+ parts: [PART_TYPES.ID_BACK]
55
+ }, _OPTIONAL_DOCUMENT_PA[DOCUMENT_TYPES.ID_EXTRA] = {
56
+ parts: [PART_TYPES.ID_BACK]
57
+ }, _OPTIONAL_DOCUMENT_PA);
9
58
 
10
59
  function asyncGeneratorStep(n, t, e, r, o, a, c) {
11
60
  try {
@@ -166,102 +215,9 @@ var KYCErrorLabel = function KYCErrorLabel(props) {
166
215
  }), React.createElement(StyledKYCErrorLabelText, null, props.label));
167
216
  };
168
217
 
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
218
  var isDocumentExtraPartAvailable = function isDocumentExtraPartAvailable(documentType) {
262
219
  return AVAILABLE_EXTRA_PARTS_DOCUMENTS.includes(documentType);
263
220
  };
264
- // eslint-disable-next-line max-len
265
221
  var canAddExtraPart = function canAddExtraPart(documentType, parts) {
266
222
  return isDocumentExtraPartAvailable(documentType) && parts.every(function (part) {
267
223
  return Boolean(part.data);
@@ -308,6 +264,17 @@ var getFileBase64 = /*#__PURE__*/function () {
308
264
  };
309
265
  }();
310
266
 
267
+ var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
268
+ var StyledKYCFormItem = /*#__PURE__*/styled.div(_templateObject$1 || (_templateObject$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: ", "px;\n margin-left: ", "px;\n"])), spacing * 4, spacing * 4);
269
+ var StyledKYCFormItemFileTitle = /*#__PURE__*/styled.div(_templateObject2$1 || (_templateObject2$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n"])), spacing);
270
+ 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);
271
+ 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);
272
+ var StyledKYCFormItemFilePreviewRemove = /*#__PURE__*/styled.span(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer !important;\n margin-right: ", "px;\n"])), spacing * 2);
273
+ var StyledKYCFormItemFileUploaderContainer = /*#__PURE__*/styled.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 66px;\n"])));
274
+ 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);
275
+ 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);
276
+ 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);
277
+
311
278
  var KYCDocumentPartMiniature = function KYCDocumentPartMiniature(props) {
312
279
  var data = props.data;
313
280
  var isPDFPart = isPDF(data);
@@ -330,6 +297,12 @@ var KYCFormItemFileExtraPart = function KYCFormItemFileExtraPart(props) {
330
297
  title = props.title,
331
298
  uploaderLabels = props.uploaderLabels,
332
299
  onFileAdd = props.onFileAdd;
300
+ var handleDrop = function handleDrop(files) {
301
+ var file = files[0];
302
+ if (file) {
303
+ onFileAdd(file);
304
+ }
305
+ };
333
306
  return React.createElement(StyledKYCFormItemFileExtraPart, {
334
307
  id: elementId
335
308
  }, title && React.createElement(StyledKYCFormItemFileTitle, null, title), React.createElement(StyledKYCFormItemFileUploaderContainer, null, React.createElement(ImageUploader, {
@@ -338,8 +311,8 @@ var KYCFormItemFileExtraPart = function KYCFormItemFileExtraPart(props) {
338
311
  maxSize: MAX_FILE_SIZE,
339
312
  acceptFormats: ACCEPT_FORMATS,
340
313
  elementId: elementId + "_uploader",
341
- direction: DIRECTION.ROW,
342
- onDrop: onFileAdd
314
+ direction: Direction.Row,
315
+ onDrop: handleDrop
343
316
  })));
344
317
  };
345
318
  var KYCFormItemFile = function KYCFormItemFile(props) {
@@ -351,6 +324,12 @@ var KYCFormItemFile = function KYCFormItemFile(props) {
351
324
  uploaderLabels = props.uploaderLabels,
352
325
  onFileChange = props.onFileChange,
353
326
  onFileRemove = props.onFileRemove;
327
+ var handleDrop = function handleDrop(files) {
328
+ var file = files[0];
329
+ if (file) {
330
+ onFileChange(file);
331
+ }
332
+ };
354
333
  return React.createElement(StyledKYCFormItem, {
355
334
  id: elementId
356
335
  }, title && React.createElement(StyledKYCFormItemFileTitle, null, title), data ? React.createElement(StyledKYCFormItemFilePreview, null, React.createElement(KYCDocumentPartMiniature, {
@@ -366,8 +345,8 @@ var KYCFormItemFile = function KYCFormItemFile(props) {
366
345
  maxSize: MAX_FILE_SIZE,
367
346
  acceptFormats: ACCEPT_FORMATS,
368
347
  elementId: elementId + "_uploader",
369
- direction: DIRECTION.ROW,
370
- onDrop: onFileChange
348
+ direction: Direction.Row,
349
+ onDrop: handleDrop
371
350
  })), error && React.createElement(KYCErrorLabel, {
372
351
  label: error,
373
352
  isDocumentPartError: true
@@ -395,10 +374,10 @@ var KYCDocumentParts = {
395
374
  KYCFormItemText: KYCFormItemText
396
375
  };
397
376
 
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);
377
+ var _templateObject$2, _templateObject2$2, _templateObject3$2;
378
+ var StyledKYCFormItem$1 = /*#__PURE__*/styled.div(_templateObject$2 || (_templateObject$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: ", "px;\n"])), spacing * 6);
379
+ 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);
380
+ 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
381
 
403
382
  var getErrorKey = function getErrorKey(documentIndex, partIndex) {
404
383
  return "[" + documentIndex + "].parts[" + partIndex + "].data";
@@ -547,6 +526,41 @@ var KYCFormItem = function KYCFormItem(props) {
547
526
  }));
548
527
  };
549
528
 
529
+ var _templateObject$3, _templateObject2$3, _templateObject3$3, _templateObject4$1, _templateObject5$1;
530
+ var StyledKYCSucessScreen = /*#__PURE__*/styled.div(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
531
+ var StyledKYCSucessScreenItem = /*#__PURE__*/styled.span(_templateObject2$3 || (_templateObject2$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n"])), spacing * 8);
532
+ var StyledKYCSucessScreenSuppport = /*#__PURE__*/styled.span(_templateObject3$3 || (_templateObject3$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), gray50);
533
+ var StyledKYCFailScreen = /*#__PURE__*/styled.div(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
534
+ var StyledKYCFailScreenItem = /*#__PURE__*/styled.span(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", "px;\n"])), spacing * 6);
535
+
536
+ var KYCSucessScreen = function KYCSucessScreen(props) {
537
+ var elementId = props.elementId,
538
+ title = props.title,
539
+ description = props.description,
540
+ support = props.support;
541
+ return React.createElement(StyledKYCSucessScreen, {
542
+ id: elementId
543
+ }, React.createElement(StyledKYCSucessScreenItem, null, React.createElement(SuccessLabel, {
544
+ show: true,
545
+ elementId: elementId + "_success"
546
+ }, title)), description && React.createElement(StyledKYCSucessScreenItem, null, description), support && React.createElement(StyledKYCSucessScreenSuppport, null, support));
547
+ };
548
+ var KYCFailScreen = function KYCFailScreen(props) {
549
+ var elementId = props.elementId,
550
+ title = props.title,
551
+ support = props.support;
552
+ return React.createElement(StyledKYCFailScreen, {
553
+ id: elementId
554
+ }, React.createElement(StyledKYCFailScreenItem, null, React.createElement(KYCErrorLabel, {
555
+ label: title,
556
+ isDocumentPartError: false
557
+ })), support);
558
+ };
559
+ var KYCStatusScreen = {
560
+ KYCSucessScreen: KYCSucessScreen,
561
+ KYCFailScreen: KYCFailScreen
562
+ };
563
+
550
564
  var _templateObject$4, _templateObject2$4, _templateObject3$4, _templateObject4$2;
551
565
  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
566
  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.4",
3
+ "version": "4.1.6",
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.1",
28
- "@propellerads/icon": "7.1.0",
29
- "@propellerads/image-uploader": "^3.0.3",
27
+ "@propellerads/button": "^9.0.2",
28
+ "@propellerads/icon": "7.1.1",
29
+ "@propellerads/image-uploader": "^4.0.0",
30
30
  "@propellerads/stylevariables": "^2.0.2",
31
- "@propellerads/success-label": "3.1.3",
32
- "@propellerads/textarea": "5.0.0"
31
+ "@propellerads/success-label": "3.1.4",
32
+ "@propellerads/textarea": "5.0.1"
33
33
  },
34
34
  "devDependencies": {
35
35
  "tsdx": "0.14.1",