summit-registration-lite 2.0.8 → 2.0.11
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/index.css +4 -4
- package/dist/index.js +159 -63
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
.outerWrapper___OWXyi{border:1px solid lightgray;background-color:white;border-radius:5px}.innerWrapper___mIrBF{padding:10px}.title___Tbvkl{display:flex;justify-content:center;align-items:center;border-bottom:1px solid lightgray;margin:0px -10px;padding:0px 15px 5px}.title___Tbvkl i{cursor:pointer;margin-left:auto}.title___Tbvkl span{width:100%;font-weight:bold;font-size:18px;text-align:center;color:var(--color_primary)}
|
|
2
2
|
|
|
3
|
-
:root{--color_primary: lightgray;--color_primary50: lightgray;--color_primary_contrast: #fff;--color_primary_contrast50: #ffffff50;--color_secondary: lightgray;--color_secondary_contrast: lightgray;--color_text_dark: #212121;--color_text_light: #ffffff;--color_text_input_hints: #212121}.step-wrapper{padding:10px;margin:10px;border:1px solid lightgray;border-radius:5px}.summit-registration-lite{color:var(--color_text_dark);font-size:15px}input{outline:none}
|
|
3
|
+
:root{--color_primary: lightgray;--color_primary50: lightgray;--color_primary_contrast: #fff;--color_primary_contrast50: #ffffff50;--color_secondary: lightgray;--color_secondary_contrast: lightgray;--color_text_dark: #212121;--color_text_light: #ffffff;--color_text_input_hints: #212121}.step-wrapper{padding:10px;margin:10px;border:1px solid lightgray;border-radius:5px}.summit-registration-lite{color:var(--color_text_dark);font-size:15px;font-smooth:unset !important;-moz-osx-font-smoothing:none !important;-webkit-font-smoothing:auto !important}input{outline:none}
|
|
4
4
|
|
|
5
5
|
.loginWrapper___sxUEn{display:flex;justify-content:center;font-weight:bold;text-align:center;padding:20px 0 30px}.innerWrapper___GQRkq{display:flex;flex-direction:column;justify-content:center;width:300px}.innerWrapper___GQRkq span{margin:10px 0}.button___QMZPu{padding:10px 30px;background-color:red;color:white;font-weight:normal;display:inline-flex;justify-content:center;margin:5px 0;border-radius:5px;cursor:pointer;background-position:28px center;background-repeat:no-repeat;background-size:16px;line-height:1.4;box-shadow:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)}.button___QMZPu:hover{box-shadow:0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)}.loginCode___dDBup{margin-bottom:10px;font-size:16px}.loginCode___dDBup>div{margin-top:10px}.loginCode___dDBup span{display:inline-block;font-weight:normal;font-size:14px;color:#e5424d}.input___QR9sA{display:flex;height:40px;margin-top:5px}.input___QR9sA input{border:1px solid var(--color_primary);border-radius:5px;padding:5px;width:100%}.input___QR9sA input::placeholder{color:var(--color_text_input_hints)}.input___QR9sA button{margin-left:5px;background-color:var(--color_secondary_contrast);padding:0px 15px;border:1px solid var(--color_secondary_contrast);color:#fff;box-shadow:none;text-align:center;white-space:nowrap;font-weight:bold;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center}
|
|
6
6
|
|
|
7
|
-
.title___LksVm{font-weight:bold;cursor:pointer}.form___v5GIx{display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0}.form___v5GIx div.fieldWrapper___Eoe61{width:48%;border-radius:5px;background-color:#e6f3ff;border:1px solid #3fa2f7;height:36px;padding:5px;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.form___v5GIx div.fieldWrapper___Eoe61:first-of-type{width:100%}.form___v5GIx div.fieldWrapper___Eoe61 input{width:100%;background-color:transparent;border:none}.form___v5GIx div.fieldWrapper___Eoe61 input:focus-visible{outline:none}.form___v5GIx div.fieldWrapper___Eoe61 i{position:relative
|
|
7
|
+
.title___LksVm{font-weight:bold;cursor:pointer}.form___v5GIx{display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0}.form___v5GIx div.fieldWrapper___Eoe61{width:48%;border-radius:5px;background-color:#e6f3ff;border:1px solid #3fa2f7;height:36px;padding:5px 10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.form___v5GIx div.fieldWrapper___Eoe61:first-of-type{width:100%}.form___v5GIx div.fieldWrapper___Eoe61 input{width:100%;background-color:transparent;border:none}.form___v5GIx div.fieldWrapper___Eoe61 input:focus-visible{outline:none}.form___v5GIx div.fieldWrapper___Eoe61 i{position:relative}.form___v5GIx div.fieldWrapper___Eoe61>div{width:100%}.form___v5GIx div.fieldWrapper___Eoe61>div:first-of-type{width:95%}.form___v5GIx input{width:48%;border-radius:5px;border:1px solid #3fa2f7;color:#3486cd;font-size:16px;background-color:#e6f3ff;height:36px;padding:5px 10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-weight:bold}.form___v5GIx input::placeholder{color:#3486cd}
|
|
8
8
|
|
|
9
|
-
.form___DoT3x{display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0}.form___DoT3x div.fieldWrapper___wa1Ks{display:flex;
|
|
9
|
+
.form___DoT3x{display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0}.form___DoT3x div.fieldWrapper___wa1Ks{width:48%;margin-bottom:5px}.form___DoT3x div.fieldWrapper___wa1Ks:first-of-type{width:100%}.form___DoT3x div.inputWrapper___CbXhF{display:flex;border-radius:5px;border:1px solid var(--color_primary);height:36px;padding:5px 10px;justify-content:space-between;align-items:center}.form___DoT3x div.inputWrapper___CbXhF input{width:100%;background-color:transparent;border:none;padding:0;font-size:16px;display:flex;justify-content:space-between;align-items:center}.form___DoT3x div.inputWrapper___CbXhF input::placeholder{color:var(--color_text_input_hints);font-size:16px}.form___DoT3x div.inputWrapper___CbXhF input:focus-visible{outline:none}.form___DoT3x div.inputWrapper___CbXhF i{position:relative}.form___DoT3x div.inputWrapper___CbXhF>div{width:100%}.form___DoT3x div.inputWrapper___CbXhF>div:first-of-type{width:95%}.form___DoT3x div.fieldError___QrMYW{margin-top:5px;margin-bottom:5px;color:#e5424d;font-size:14px;line-height:1.5}.form___DoT3x div.fieldError___QrMYW::before{font-family:FontAwesome;content:'\f071';margin-right:5px}
|
|
10
10
|
|
|
11
|
-
.title___ECoNz{font-weight:bold;cursor:pointer;display:flex;justify-content:space-between}.title___ECoNz div{font-weight:normal}.form___lDFka{display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0 0}.form___lDFka
|
|
11
|
+
.title___ECoNz{font-weight:bold;cursor:pointer;display:flex;justify-content:space-between}.title___ECoNz div{font-weight:normal}.form___lDFka{display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0 0}.form___lDFka div.fieldWrapper___Mi_nL{width:48%;margin-bottom:5px}.form___lDFka div.inputWrapper___PEQFR{display:flex;border-radius:5px;border:1px solid var(--color_primary);height:36px;padding:5px 10px;justify-content:space-between;align-items:center}.form___lDFka div.inputWrapper___PEQFR input{width:100%;background-color:transparent;border:none;padding:0;font-size:16px;display:flex;justify-content:space-between;align-items:center}.form___lDFka div.inputWrapper___PEQFR input::placeholder{color:var(--color_text_input_hints);font-size:16px}.form___lDFka div.inputWrapper___PEQFR input:focus-visible{outline:none}.form___lDFka div.inputWrapper___PEQFR .readOnly___WRazF{opacity:0.6;cursor:default}.form___lDFka div.fieldError___ksJVe{margin-top:5px;margin-bottom:5px;color:#e5424d;font-size:14px;line-height:1.5}.form___lDFka div.fieldError___ksJVe::before{font-family:FontAwesome;content:'\f071';margin-right:5px}.form___lDFka .companies___kmGFB>div{position:relative;width:100%;border-radius:5px;display:flex;justify-content:space-between;align-items:center;font-size:15px}.form___lDFka .companies___kmGFB>div::placeholder{color:var(--color_text_input_hints)}.form___lDFka .companies___kmGFB>div>div{height:100%;width:100%}.form___lDFka .companies___kmGFB>div>div>div{height:36px;padding:0px;border:1px solid var(--color_primary);box-shadow:0 0 1px var(--color_primary)}.form___lDFka .companies___kmGFB>div>div>div>div{height:36px}.form___lDFka .companies___kmGFB>div>div>span+div+div{overflow:auto;height:auto}.form___lDFka .companies___kmGFB>div>div>span+div+div>div{height:auto}.form___lDFka .companies___kmGFB>div input{padding:5px 10px;border:1px solid var(--color_primary);padding-right:0px !important;background-color:transparent}.form___lDFka .companies___kmGFB>div i{right:10px !important}.moreInfo___cQYdZ{display:inline-block;margin-top:10px}.moreInfoTooltip___lslgT{max-width:280px}.ticketQuantityNotice___L6gis{margin:10px 0 0 !important}.formErrors___dQQMe{margin-top:10px}.formErrors___dQQMe div+div{margin-top:10px}
|
|
12
12
|
|
|
13
13
|
.title___DNZyl{font-weight:bold;cursor:pointer;display:flex;justify-content:space-between}.summary___quWdZ{text-align:right}.crossOut___QZ7dy{text-decoration:line-through}.discount___sEK_Q{color:green}.promo___F8lPO{font-weight:bold;display:flex;justify-content:flex-end}.form___aoo7w{display:flex;gap:10px;margin-top:10px}.dropdown____HWg0{flex:1 1 auto}.quantity___SIEQZ{flex-shrink:0}.quantity___SIEQZ input,.quantity___SIEQZ button{height:36px;text-align:center;border:1px solid var(--color_primary)}.quantity___SIEQZ input{padding:0 8px;width:48px !important}.quantity___SIEQZ input,.quantity___SIEQZ input:read-only{color:inherit;background-color:#fff;border:1px solid var(--color_primary)}.quantity___SIEQZ button{display:flex;align-items:center}.quantity___SIEQZ button:disabled,.quantity___SIEQZ button:disabled:hover{opacity:0.65;background:#dedede;border-color:#bebebe}.soldOut___Hatfr{height:36px;padding:0 16px;line-height:34px;font-weight:700px;background:#dedede;border:solid 1px #bebebe;border-radius:5px;opacity:0.65;font-weight:700;flex-shrink:0}.moreInfo___LmwOe{display:inline-block;margin-top:10px}.moreInfoTooltip___nOBf1{max-width:280px}.inPersonDisclaimer___PXGTz{margin-top:15px}
|
|
14
14
|
|
package/dist/index.js
CHANGED
|
@@ -778,10 +778,17 @@ const react_stripe_js_namespaceObject = require("@stripe/react-stripe-js");
|
|
|
778
778
|
;// CONCATENATED MODULE: ./src/components/payment/index.module.scss
|
|
779
779
|
// extracted by mini-css-extract-plugin
|
|
780
780
|
/* harmony default export */ const payment_index_module = ({"title":"title___LksVm","form":"form___v5GIx","fieldWrapper":"fieldWrapper___Eoe61"});
|
|
781
|
+
;// CONCATENATED MODULE: external "react-hook-form"
|
|
782
|
+
const external_react_hook_form_namespaceObject = require("react-hook-form");
|
|
783
|
+
;// CONCATENATED MODULE: external "lodash/merge"
|
|
784
|
+
const merge_namespaceObject = require("lodash/merge");
|
|
785
|
+
var merge_default = /*#__PURE__*/__webpack_require__.n(merge_namespaceObject);
|
|
781
786
|
;// CONCATENATED MODULE: ./src/components/stripe-form/index.module.scss
|
|
782
787
|
// extracted by mini-css-extract-plugin
|
|
783
|
-
/* harmony default export */ const stripe_form_index_module = ({"form":"form___DoT3x","fieldWrapper":"fieldWrapper___wa1Ks"});
|
|
788
|
+
/* harmony default export */ const stripe_form_index_module = ({"form":"form___DoT3x","fieldWrapper":"fieldWrapper___wa1Ks","inputWrapper":"inputWrapper___CbXhF","fieldError":"fieldError___QrMYW"});
|
|
784
789
|
;// CONCATENATED MODULE: ./src/components/stripe-form/index.js
|
|
790
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
791
|
+
|
|
785
792
|
/**
|
|
786
793
|
* Copyright 2020 OpenStack Foundation
|
|
787
794
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
@@ -800,19 +807,64 @@ const react_stripe_js_namespaceObject = require("@stripe/react-stripe-js");
|
|
|
800
807
|
|
|
801
808
|
|
|
802
809
|
|
|
810
|
+
|
|
811
|
+
const stripeErrorCodeMap = {
|
|
812
|
+
'incomplete_number': {
|
|
813
|
+
field: 'cardNumber',
|
|
814
|
+
message: 'This field is required.'
|
|
815
|
+
},
|
|
816
|
+
'incorrect_number': {
|
|
817
|
+
field: 'cardNumber'
|
|
818
|
+
},
|
|
819
|
+
'invalid_number': {
|
|
820
|
+
field: 'cardNumber'
|
|
821
|
+
},
|
|
822
|
+
'card_declined': {
|
|
823
|
+
field: 'cardNumber'
|
|
824
|
+
},
|
|
825
|
+
'incomplete_cvc': {
|
|
826
|
+
field: 'cardCvc',
|
|
827
|
+
message: 'This field is required.'
|
|
828
|
+
},
|
|
829
|
+
'incorrect_cvc': {
|
|
830
|
+
field: 'cardCvc'
|
|
831
|
+
},
|
|
832
|
+
'invalid_cvc': {
|
|
833
|
+
field: 'cardCvc'
|
|
834
|
+
},
|
|
835
|
+
'incomplete_expiry': {
|
|
836
|
+
field: 'cardExpiry',
|
|
837
|
+
message: 'This field is required.'
|
|
838
|
+
},
|
|
839
|
+
'invalid_expiry_month': {
|
|
840
|
+
field: 'cardExpiry'
|
|
841
|
+
},
|
|
842
|
+
'invalid_expiry_year': {
|
|
843
|
+
field: 'cardExpiry'
|
|
844
|
+
},
|
|
845
|
+
'expired_card': {
|
|
846
|
+
field: 'cardExpiry'
|
|
847
|
+
}
|
|
848
|
+
};
|
|
849
|
+
|
|
803
850
|
const StripeForm = ({
|
|
804
851
|
reservation,
|
|
805
852
|
payTicket,
|
|
806
853
|
userProfile,
|
|
807
|
-
marketingData
|
|
854
|
+
marketingData,
|
|
855
|
+
stripeOptions
|
|
808
856
|
}) => {
|
|
809
857
|
const stripe = (0,react_stripe_js_namespaceObject.useStripe)();
|
|
810
858
|
const elements = (0,react_stripe_js_namespaceObject.useElements)();
|
|
811
|
-
const [
|
|
812
|
-
const
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
859
|
+
const [stripeErrors, setStripeErrors] = (0,external_react_namespaceObject.useState)({});
|
|
860
|
+
const {
|
|
861
|
+
register,
|
|
862
|
+
handleSubmit,
|
|
863
|
+
formState: {
|
|
864
|
+
errors
|
|
865
|
+
}
|
|
866
|
+
} = (0,external_react_hook_form_namespaceObject.useForm)();
|
|
867
|
+
const stripeStyle = merge_default()({}, {
|
|
816
868
|
base: {
|
|
817
869
|
// Add your base input styles here. For example: #d4e5f4
|
|
818
870
|
color: marketingData.color_text_dark,
|
|
@@ -829,21 +881,10 @@ const StripeForm = ({
|
|
|
829
881
|
color: '#3486cd'
|
|
830
882
|
}
|
|
831
883
|
}
|
|
832
|
-
};
|
|
884
|
+
}, stripeOptions === null || stripeOptions === void 0 ? void 0 : stripeOptions.style);
|
|
833
885
|
|
|
834
|
-
const
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
if (!zipCode) {
|
|
838
|
-
setZipCodeError({
|
|
839
|
-
required: true
|
|
840
|
-
});
|
|
841
|
-
return;
|
|
842
|
-
} else {
|
|
843
|
-
setZipCodeError({
|
|
844
|
-
required: false
|
|
845
|
-
});
|
|
846
|
-
}
|
|
886
|
+
const onSubmit = async data => {
|
|
887
|
+
setStripeErrors({});
|
|
847
888
|
|
|
848
889
|
if (!stripe) {
|
|
849
890
|
// Stripe.js has not loaded yet. Make sure to disable
|
|
@@ -857,51 +898,75 @@ const StripeForm = ({
|
|
|
857
898
|
token
|
|
858
899
|
} = await stripe.createToken(cardElement, {
|
|
859
900
|
name: `${reservation.owner_first_name} ${reservation.owner_last_name}`,
|
|
860
|
-
address_zip: zipCode,
|
|
901
|
+
address_zip: data.zipCode,
|
|
861
902
|
address_country: userProfile.country || ''
|
|
862
903
|
});
|
|
863
904
|
|
|
864
905
|
if (token) {
|
|
865
|
-
payTicket(token, stripe, zipCode);
|
|
906
|
+
payTicket(token, stripe, data.zipCode);
|
|
866
907
|
} else if (error) {
|
|
867
|
-
|
|
908
|
+
if (stripeErrorCodeMap[error.code]) {
|
|
909
|
+
setStripeErrors({
|
|
910
|
+
[stripeErrorCodeMap[error.code].field]: stripeErrorCodeMap[error.code].message || error.message
|
|
911
|
+
});
|
|
912
|
+
} else {
|
|
913
|
+
external_sweetalert2_default().fire("Payment error", error.message, "warning");
|
|
914
|
+
}
|
|
868
915
|
}
|
|
869
916
|
};
|
|
870
917
|
|
|
871
918
|
return /*#__PURE__*/external_react_default().createElement("form", {
|
|
872
919
|
className: stripe_form_index_module.form,
|
|
873
920
|
id: "payment-form",
|
|
874
|
-
onSubmit: handleSubmit
|
|
921
|
+
onSubmit: handleSubmit(onSubmit)
|
|
875
922
|
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
876
923
|
className: stripe_form_index_module.fieldWrapper
|
|
924
|
+
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
925
|
+
className: stripe_form_index_module.inputWrapper
|
|
877
926
|
}, /*#__PURE__*/external_react_default().createElement(react_stripe_js_namespaceObject.CardNumberElement, {
|
|
878
927
|
options: {
|
|
879
|
-
style: stripeStyle
|
|
928
|
+
style: stripeStyle,
|
|
929
|
+
placeholder: '1234 1234 1234 1234 *'
|
|
880
930
|
}
|
|
881
931
|
}), /*#__PURE__*/external_react_default().createElement("i", {
|
|
882
932
|
className: "fa fa-credit-card"
|
|
883
|
-
})), /*#__PURE__*/external_react_default().createElement("div", {
|
|
933
|
+
})), stripeErrors.cardNumber && /*#__PURE__*/external_react_default().createElement("div", {
|
|
934
|
+
className: stripe_form_index_module.fieldError
|
|
935
|
+
}, stripeErrors.cardNumber)), /*#__PURE__*/external_react_default().createElement("div", {
|
|
884
936
|
className: stripe_form_index_module.fieldWrapper
|
|
937
|
+
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
938
|
+
className: stripe_form_index_module.inputWrapper
|
|
885
939
|
}, /*#__PURE__*/external_react_default().createElement(react_stripe_js_namespaceObject.CardExpiryElement, {
|
|
886
940
|
options: {
|
|
887
|
-
style: stripeStyle
|
|
941
|
+
style: stripeStyle,
|
|
942
|
+
placeholder: 'MM / YY *'
|
|
888
943
|
}
|
|
889
|
-
})), /*#__PURE__*/external_react_default().createElement("div", {
|
|
944
|
+
})), stripeErrors.cardExpiry && /*#__PURE__*/external_react_default().createElement("div", {
|
|
945
|
+
className: stripe_form_index_module.fieldError
|
|
946
|
+
}, stripeErrors.cardExpiry)), /*#__PURE__*/external_react_default().createElement("div", {
|
|
890
947
|
className: stripe_form_index_module.fieldWrapper
|
|
948
|
+
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
949
|
+
className: stripe_form_index_module.inputWrapper
|
|
891
950
|
}, /*#__PURE__*/external_react_default().createElement(react_stripe_js_namespaceObject.CardCvcElement, {
|
|
892
951
|
options: {
|
|
893
|
-
style: stripeStyle
|
|
952
|
+
style: stripeStyle,
|
|
953
|
+
placeholder: 'CVC *'
|
|
894
954
|
}
|
|
895
|
-
})), /*#__PURE__*/external_react_default().createElement("div", {
|
|
896
|
-
className: stripe_form_index_module.
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
|
|
955
|
+
})), stripeErrors.cardCvc && /*#__PURE__*/external_react_default().createElement("div", {
|
|
956
|
+
className: stripe_form_index_module.fieldError
|
|
957
|
+
}, stripeErrors.cardCvc)), /*#__PURE__*/external_react_default().createElement("div", {
|
|
958
|
+
className: stripe_form_index_module.fieldWrapper
|
|
959
|
+
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
960
|
+
className: stripe_form_index_module.inputWrapper
|
|
961
|
+
}, /*#__PURE__*/external_react_default().createElement("input", _extends({
|
|
962
|
+
type: "text",
|
|
963
|
+
placeholder: "ZIP Code *",
|
|
903
964
|
onChange: e => setZipCode(e.target.value)
|
|
904
|
-
}
|
|
965
|
+
}, register("zipCode", {
|
|
966
|
+
required: true
|
|
967
|
+
})))), errors.zipCode && /*#__PURE__*/external_react_default().createElement("div", {
|
|
968
|
+
className: stripe_form_index_module.fieldError
|
|
969
|
+
}, "This field is required.")));
|
|
905
970
|
};
|
|
906
971
|
|
|
907
972
|
const mapStateToProps = ({
|
|
@@ -943,7 +1008,8 @@ const PaymentComponent = ({
|
|
|
943
1008
|
userProfile,
|
|
944
1009
|
reservation,
|
|
945
1010
|
payTicket,
|
|
946
|
-
stripeKey
|
|
1011
|
+
stripeKey,
|
|
1012
|
+
stripeOptions
|
|
947
1013
|
}) => {
|
|
948
1014
|
const [ref, {
|
|
949
1015
|
height
|
|
@@ -962,6 +1028,9 @@ const PaymentComponent = ({
|
|
|
962
1028
|
marginBottom: isActive ? 5 : 0
|
|
963
1029
|
}
|
|
964
1030
|
});
|
|
1031
|
+
const options = {
|
|
1032
|
+
fonts: stripeOptions === null || stripeOptions === void 0 ? void 0 : stripeOptions.fonts
|
|
1033
|
+
};
|
|
965
1034
|
return /*#__PURE__*/external_react_default().createElement("div", {
|
|
966
1035
|
className: `${payment_index_module.outerWrapper} step-wrapper`
|
|
967
1036
|
}, /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("div", {
|
|
@@ -975,19 +1044,19 @@ const PaymentComponent = ({
|
|
|
975
1044
|
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
976
1045
|
ref: ref
|
|
977
1046
|
}, /*#__PURE__*/external_react_default().createElement(react_stripe_js_namespaceObject.Elements, {
|
|
1047
|
+
options: options,
|
|
978
1048
|
stripe: stripeKey
|
|
979
1049
|
}, /*#__PURE__*/external_react_default().createElement(stripe_form, {
|
|
980
1050
|
reservation: reservation,
|
|
981
1051
|
payTicket: payTicket,
|
|
982
|
-
userProfile: userProfile
|
|
1052
|
+
userProfile: userProfile,
|
|
1053
|
+
stripeOptions: stripeOptions
|
|
983
1054
|
})))))));
|
|
984
1055
|
};
|
|
985
1056
|
|
|
986
1057
|
/* harmony default export */ const payment = (PaymentComponent);
|
|
987
1058
|
;// CONCATENATED MODULE: external "openstack-uicore-foundation/lib/components"
|
|
988
1059
|
const components_namespaceObject = require("openstack-uicore-foundation/lib/components");
|
|
989
|
-
;// CONCATENATED MODULE: external "react-hook-form"
|
|
990
|
-
const external_react_hook_form_namespaceObject = require("react-hook-form");
|
|
991
1060
|
;// CONCATENATED MODULE: external "react-tooltip"
|
|
992
1061
|
const external_react_tooltip_namespaceObject = require("react-tooltip");
|
|
993
1062
|
var external_react_tooltip_default = /*#__PURE__*/__webpack_require__.n(external_react_tooltip_namespaceObject);
|
|
@@ -1001,9 +1070,9 @@ const formatErrorMessage = string => {
|
|
|
1001
1070
|
};
|
|
1002
1071
|
;// CONCATENATED MODULE: ./src/components/personal-information/index.module.scss
|
|
1003
1072
|
// extracted by mini-css-extract-plugin
|
|
1004
|
-
/* harmony default export */ const personal_information_index_module = ({"title":"title___ECoNz","form":"form___lDFka","readOnly":"readOnly___WRazF","companies":"companies___kmGFB","moreInfo":"moreInfo___cQYdZ","moreInfoTooltip":"moreInfoTooltip___lslgT","ticketQuantityNotice":"ticketQuantityNotice___L6gis","formErrors":"formErrors___dQQMe"});
|
|
1073
|
+
/* harmony default export */ const personal_information_index_module = ({"title":"title___ECoNz","form":"form___lDFka","fieldWrapper":"fieldWrapper___Mi_nL","inputWrapper":"inputWrapper___PEQFR","readOnly":"readOnly___WRazF","fieldError":"fieldError___ksJVe","companies":"companies___kmGFB","moreInfo":"moreInfo___cQYdZ","moreInfoTooltip":"moreInfoTooltip___lslgT","ticketQuantityNotice":"ticketQuantityNotice___L6gis","formErrors":"formErrors___dQQMe"});
|
|
1005
1074
|
;// CONCATENATED MODULE: ./src/components/personal-information/index.js
|
|
1006
|
-
function
|
|
1075
|
+
function personal_information_extends() { personal_information_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return personal_information_extends.apply(this, arguments); }
|
|
1007
1076
|
|
|
1008
1077
|
function personal_information_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1009
1078
|
|
|
@@ -1051,7 +1120,7 @@ const PersonalInfoComponent = ({
|
|
|
1051
1120
|
email: userProfile.email || '',
|
|
1052
1121
|
company: {
|
|
1053
1122
|
id: null,
|
|
1054
|
-
name:
|
|
1123
|
+
name: ''
|
|
1055
1124
|
},
|
|
1056
1125
|
promoCode: ''
|
|
1057
1126
|
});
|
|
@@ -1111,6 +1180,11 @@ const PersonalInfoComponent = ({
|
|
|
1111
1180
|
height: isActive ? height + 10 : 0
|
|
1112
1181
|
}
|
|
1113
1182
|
});
|
|
1183
|
+
const customStyles = {
|
|
1184
|
+
menuList: provided => personal_information_objectSpread(personal_information_objectSpread({}, provided), {}, {
|
|
1185
|
+
maxHeight: 120
|
|
1186
|
+
})
|
|
1187
|
+
};
|
|
1114
1188
|
return /*#__PURE__*/external_react_default().createElement("div", {
|
|
1115
1189
|
className: `${personal_information_index_module.outerWrapper} step-wrapper`
|
|
1116
1190
|
}, /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("div", {
|
|
@@ -1132,7 +1206,11 @@ const PersonalInfoComponent = ({
|
|
|
1132
1206
|
onSubmit: handleSubmit(onSubmit),
|
|
1133
1207
|
className: personal_information_index_module.form,
|
|
1134
1208
|
"data-testid": "personal-form"
|
|
1135
|
-
}, /*#__PURE__*/external_react_default().createElement("div",
|
|
1209
|
+
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
1210
|
+
className: personal_information_index_module.fieldWrapper
|
|
1211
|
+
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
1212
|
+
className: personal_information_index_module.inputWrapper
|
|
1213
|
+
}, /*#__PURE__*/external_react_default().createElement("input", personal_information_extends({
|
|
1136
1214
|
type: "text",
|
|
1137
1215
|
placeholder: "First name *",
|
|
1138
1216
|
defaultValue: personalInfo.firstName || ''
|
|
@@ -1141,9 +1219,14 @@ const PersonalInfoComponent = ({
|
|
|
1141
1219
|
maxLength: 80
|
|
1142
1220
|
}), {
|
|
1143
1221
|
"data-testid": "first-name"
|
|
1144
|
-
})), errors.firstName && /*#__PURE__*/external_react_default().createElement("
|
|
1222
|
+
}))), errors.firstName && /*#__PURE__*/external_react_default().createElement("div", {
|
|
1223
|
+
className: personal_information_index_module.fieldError,
|
|
1145
1224
|
"data-testid": "first-name-error"
|
|
1146
|
-
}, "This field is required")), /*#__PURE__*/external_react_default().createElement("div",
|
|
1225
|
+
}, "This field is required.")), /*#__PURE__*/external_react_default().createElement("div", {
|
|
1226
|
+
className: personal_information_index_module.fieldWrapper
|
|
1227
|
+
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
1228
|
+
className: personal_information_index_module.inputWrapper
|
|
1229
|
+
}, /*#__PURE__*/external_react_default().createElement("input", personal_information_extends({
|
|
1147
1230
|
type: "text",
|
|
1148
1231
|
placeholder: "Last name *",
|
|
1149
1232
|
defaultValue: personalInfo.lastName || ''
|
|
@@ -1152,9 +1235,14 @@ const PersonalInfoComponent = ({
|
|
|
1152
1235
|
maxLength: 100
|
|
1153
1236
|
}), {
|
|
1154
1237
|
"data-testid": "last-name"
|
|
1155
|
-
})), errors.lastName && /*#__PURE__*/external_react_default().createElement("
|
|
1238
|
+
}))), errors.lastName && /*#__PURE__*/external_react_default().createElement("div", {
|
|
1239
|
+
className: personal_information_index_module.fieldError,
|
|
1156
1240
|
"data-testid": "last-name-error"
|
|
1157
|
-
}, "This field is required")), /*#__PURE__*/external_react_default().createElement("div",
|
|
1241
|
+
}, "This field is required.")), /*#__PURE__*/external_react_default().createElement("div", {
|
|
1242
|
+
className: personal_information_index_module.fieldWrapper
|
|
1243
|
+
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
1244
|
+
className: personal_information_index_module.inputWrapper
|
|
1245
|
+
}, /*#__PURE__*/external_react_default().createElement("input", personal_information_extends({
|
|
1158
1246
|
type: "text",
|
|
1159
1247
|
placeholder: "Email *",
|
|
1160
1248
|
className: personal_information_index_module.readOnly,
|
|
@@ -1165,24 +1253,33 @@ const PersonalInfoComponent = ({
|
|
|
1165
1253
|
pattern: /^\S+@\S+$/i
|
|
1166
1254
|
}), {
|
|
1167
1255
|
"data-testid": "email"
|
|
1168
|
-
})), ((_errors$email = errors.email) === null || _errors$email === void 0 ? void 0 : _errors$email.type) === 'required' && /*#__PURE__*/external_react_default().createElement("
|
|
1256
|
+
}))), ((_errors$email = errors.email) === null || _errors$email === void 0 ? void 0 : _errors$email.type) === 'required' && /*#__PURE__*/external_react_default().createElement("div", {
|
|
1257
|
+
className: personal_information_index_module.fieldError,
|
|
1169
1258
|
"data-testid": "email-error-required"
|
|
1170
|
-
}, "This field is required"), ((_errors$email2 = errors.email) === null || _errors$email2 === void 0 ? void 0 : _errors$email2.type) === 'pattern' && /*#__PURE__*/external_react_default().createElement("
|
|
1259
|
+
}, "This field is required."), ((_errors$email2 = errors.email) === null || _errors$email2 === void 0 ? void 0 : _errors$email2.type) === 'pattern' && /*#__PURE__*/external_react_default().createElement("div", {
|
|
1260
|
+
className: personal_information_index_module.fieldError,
|
|
1171
1261
|
"data-testid": "email-error-invalid"
|
|
1172
|
-
}, "The email is invalid")), /*#__PURE__*/external_react_default().createElement("div", {
|
|
1262
|
+
}, "The email is invalid.")), /*#__PURE__*/external_react_default().createElement("div", {
|
|
1263
|
+
className: personal_information_index_module.fieldWrapper
|
|
1264
|
+
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
1173
1265
|
className: personal_information_index_module.companies
|
|
1174
1266
|
}, /*#__PURE__*/external_react_default().createElement(components_namespaceObject.RegistrationCompanyInput, {
|
|
1175
1267
|
id: "company",
|
|
1268
|
+
styles: customStyles,
|
|
1176
1269
|
summitId: summitId,
|
|
1177
1270
|
onChange: onCompanyChange,
|
|
1178
1271
|
onError: handleCompanyError,
|
|
1179
1272
|
value: personalInfo.company
|
|
1180
1273
|
}), companyError && /*#__PURE__*/external_react_default().createElement("span", {
|
|
1181
1274
|
"data-testid": "company-error"
|
|
1182
|
-
}, "This field is required")), /*#__PURE__*/external_react_default().createElement("div",
|
|
1275
|
+
}, "This field is required"))), /*#__PURE__*/external_react_default().createElement("div", {
|
|
1276
|
+
className: personal_information_index_module.fieldWrapper
|
|
1277
|
+
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
1278
|
+
className: personal_information_index_module.inputWrapper
|
|
1279
|
+
}, /*#__PURE__*/external_react_default().createElement("input", personal_information_extends({
|
|
1183
1280
|
type: "text",
|
|
1184
1281
|
placeholder: "Promo Code"
|
|
1185
|
-
}, register("promoCode"))))), /*#__PURE__*/external_react_default().createElement("a", {
|
|
1282
|
+
}, register("promoCode")))))), /*#__PURE__*/external_react_default().createElement("a", {
|
|
1186
1283
|
className: personal_information_index_module.moreInfo,
|
|
1187
1284
|
"data-tip": true,
|
|
1188
1285
|
"data-for": "promo-code-info"
|
|
@@ -1598,10 +1695,7 @@ const PurchaseComplete = ({
|
|
|
1598
1695
|
}, /*#__PURE__*/external_react_default().createElement("button", {
|
|
1599
1696
|
className: `${purchase_complete_index_module.button} button`,
|
|
1600
1697
|
onClick: () => goToExtraQuestions()
|
|
1601
|
-
}, "Finish Now"), /*#__PURE__*/external_react_default().createElement("
|
|
1602
|
-
className: `${purchase_complete_index_module.button} button`,
|
|
1603
|
-
onClick: () => goToEvent()
|
|
1604
|
-
}, "Do this later"))), /*#__PURE__*/external_react_default().createElement("span", {
|
|
1698
|
+
}, "Finish Now"))), /*#__PURE__*/external_react_default().createElement("span", {
|
|
1605
1699
|
className: purchase_complete_index_module.footer
|
|
1606
1700
|
}, "For further assistance, please email ", /*#__PURE__*/external_react_default().createElement("a", {
|
|
1607
1701
|
href: `mailto:${supportEmail}`
|
|
@@ -1741,7 +1835,7 @@ const TicketOwnedComponent = ({
|
|
|
1741
1835
|
|
|
1742
1836
|
/* harmony default export */ const ticket_owned = (TicketOwnedComponent);
|
|
1743
1837
|
;// CONCATENATED MODULE: ./src/components/registration-lite.js
|
|
1744
|
-
const registration_lite_excluded = ["loadSession", "setMarketingSettings", "changeStep", "removeReservedTicket", "reserveTicket", "payTicket", "onPurchaseComplete", "getTicketTypes", "getTaxesTypes", "getLoginCode", "passwordlessLogin", "goToLogin", "loginOptions", "allowsNativeAuth", "allowsOtpAuth", "reservation", "checkout", "ticketTypes", "taxTypes", "step", "passwordlessCodeSent", "passwordlessEmail", "passwordlessCode", "getPasswordlessCode", "passwordlessCodeError", "loginWithCode", "goToExtraQuestions", "goToEvent", "goToRegistration", "profileData", "summitData", "supportEmail", "ticketOwned", "ownedTickets", "widgetLoading", "loading", "inPersonDisclaimer", "userProfile", "handleCompanyError"];
|
|
1838
|
+
const registration_lite_excluded = ["loadSession", "setMarketingSettings", "changeStep", "removeReservedTicket", "reserveTicket", "payTicket", "onPurchaseComplete", "getTicketTypes", "getTaxesTypes", "getLoginCode", "passwordlessLogin", "goToLogin", "loginOptions", "allowsNativeAuth", "allowsOtpAuth", "reservation", "checkout", "ticketTypes", "taxTypes", "step", "passwordlessCodeSent", "passwordlessEmail", "passwordlessCode", "getPasswordlessCode", "passwordlessCodeError", "loginWithCode", "goToExtraQuestions", "goToEvent", "goToRegistration", "profileData", "summitData", "supportEmail", "ticketOwned", "ownedTickets", "widgetLoading", "loading", "inPersonDisclaimer", "userProfile", "handleCompanyError", "stripeOptions"];
|
|
1745
1839
|
|
|
1746
1840
|
function registration_lite_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
1747
1841
|
|
|
@@ -1825,7 +1919,8 @@ const RegistrationLite = _ref => {
|
|
|
1825
1919
|
loading,
|
|
1826
1920
|
inPersonDisclaimer,
|
|
1827
1921
|
userProfile,
|
|
1828
|
-
handleCompanyError
|
|
1922
|
+
handleCompanyError,
|
|
1923
|
+
stripeOptions
|
|
1829
1924
|
} = _ref,
|
|
1830
1925
|
rest = registration_lite_objectWithoutProperties(_ref, registration_lite_excluded);
|
|
1831
1926
|
|
|
@@ -1984,7 +2079,8 @@ const RegistrationLite = _ref => {
|
|
|
1984
2079
|
reservation: reservation,
|
|
1985
2080
|
payTicket: payTicket,
|
|
1986
2081
|
userProfile: profileData,
|
|
1987
|
-
stripeKey: stripePromise
|
|
2082
|
+
stripeKey: stripePromise,
|
|
2083
|
+
stripeOptions: stripeOptions
|
|
1988
2084
|
})))), profileData && step === 3 && /*#__PURE__*/external_react_default().createElement(purchase_complete, {
|
|
1989
2085
|
checkout: checkout,
|
|
1990
2086
|
summit: summitData,
|