tf-checkout-react 1.0.54 → 1.0.55
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.
- package/dist/tf-checkout-react.cjs.development.js +5 -23
- package/dist/tf-checkout-react.cjs.development.js.map +1 -1
- package/dist/tf-checkout-react.cjs.production.min.js +1 -1
- package/dist/tf-checkout-react.cjs.production.min.js.map +1 -1
- package/dist/tf-checkout-react.esm.js +5 -23
- package/dist/tf-checkout-react.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/billing-info-container/index.tsx +52 -80
package/package.json
CHANGED
|
@@ -238,7 +238,6 @@ export const BillingInfoContainer = ({
|
|
|
238
238
|
_get(userData, 'last_name', '') || _get(userValues, 'last_name', '')
|
|
239
239
|
|
|
240
240
|
const showDOB = getQueryVariable('age_required') === 'true'
|
|
241
|
-
const showTicketHolderName = getQueryVariable('names_required') === 'true'
|
|
242
241
|
const eventId = getQueryVariable('event_id')
|
|
243
242
|
const optedInFieldValue: boolean = _get(cartInfoData, 'optedIn', false)
|
|
244
243
|
const hideTtfOptIn: boolean = _get(cartInfoData, 'hide_ttf_opt_in', true)
|
|
@@ -375,7 +374,10 @@ export const BillingInfoContainer = ({
|
|
|
375
374
|
{ emailLogged, firstNameLogged, lastNameLogged },
|
|
376
375
|
showDOB
|
|
377
376
|
)
|
|
378
|
-
const bodyFormData = createRegisterFormData(
|
|
377
|
+
const bodyFormData = createRegisterFormData(
|
|
378
|
+
values,
|
|
379
|
+
checkoutBodyForRegistration
|
|
380
|
+
)
|
|
379
381
|
|
|
380
382
|
let access_token_register = null
|
|
381
383
|
try {
|
|
@@ -499,45 +501,16 @@ export const BillingInfoContainer = ({
|
|
|
499
501
|
)}
|
|
500
502
|
{_map(dataWithUniqueIds, item => {
|
|
501
503
|
const { label, labelClassName, fields } = item
|
|
502
|
-
if (
|
|
503
|
-
label === 'Ticket Holders' &&
|
|
504
|
-
!showTicketHolderName &&
|
|
505
|
-
!showDOB
|
|
506
|
-
) {
|
|
507
|
-
return null
|
|
508
|
-
}
|
|
509
504
|
return (
|
|
510
505
|
<React.Fragment key={item.uniqueId}>
|
|
511
506
|
<p className={labelClassName}>{label}</p>
|
|
512
507
|
{_map(fields, group => {
|
|
513
|
-
const {
|
|
514
|
-
groupClassname,
|
|
515
|
-
groupItems,
|
|
516
|
-
groupLabel,
|
|
517
|
-
groupLabelClassName,
|
|
518
|
-
} = group
|
|
508
|
+
const { groupClassname, groupItems } = group
|
|
519
509
|
return (
|
|
520
510
|
<React.Fragment key={group.uniqueId}>
|
|
521
|
-
{!isLoggedIn && (
|
|
522
|
-
<div className={groupLabelClassName}>
|
|
523
|
-
{groupLabel}
|
|
524
|
-
</div>
|
|
525
|
-
)}
|
|
526
511
|
<div className={groupClassname}>
|
|
527
512
|
{_map(
|
|
528
513
|
groupItems.filter(el => {
|
|
529
|
-
if (
|
|
530
|
-
el.name === 'holderFirstName' &&
|
|
531
|
-
!showTicketHolderName
|
|
532
|
-
) {
|
|
533
|
-
return false
|
|
534
|
-
}
|
|
535
|
-
if (
|
|
536
|
-
el.name === 'holderLastName' &&
|
|
537
|
-
!showTicketHolderName
|
|
538
|
-
) {
|
|
539
|
-
return false
|
|
540
|
-
}
|
|
541
514
|
if (el.name === 'holderAge' && !showDOB) {
|
|
542
515
|
return false
|
|
543
516
|
}
|
|
@@ -547,9 +520,12 @@ export const BillingInfoContainer = ({
|
|
|
547
520
|
return true
|
|
548
521
|
}),
|
|
549
522
|
element =>
|
|
550
|
-
[
|
|
551
|
-
|
|
552
|
-
|
|
523
|
+
[
|
|
524
|
+
'password',
|
|
525
|
+
'confirmPassword',
|
|
526
|
+
'password-info',
|
|
527
|
+
].includes(element.name) &&
|
|
528
|
+
isLoggedIn ? null : (
|
|
553
529
|
<React.Fragment key={element.uniqueId}>
|
|
554
530
|
{element.name === 'email' ? (
|
|
555
531
|
<div className="email-checking">
|
|
@@ -598,53 +574,49 @@ export const BillingInfoContainer = ({
|
|
|
598
574
|
</React.Fragment>
|
|
599
575
|
)
|
|
600
576
|
})}
|
|
601
|
-
|
|
602
|
-
<
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
{
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
<div
|
|
613
|
-
{
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
)}
|
|
636
|
-
/>
|
|
637
|
-
</div>
|
|
638
|
-
))}
|
|
577
|
+
<div className="ticket-holders-fields">
|
|
578
|
+
<p>{ticketHoldersFields.label}</p>
|
|
579
|
+
{_map(ticketsQuantity, (_item, index) => (
|
|
580
|
+
<div key={_item}>
|
|
581
|
+
<h5>Ticket {index + 1}</h5>
|
|
582
|
+
{_map(ticketHoldersFields.fields, group => {
|
|
583
|
+
const { groupClassname, groupItems } = group
|
|
584
|
+
return (
|
|
585
|
+
<div key={group.uniqueId}>
|
|
586
|
+
<div className={groupClassname}>
|
|
587
|
+
{_map(groupItems, element => (
|
|
588
|
+
<div
|
|
589
|
+
className={element.className}
|
|
590
|
+
key={element.uniqueId}
|
|
591
|
+
>
|
|
592
|
+
<Field
|
|
593
|
+
name={`${element.name}-${index}`}
|
|
594
|
+
label={element.label}
|
|
595
|
+
type={element.type}
|
|
596
|
+
required={true}
|
|
597
|
+
component={
|
|
598
|
+
element.type === 'checkbox'
|
|
599
|
+
? CheckboxField
|
|
600
|
+
: CustomField
|
|
601
|
+
}
|
|
602
|
+
validate={combineValidators(
|
|
603
|
+
element.required
|
|
604
|
+
? requiredValidator
|
|
605
|
+
: () => {},
|
|
606
|
+
element.onValidate
|
|
607
|
+
? element.onValidate
|
|
608
|
+
: () => {}
|
|
609
|
+
)}
|
|
610
|
+
/>
|
|
639
611
|
</div>
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
)
|
|
612
|
+
))}
|
|
613
|
+
</div>
|
|
614
|
+
</div>
|
|
615
|
+
)
|
|
616
|
+
})}
|
|
645
617
|
</div>
|
|
646
|
-
|
|
647
|
-
|
|
618
|
+
))}
|
|
619
|
+
</div>
|
|
648
620
|
<div className="button-container">
|
|
649
621
|
<LoadingButton
|
|
650
622
|
type="submit"
|