@qite/tide-booking-component 1.0.14 → 1.0.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/build/build-cjs/index.js +181 -159
  2. package/build/build-esm/index.js +172 -150
  3. package/package.json +1 -1
  4. package/src/booking-wizard/features/travelers-form/travelers-form.tsx +16 -3
  5. package/src/booking-wizard/features/travelers-form/validate-form.ts +4 -0
package/build/build-cjs/index.js CHANGED
@@ -12954,6 +12954,10 @@ var validateForm = function (values, agentRequired, bookingType) {
12954
12954
  if (lodash.isEmpty(values.phone)) {
12955
12955
  errors.phone = "Hoofdboeker: telefoon";
12956
12956
  }
12957
+ } else {
12958
+ if (lodash.isEmpty(values.phone)) {
12959
+ errors.phone = "Hoofdboeker: telefoon";
12960
+ }
12957
12961
  }
12958
12962
  if (agentRequired && !values.travelAgentId) {
12959
12963
  errors.travelAgentId = "Reisagent is verplicht";
@@ -13632,154 +13636,195 @@ var TravelersForm = function () {
13632
13636
  )
13633
13637
  );
13634
13638
  }),
13635
- bookingType != "b2b" &&
13636
- React__default["default"].createElement(
13637
- "div",
13638
- { className: "form__region" },
13639
- React__default["default"].createElement(
13639
+ bookingType != "b2b"
13640
+ ? React__default["default"].createElement(
13640
13641
  "div",
13641
- { className: "form__region-header" },
13642
- React__default["default"].createElement(
13643
- "h5",
13644
- { className: "form__region-heading" },
13645
- translations.TRAVELERS_FORM.MAIN_BOOKER
13646
- ),
13642
+ { className: "form__region" },
13647
13643
  React__default["default"].createElement(
13648
- "p",
13649
- { className: "form__region-label" },
13650
- lodash
13651
- .compact([
13652
- lodash
13653
- .compact([
13654
- mainBooker === null || mainBooker === void 0
13655
- ? void 0
13656
- : mainBooker.firstName,
13657
- mainBooker === null || mainBooker === void 0
13658
- ? void 0
13659
- : mainBooker.lastName,
13660
- ])
13661
- .join(" "),
13662
- (mainBooker === null || mainBooker === void 0
13663
- ? void 0
13664
- : mainBooker.birthDate) &&
13665
- dateFns.format(
13666
- dateFns.parse(
13667
- mainBooker.birthDate,
13668
- "yyyy-MM-dd",
13669
- new Date()
13644
+ "div",
13645
+ { className: "form__region-header" },
13646
+ React__default["default"].createElement(
13647
+ "h5",
13648
+ { className: "form__region-heading" },
13649
+ translations.TRAVELERS_FORM.MAIN_BOOKER
13650
+ ),
13651
+ React__default["default"].createElement(
13652
+ "p",
13653
+ { className: "form__region-label" },
13654
+ lodash
13655
+ .compact([
13656
+ lodash
13657
+ .compact([
13658
+ mainBooker === null || mainBooker === void 0
13659
+ ? void 0
13660
+ : mainBooker.firstName,
13661
+ mainBooker === null || mainBooker === void 0
13662
+ ? void 0
13663
+ : mainBooker.lastName,
13664
+ ])
13665
+ .join(" "),
13666
+ (mainBooker === null || mainBooker === void 0
13667
+ ? void 0
13668
+ : mainBooker.birthDate) &&
13669
+ dateFns.format(
13670
+ dateFns.parse(
13671
+ mainBooker.birthDate,
13672
+ "yyyy-MM-dd",
13673
+ new Date()
13674
+ ),
13675
+ "dd-MM-yyyy"
13670
13676
  ),
13671
- "dd-MM-yyyy"
13672
- ),
13673
- ])
13674
- .join(", ")
13675
- )
13676
- ),
13677
- React__default["default"].createElement(
13678
- React__default["default"].Fragment,
13679
- null,
13677
+ ])
13678
+ .join(", ")
13679
+ )
13680
+ ),
13680
13681
  React__default["default"].createElement(
13681
- "div",
13682
- { className: "form__twocolumn" },
13682
+ React__default["default"].Fragment,
13683
+ null,
13683
13684
  React__default["default"].createElement(
13684
13685
  "div",
13685
- { className: "form__twocolumn-column" },
13686
+ { className: "form__twocolumn" },
13686
13687
  React__default["default"].createElement(
13687
13688
  "div",
13688
- { className: "form__row" },
13689
- React__default["default"].createElement(LabeledInput, {
13690
- hasError: hasVisibleError("street"),
13691
- extraClassName: "form__group--50 form__group--sm-60",
13692
- label: translations.TRAVELERS_FORM.STREET,
13693
- required: true,
13694
- name: "street",
13695
- onChange: formik$1.handleChange,
13696
- onBlur: formik$1.handleBlur,
13697
- placeholder: translations.TRAVELERS_FORM.STREET_PLACEHOLDER,
13698
- value: formik$1.values.street,
13699
- }),
13700
- React__default["default"].createElement(LabeledInput, {
13701
- hasError: hasVisibleError("houseNumber"),
13702
- extraClassName: "form__group--30 form__group--sm-20",
13703
- label: translations.TRAVELERS_FORM.HOUSE_NUMBER,
13704
- required: true,
13705
- name: "houseNumber",
13706
- onChange: formik$1.handleChange,
13707
- onBlur: formik$1.handleBlur,
13708
- value: formik$1.values.houseNumber,
13709
- }),
13710
- React__default["default"].createElement(LabeledInput, {
13711
- hasError: hasVisibleError("box"),
13712
- extraClassName: "form__group--20",
13713
- label: translations.TRAVELERS_FORM.POST_BOX,
13714
- name: "box",
13715
- onChange: formik$1.handleChange,
13716
- onBlur: formik$1.handleBlur,
13717
- value: formik$1.values.box,
13718
- })
13689
+ { className: "form__twocolumn-column" },
13690
+ React__default["default"].createElement(
13691
+ "div",
13692
+ { className: "form__row" },
13693
+ React__default["default"].createElement(LabeledInput, {
13694
+ hasError: hasVisibleError("street"),
13695
+ extraClassName: "form__group--50 form__group--sm-60",
13696
+ label: translations.TRAVELERS_FORM.STREET,
13697
+ required: true,
13698
+ name: "street",
13699
+ onChange: formik$1.handleChange,
13700
+ onBlur: formik$1.handleBlur,
13701
+ placeholder: translations.TRAVELERS_FORM.STREET_PLACEHOLDER,
13702
+ value: formik$1.values.street,
13703
+ }),
13704
+ React__default["default"].createElement(LabeledInput, {
13705
+ hasError: hasVisibleError("houseNumber"),
13706
+ extraClassName: "form__group--30 form__group--sm-20",
13707
+ label: translations.TRAVELERS_FORM.HOUSE_NUMBER,
13708
+ required: true,
13709
+ name: "houseNumber",
13710
+ onChange: formik$1.handleChange,
13711
+ onBlur: formik$1.handleBlur,
13712
+ value: formik$1.values.houseNumber,
13713
+ }),
13714
+ React__default["default"].createElement(LabeledInput, {
13715
+ hasError: hasVisibleError("box"),
13716
+ extraClassName: "form__group--20",
13717
+ label: translations.TRAVELERS_FORM.POST_BOX,
13718
+ name: "box",
13719
+ onChange: formik$1.handleChange,
13720
+ onBlur: formik$1.handleBlur,
13721
+ value: formik$1.values.box,
13722
+ })
13723
+ )
13724
+ ),
13725
+ React__default["default"].createElement(
13726
+ "div",
13727
+ { className: "form__twocolumn-column" },
13728
+ React__default["default"].createElement(
13729
+ "div",
13730
+ { className: "form__row" },
13731
+ React__default["default"].createElement(LabeledInput, {
13732
+ hasError: hasVisibleError("zipCode"),
13733
+ extraClassName: "form__group--40 form__group--sm-20",
13734
+ label: translations.TRAVELERS_FORM.ZIPCODE,
13735
+ required: true,
13736
+ name: "zipCode",
13737
+ onChange: formik$1.handleChange,
13738
+ onBlur: formik$1.handleBlur,
13739
+ value: formik$1.values.zipCode,
13740
+ }),
13741
+ React__default["default"].createElement(LabeledInput, {
13742
+ hasError: hasVisibleError("place"),
13743
+ extraClassName: "form__group--60 form__group--sm-40",
13744
+ label: translations.TRAVELERS_FORM.CITY,
13745
+ required: true,
13746
+ name: "place",
13747
+ placeholder: translations.TRAVELERS_FORM.CITY_PLACEHOLDER,
13748
+ onChange: formik$1.handleChange,
13749
+ onBlur: formik$1.handleBlur,
13750
+ value: formik$1.values.place,
13751
+ }),
13752
+ React__default["default"].createElement(LabeledSelect, {
13753
+ hasError: hasVisibleError("country"),
13754
+ extraClassName: "form__group--sm-40",
13755
+ label: translations.TRAVELERS_FORM.COUNTRY,
13756
+ required: true,
13757
+ name: "country",
13758
+ onChange: formik$1.handleChange,
13759
+ onBlur: formik$1.handleBlur,
13760
+ value: formik$1.values.country,
13761
+ options: [
13762
+ {
13763
+ key: "empty",
13764
+ label: translations.TRAVELERS_FORM.SELECT_COUNTRY,
13765
+ value: undefined,
13766
+ },
13767
+ {
13768
+ key: "be",
13769
+ value: "be",
13770
+ label: "België",
13771
+ },
13772
+ {
13773
+ key: "nl",
13774
+ value: "nl",
13775
+ label: "Nederland",
13776
+ },
13777
+ {
13778
+ key: "fr",
13779
+ value: "fr",
13780
+ label: "Frankrijk",
13781
+ },
13782
+ ],
13783
+ })
13784
+ )
13719
13785
  )
13720
13786
  ),
13721
13787
  React__default["default"].createElement(
13722
13788
  "div",
13723
- { className: "form__twocolumn-column" },
13724
- React__default["default"].createElement(
13725
- "div",
13726
- { className: "form__row" },
13727
- React__default["default"].createElement(LabeledInput, {
13728
- hasError: hasVisibleError("zipCode"),
13729
- extraClassName: "form__group--40 form__group--sm-20",
13730
- label: translations.TRAVELERS_FORM.ZIPCODE,
13731
- required: true,
13732
- name: "zipCode",
13733
- onChange: formik$1.handleChange,
13734
- onBlur: formik$1.handleBlur,
13735
- value: formik$1.values.zipCode,
13736
- }),
13737
- React__default["default"].createElement(LabeledInput, {
13738
- hasError: hasVisibleError("place"),
13739
- extraClassName: "form__group--60 form__group--sm-40",
13740
- label: translations.TRAVELERS_FORM.CITY,
13741
- required: true,
13742
- name: "place",
13743
- placeholder: translations.TRAVELERS_FORM.CITY_PLACEHOLDER,
13744
- onChange: formik$1.handleChange,
13745
- onBlur: formik$1.handleBlur,
13746
- value: formik$1.values.place,
13747
- }),
13748
- React__default["default"].createElement(LabeledSelect, {
13749
- hasError: hasVisibleError("country"),
13750
- extraClassName: "form__group--sm-40",
13751
- label: translations.TRAVELERS_FORM.COUNTRY,
13752
- required: true,
13753
- name: "country",
13754
- onChange: formik$1.handleChange,
13755
- onBlur: formik$1.handleBlur,
13756
- value: formik$1.values.country,
13757
- options: [
13758
- {
13759
- key: "empty",
13760
- label: translations.TRAVELERS_FORM.SELECT_COUNTRY,
13761
- value: undefined,
13762
- },
13763
- {
13764
- key: "be",
13765
- value: "be",
13766
- label: "België",
13767
- },
13768
- {
13769
- key: "nl",
13770
- value: "nl",
13771
- label: "Nederland",
13772
- },
13773
- {
13774
- key: "fr",
13775
- value: "fr",
13776
- label: "Frankrijk",
13777
- },
13778
- ],
13779
- })
13780
- )
13789
+ { className: "form__row" },
13790
+ React__default["default"].createElement(LabeledInput, {
13791
+ hasError: hasVisibleError("phone"),
13792
+ extraClassName: "form__group--md-33",
13793
+ label: translations.TRAVELERS_FORM.PHONE,
13794
+ required: true,
13795
+ name: "phone",
13796
+ onChange: formik$1.handleChange,
13797
+ onBlur: formik$1.handleBlur,
13798
+ value: formik$1.values.phone,
13799
+ }),
13800
+ React__default["default"].createElement(LabeledInput, {
13801
+ type: "email",
13802
+ hasError: hasVisibleError("email"),
13803
+ extraClassName: "form__group--md-33",
13804
+ label: translations.TRAVELERS_FORM.EMAIL,
13805
+ required: true,
13806
+ name: "email",
13807
+ onChange: formik$1.handleChange,
13808
+ onBlur: formik$1.handleBlur,
13809
+ value: formik$1.values.email,
13810
+ }),
13811
+ React__default["default"].createElement(LabeledInput, {
13812
+ type: "email",
13813
+ hasError: hasVisibleError("emailConfirmation"),
13814
+ extraClassName: "form__group--md-33",
13815
+ label: translations.TRAVELERS_FORM.REPEAT_EMAIL,
13816
+ required: true,
13817
+ name: "emailConfirmation",
13818
+ onChange: formik$1.handleChange,
13819
+ onBlur: formik$1.handleBlur,
13820
+ value: formik$1.values.emailConfirmation,
13821
+ })
13781
13822
  )
13782
- ),
13823
+ )
13824
+ )
13825
+ : React__default["default"].createElement(
13826
+ "div",
13827
+ { className: "form__region" },
13783
13828
  React__default["default"].createElement(
13784
13829
  "div",
13785
13830
  { className: "form__row" },
@@ -13792,32 +13837,9 @@ var TravelersForm = function () {
13792
13837
  onChange: formik$1.handleChange,
13793
13838
  onBlur: formik$1.handleBlur,
13794
13839
  value: formik$1.values.phone,
13795
- }),
13796
- React__default["default"].createElement(LabeledInput, {
13797
- type: "email",
13798
- hasError: hasVisibleError("email"),
13799
- extraClassName: "form__group--md-33",
13800
- label: translations.TRAVELERS_FORM.EMAIL,
13801
- required: true,
13802
- name: "email",
13803
- onChange: formik$1.handleChange,
13804
- onBlur: formik$1.handleBlur,
13805
- value: formik$1.values.email,
13806
- }),
13807
- React__default["default"].createElement(LabeledInput, {
13808
- type: "email",
13809
- hasError: hasVisibleError("emailConfirmation"),
13810
- extraClassName: "form__group--md-33",
13811
- label: translations.TRAVELERS_FORM.REPEAT_EMAIL,
13812
- required: true,
13813
- name: "emailConfirmation",
13814
- onChange: formik$1.handleChange,
13815
- onBlur: formik$1.handleBlur,
13816
- value: formik$1.values.emailConfirmation,
13817
13840
  })
13818
13841
  )
13819
- )
13820
- ),
13842
+ ),
13821
13843
  showAgentSelection &&
13822
13844
  React__default["default"].createElement(
13823
13845
  "div",
package/build/build-esm/index.js CHANGED
@@ -12823,6 +12823,10 @@ var validateForm = function (values, agentRequired, bookingType) {
12823
12823
  if (isEmpty(values.phone)) {
12824
12824
  errors.phone = "Hoofdboeker: telefoon";
12825
12825
  }
12826
+ } else {
12827
+ if (isEmpty(values.phone)) {
12828
+ errors.phone = "Hoofdboeker: telefoon";
12829
+ }
12826
12830
  }
12827
12831
  if (agentRequired && !values.travelAgentId) {
12828
12832
  errors.travelAgentId = "Reisagent is verplicht";
@@ -13481,146 +13485,187 @@ var TravelersForm = function () {
13481
13485
  )
13482
13486
  );
13483
13487
  }),
13484
- bookingType != "b2b" &&
13485
- React.createElement(
13486
- "div",
13487
- { className: "form__region" },
13488
- React.createElement(
13488
+ bookingType != "b2b"
13489
+ ? React.createElement(
13489
13490
  "div",
13490
- { className: "form__region-header" },
13491
- React.createElement(
13492
- "h5",
13493
- { className: "form__region-heading" },
13494
- translations.TRAVELERS_FORM.MAIN_BOOKER
13495
- ),
13491
+ { className: "form__region" },
13496
13492
  React.createElement(
13497
- "p",
13498
- { className: "form__region-label" },
13499
- compact([
13493
+ "div",
13494
+ { className: "form__region-header" },
13495
+ React.createElement(
13496
+ "h5",
13497
+ { className: "form__region-heading" },
13498
+ translations.TRAVELERS_FORM.MAIN_BOOKER
13499
+ ),
13500
+ React.createElement(
13501
+ "p",
13502
+ { className: "form__region-label" },
13500
13503
  compact([
13501
- mainBooker === null || mainBooker === void 0
13502
- ? void 0
13503
- : mainBooker.firstName,
13504
- mainBooker === null || mainBooker === void 0
13504
+ compact([
13505
+ mainBooker === null || mainBooker === void 0
13506
+ ? void 0
13507
+ : mainBooker.firstName,
13508
+ mainBooker === null || mainBooker === void 0
13509
+ ? void 0
13510
+ : mainBooker.lastName,
13511
+ ]).join(" "),
13512
+ (mainBooker === null || mainBooker === void 0
13505
13513
  ? void 0
13506
- : mainBooker.lastName,
13507
- ]).join(" "),
13508
- (mainBooker === null || mainBooker === void 0
13509
- ? void 0
13510
- : mainBooker.birthDate) &&
13511
- format(
13512
- parse(mainBooker.birthDate, "yyyy-MM-dd", new Date()),
13513
- "dd-MM-yyyy"
13514
- ),
13515
- ]).join(", ")
13516
- )
13517
- ),
13518
- React.createElement(
13519
- React.Fragment,
13520
- null,
13514
+ : mainBooker.birthDate) &&
13515
+ format(
13516
+ parse(mainBooker.birthDate, "yyyy-MM-dd", new Date()),
13517
+ "dd-MM-yyyy"
13518
+ ),
13519
+ ]).join(", ")
13520
+ )
13521
+ ),
13521
13522
  React.createElement(
13522
- "div",
13523
- { className: "form__twocolumn" },
13523
+ React.Fragment,
13524
+ null,
13524
13525
  React.createElement(
13525
13526
  "div",
13526
- { className: "form__twocolumn-column" },
13527
+ { className: "form__twocolumn" },
13527
13528
  React.createElement(
13528
13529
  "div",
13529
- { className: "form__row" },
13530
- React.createElement(LabeledInput, {
13531
- hasError: hasVisibleError("street"),
13532
- extraClassName: "form__group--50 form__group--sm-60",
13533
- label: translations.TRAVELERS_FORM.STREET,
13534
- required: true,
13535
- name: "street",
13536
- onChange: formik.handleChange,
13537
- onBlur: formik.handleBlur,
13538
- placeholder: translations.TRAVELERS_FORM.STREET_PLACEHOLDER,
13539
- value: formik.values.street,
13540
- }),
13541
- React.createElement(LabeledInput, {
13542
- hasError: hasVisibleError("houseNumber"),
13543
- extraClassName: "form__group--30 form__group--sm-20",
13544
- label: translations.TRAVELERS_FORM.HOUSE_NUMBER,
13545
- required: true,
13546
- name: "houseNumber",
13547
- onChange: formik.handleChange,
13548
- onBlur: formik.handleBlur,
13549
- value: formik.values.houseNumber,
13550
- }),
13551
- React.createElement(LabeledInput, {
13552
- hasError: hasVisibleError("box"),
13553
- extraClassName: "form__group--20",
13554
- label: translations.TRAVELERS_FORM.POST_BOX,
13555
- name: "box",
13556
- onChange: formik.handleChange,
13557
- onBlur: formik.handleBlur,
13558
- value: formik.values.box,
13559
- })
13530
+ { className: "form__twocolumn-column" },
13531
+ React.createElement(
13532
+ "div",
13533
+ { className: "form__row" },
13534
+ React.createElement(LabeledInput, {
13535
+ hasError: hasVisibleError("street"),
13536
+ extraClassName: "form__group--50 form__group--sm-60",
13537
+ label: translations.TRAVELERS_FORM.STREET,
13538
+ required: true,
13539
+ name: "street",
13540
+ onChange: formik.handleChange,
13541
+ onBlur: formik.handleBlur,
13542
+ placeholder: translations.TRAVELERS_FORM.STREET_PLACEHOLDER,
13543
+ value: formik.values.street,
13544
+ }),
13545
+ React.createElement(LabeledInput, {
13546
+ hasError: hasVisibleError("houseNumber"),
13547
+ extraClassName: "form__group--30 form__group--sm-20",
13548
+ label: translations.TRAVELERS_FORM.HOUSE_NUMBER,
13549
+ required: true,
13550
+ name: "houseNumber",
13551
+ onChange: formik.handleChange,
13552
+ onBlur: formik.handleBlur,
13553
+ value: formik.values.houseNumber,
13554
+ }),
13555
+ React.createElement(LabeledInput, {
13556
+ hasError: hasVisibleError("box"),
13557
+ extraClassName: "form__group--20",
13558
+ label: translations.TRAVELERS_FORM.POST_BOX,
13559
+ name: "box",
13560
+ onChange: formik.handleChange,
13561
+ onBlur: formik.handleBlur,
13562
+ value: formik.values.box,
13563
+ })
13564
+ )
13565
+ ),
13566
+ React.createElement(
13567
+ "div",
13568
+ { className: "form__twocolumn-column" },
13569
+ React.createElement(
13570
+ "div",
13571
+ { className: "form__row" },
13572
+ React.createElement(LabeledInput, {
13573
+ hasError: hasVisibleError("zipCode"),
13574
+ extraClassName: "form__group--40 form__group--sm-20",
13575
+ label: translations.TRAVELERS_FORM.ZIPCODE,
13576
+ required: true,
13577
+ name: "zipCode",
13578
+ onChange: formik.handleChange,
13579
+ onBlur: formik.handleBlur,
13580
+ value: formik.values.zipCode,
13581
+ }),
13582
+ React.createElement(LabeledInput, {
13583
+ hasError: hasVisibleError("place"),
13584
+ extraClassName: "form__group--60 form__group--sm-40",
13585
+ label: translations.TRAVELERS_FORM.CITY,
13586
+ required: true,
13587
+ name: "place",
13588
+ placeholder: translations.TRAVELERS_FORM.CITY_PLACEHOLDER,
13589
+ onChange: formik.handleChange,
13590
+ onBlur: formik.handleBlur,
13591
+ value: formik.values.place,
13592
+ }),
13593
+ React.createElement(LabeledSelect, {
13594
+ hasError: hasVisibleError("country"),
13595
+ extraClassName: "form__group--sm-40",
13596
+ label: translations.TRAVELERS_FORM.COUNTRY,
13597
+ required: true,
13598
+ name: "country",
13599
+ onChange: formik.handleChange,
13600
+ onBlur: formik.handleBlur,
13601
+ value: formik.values.country,
13602
+ options: [
13603
+ {
13604
+ key: "empty",
13605
+ label: translations.TRAVELERS_FORM.SELECT_COUNTRY,
13606
+ value: undefined,
13607
+ },
13608
+ {
13609
+ key: "be",
13610
+ value: "be",
13611
+ label: "België",
13612
+ },
13613
+ {
13614
+ key: "nl",
13615
+ value: "nl",
13616
+ label: "Nederland",
13617
+ },
13618
+ {
13619
+ key: "fr",
13620
+ value: "fr",
13621
+ label: "Frankrijk",
13622
+ },
13623
+ ],
13624
+ })
13625
+ )
13560
13626
  )
13561
13627
  ),
13562
13628
  React.createElement(
13563
13629
  "div",
13564
- { className: "form__twocolumn-column" },
13565
- React.createElement(
13566
- "div",
13567
- { className: "form__row" },
13568
- React.createElement(LabeledInput, {
13569
- hasError: hasVisibleError("zipCode"),
13570
- extraClassName: "form__group--40 form__group--sm-20",
13571
- label: translations.TRAVELERS_FORM.ZIPCODE,
13572
- required: true,
13573
- name: "zipCode",
13574
- onChange: formik.handleChange,
13575
- onBlur: formik.handleBlur,
13576
- value: formik.values.zipCode,
13577
- }),
13578
- React.createElement(LabeledInput, {
13579
- hasError: hasVisibleError("place"),
13580
- extraClassName: "form__group--60 form__group--sm-40",
13581
- label: translations.TRAVELERS_FORM.CITY,
13582
- required: true,
13583
- name: "place",
13584
- placeholder: translations.TRAVELERS_FORM.CITY_PLACEHOLDER,
13585
- onChange: formik.handleChange,
13586
- onBlur: formik.handleBlur,
13587
- value: formik.values.place,
13588
- }),
13589
- React.createElement(LabeledSelect, {
13590
- hasError: hasVisibleError("country"),
13591
- extraClassName: "form__group--sm-40",
13592
- label: translations.TRAVELERS_FORM.COUNTRY,
13593
- required: true,
13594
- name: "country",
13595
- onChange: formik.handleChange,
13596
- onBlur: formik.handleBlur,
13597
- value: formik.values.country,
13598
- options: [
13599
- {
13600
- key: "empty",
13601
- label: translations.TRAVELERS_FORM.SELECT_COUNTRY,
13602
- value: undefined,
13603
- },
13604
- {
13605
- key: "be",
13606
- value: "be",
13607
- label: "België",
13608
- },
13609
- {
13610
- key: "nl",
13611
- value: "nl",
13612
- label: "Nederland",
13613
- },
13614
- {
13615
- key: "fr",
13616
- value: "fr",
13617
- label: "Frankrijk",
13618
- },
13619
- ],
13620
- })
13621
- )
13630
+ { className: "form__row" },
13631
+ React.createElement(LabeledInput, {
13632
+ hasError: hasVisibleError("phone"),
13633
+ extraClassName: "form__group--md-33",
13634
+ label: translations.TRAVELERS_FORM.PHONE,
13635
+ required: true,
13636
+ name: "phone",
13637
+ onChange: formik.handleChange,
13638
+ onBlur: formik.handleBlur,
13639
+ value: formik.values.phone,
13640
+ }),
13641
+ React.createElement(LabeledInput, {
13642
+ type: "email",
13643
+ hasError: hasVisibleError("email"),
13644
+ extraClassName: "form__group--md-33",
13645
+ label: translations.TRAVELERS_FORM.EMAIL,
13646
+ required: true,
13647
+ name: "email",
13648
+ onChange: formik.handleChange,
13649
+ onBlur: formik.handleBlur,
13650
+ value: formik.values.email,
13651
+ }),
13652
+ React.createElement(LabeledInput, {
13653
+ type: "email",
13654
+ hasError: hasVisibleError("emailConfirmation"),
13655
+ extraClassName: "form__group--md-33",
13656
+ label: translations.TRAVELERS_FORM.REPEAT_EMAIL,
13657
+ required: true,
13658
+ name: "emailConfirmation",
13659
+ onChange: formik.handleChange,
13660
+ onBlur: formik.handleBlur,
13661
+ value: formik.values.emailConfirmation,
13662
+ })
13622
13663
  )
13623
- ),
13664
+ )
13665
+ )
13666
+ : React.createElement(
13667
+ "div",
13668
+ { className: "form__region" },
13624
13669
  React.createElement(
13625
13670
  "div",
13626
13671
  { className: "form__row" },
@@ -13633,32 +13678,9 @@ var TravelersForm = function () {
13633
13678
  onChange: formik.handleChange,
13634
13679
  onBlur: formik.handleBlur,
13635
13680
  value: formik.values.phone,
13636
- }),
13637
- React.createElement(LabeledInput, {
13638
- type: "email",
13639
- hasError: hasVisibleError("email"),
13640
- extraClassName: "form__group--md-33",
13641
- label: translations.TRAVELERS_FORM.EMAIL,
13642
- required: true,
13643
- name: "email",
13644
- onChange: formik.handleChange,
13645
- onBlur: formik.handleBlur,
13646
- value: formik.values.email,
13647
- }),
13648
- React.createElement(LabeledInput, {
13649
- type: "email",
13650
- hasError: hasVisibleError("emailConfirmation"),
13651
- extraClassName: "form__group--md-33",
13652
- label: translations.TRAVELERS_FORM.REPEAT_EMAIL,
13653
- required: true,
13654
- name: "emailConfirmation",
13655
- onChange: formik.handleChange,
13656
- onBlur: formik.handleBlur,
13657
- value: formik.values.emailConfirmation,
13658
13681
  })
13659
13682
  )
13660
- )
13661
- ),
13683
+ ),
13662
13684
  showAgentSelection &&
13663
13685
  React.createElement(
13664
13686
  "div",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qite/tide-booking-component",
3
- "version": "1.0.14",
3
+ "version": "1.0.15",
4
4
  "description": "React BookingWizard component for Tide",
5
5
  "main": "build/build-cjs/index.js",
6
6
  "module": "build/build-esm/index.js",
package/src/booking-wizard/features/travelers-form/travelers-form.tsx CHANGED
@@ -486,7 +486,7 @@ const TravelersForm: React.FC<TravelersFormProps> = () => {
486
486
  </div>
487
487
  ))}
488
488
 
489
- {bookingType != "b2b" && (
489
+ {bookingType != "b2b" ? (
490
490
  <div className="form__region">
491
491
  <div className="form__region-header">
492
492
  <h5 className="form__region-heading">
@@ -505,7 +505,6 @@ const TravelersForm: React.FC<TravelersFormProps> = () => {
505
505
  ]).join(", ")}
506
506
  </p>
507
507
  </div>
508
-
509
508
  <>
510
509
  <div className="form__twocolumn">
511
510
  <div className="form__twocolumn-column">
@@ -542,7 +541,6 @@ const TravelersForm: React.FC<TravelersFormProps> = () => {
542
541
  />
543
542
  </div>
544
543
  </div>
545
-
546
544
  <div className="form__twocolumn-column">
547
545
  <div className="form__row">
548
546
  <LabeledInput
@@ -637,6 +635,21 @@ const TravelersForm: React.FC<TravelersFormProps> = () => {
637
635
  </div>
638
636
  </>
639
637
  </div>
638
+ ) : (
639
+ <div className="form__region">
640
+ <div className="form__row">
641
+ <LabeledInput
642
+ hasError={hasVisibleError("phone")}
643
+ extraClassName="form__group--md-33"
644
+ label={translations.TRAVELERS_FORM.PHONE}
645
+ required
646
+ name="phone"
647
+ onChange={formik.handleChange}
648
+ onBlur={formik.handleBlur}
649
+ value={formik.values.phone}
650
+ />
651
+ </div>
652
+ </div>
640
653
  )}
641
654
 
642
655
  {showAgentSelection && (
package/src/booking-wizard/features/travelers-form/validate-form.ts CHANGED
@@ -147,6 +147,10 @@ const validateForm = (
147
147
  errors.country = "Hoofdboeker: land";
148
148
  }
149
149
 
150
+ if (isEmpty(values.phone)) {
151
+ errors.phone = "Hoofdboeker: telefoon";
152
+ }
153
+ } else {
150
154
  if (isEmpty(values.phone)) {
151
155
  errors.phone = "Hoofdboeker: telefoon";
152
156
  }