summit-registration-lite 4.0.16 → 4.0.18
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/.env +3 -0
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/index.js +38 -32
- package/dist/index.js.map +1 -1
- package/package.json +3 -2
package/.env
ADDED
package/dist/index.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
#modal___G3Cmq{padding:100px 0;overflow-y:auto}.modalContent___lIaqw{overflow:initial}.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;font-smooth:auto !important;-moz-osx-font-smoothing:auto !important;-webkit-font-smoothing:auto !important}.summit-registration-lite input:-moz-placeholder,.summit-registration-lite input::-moz-placeholder{opacity:1}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:auto !important;-moz-osx-font-smoothing:auto !important;-webkit-font-smoothing:auto !important}.summit-registration-lite input:-moz-placeholder,.summit-registration-lite input::-moz-placeholder{opacity:1}input{outline:none}.registration_company_dll .registration_company_dll_prefix__control{border:1px solid var(--color_primary) !important;border-radius:5px !important}
|
|
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
|
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
.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}
|
|
12
12
|
|
|
13
|
-
.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;justify-content:left !important}.form___lDFka div.fieldError___ksJVe::before{font-family:FontAwesome;content:'\f071';margin-right:5px}.
|
|
13
|
+
.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;justify-content:left !important}.form___lDFka div.fieldError___ksJVe::before{font-family:FontAwesome;content:'\f071';margin-right:5px}.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}
|
|
14
14
|
|
|
15
15
|
.title___DNZyl{font-weight:bold;cursor:pointer;display:flex;justify-content:space-between}.summary___quWdZ{text-align:right}.promoCode___bqTCw{display:inline-flex}.promoCode___bqTCw abbr{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:10ch}.crossOut___QZ7dy{text-decoration:line-through}.discount___sEK_Q{color:red}.taxes___fe8oJ{display:inline-flex}.taxes___fe8oJ abbr{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:15ch}.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;padding-right:10px;max-height:150px;overflow-y:auto}
|
|
16
16
|
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"./index.css","mappings":";;AAAA,MACE,0BAAgB,CAChB,4BAAkB,CAClB,8BAAyB,CACzB,qCAA2B,CAC3B,4BAAkB,CAClB,qCAA2B,CAC3B,0BAAkB,CAClB,2BAAmB,CACnB,iCAAyB,CCP3B,cACE,YAAa,CACb,WAAY,CACZ,0BAA2B,CAC3B,iBAAkB,CACnB,0BAGC,4BAA6B,CAC7B,cAAe,CAIf,2BAA4B,CAC5B,uCAAwC,CACxC,sCAAuC,CARzC,mGAYI,SAAU,CACX,MAID,YAAa","sources":["webpack://summit-registration-lite/./src/styles/colors.scss","webpack://summit-registration-lite/./src/styles/styles.scss"],"sourcesContent":[":root {\n --color_primary: lightgray;\n --color_primary50: lightgray;\n --color_primary_contrast: #fff;\n --color_primary_contrast50: #ffffff50;\n --color_secondary: lightgray;\n --color_secondary_contrast: lightgray;\n --color_text_dark: #212121;\n --color_text_light: #ffffff;\n --color_text_input_hints: #212121;\n}\n\n$header_lblue_color: #d4e5f4; // #d4e5f4;\n$font_blue_1: #297fca; // #297fca;\n$font_blue_2: #3486cd; // #3486cd;\n$lblue_color_1: #e6f3ff; // #e6f3ff;\n$lblue_color_2: #3fa2f7; // #3fa2f7;\n$lblue_color_3: #b3f5ff; // #b3f5ff;\n","@import './colors.scss';\n\n.step-wrapper {\n padding: 10px;\n margin: 10px;\n border: 1px solid lightgray;\n border-radius: 5px;\n}\n\n.summit-registration-lite {\n color: var(--color_text_dark);\n font-size: 15px;\n\n // Font smoothing is deprecated, so let's disable it.\n // This also helps w/ consistent font rendering between our app and the Stripe elements.\n font-smooth: auto !important;\n -moz-osx-font-smoothing: auto !important;\n -webkit-font-smoothing: auto !important;\n\n input:-moz-placeholder,\n input::-moz-placeholder {\n opacity: 1;\n }\n}\n\ninput {\n outline: none;\n}\n"],"names":[],"sourceRoot":""}
|
|
1
|
+
{"version":3,"file":"./index.css","mappings":";;AAAA,MACE,0BAAgB,CAChB,4BAAkB,CAClB,8BAAyB,CACzB,qCAA2B,CAC3B,4BAAkB,CAClB,qCAA2B,CAC3B,0BAAkB,CAClB,2BAAmB,CACnB,iCAAyB,CCP3B,cACE,YAAa,CACb,WAAY,CACZ,0BAA2B,CAC3B,iBAAkB,CACnB,0BAGC,4BAA6B,CAC7B,cAAe,CAIf,2BAA4B,CAC5B,uCAAwC,CACxC,sCAAuC,CARzC,mGAYI,SAAU,CACX,MAID,YAAa,CACd,oEAIG,gDAAiD,CACjD,4BAA6B","sources":["webpack://summit-registration-lite/./src/styles/colors.scss","webpack://summit-registration-lite/./src/styles/styles.scss"],"sourcesContent":[":root {\n --color_primary: lightgray;\n --color_primary50: lightgray;\n --color_primary_contrast: #fff;\n --color_primary_contrast50: #ffffff50;\n --color_secondary: lightgray;\n --color_secondary_contrast: lightgray;\n --color_text_dark: #212121;\n --color_text_light: #ffffff;\n --color_text_input_hints: #212121;\n}\n\n$header_lblue_color: #d4e5f4; // #d4e5f4;\n$font_blue_1: #297fca; // #297fca;\n$font_blue_2: #3486cd; // #3486cd;\n$lblue_color_1: #e6f3ff; // #e6f3ff;\n$lblue_color_2: #3fa2f7; // #3fa2f7;\n$lblue_color_3: #b3f5ff; // #b3f5ff;\n","@import './colors.scss';\n\n.step-wrapper {\n padding: 10px;\n margin: 10px;\n border: 1px solid lightgray;\n border-radius: 5px;\n}\n\n.summit-registration-lite {\n color: var(--color_text_dark);\n font-size: 15px;\n\n // Font smoothing is deprecated, so let's disable it.\n // This also helps w/ consistent font rendering between our app and the Stripe elements.\n font-smooth: auto !important;\n -moz-osx-font-smoothing: auto !important;\n -webkit-font-smoothing: auto !important;\n\n input:-moz-placeholder,\n input::-moz-placeholder {\n opacity: 1;\n }\n}\n\ninput {\n outline: none;\n}\n\n.registration_company_dll {\n .registration_company_dll_prefix__control {\n border: 1px solid var(--color_primary) !important;\n border-radius: 5px !important;;\n }\n}\n"],"names":[],"sourceRoot":""}
|
package/dist/index.js
CHANGED
|
@@ -2098,7 +2098,7 @@ const formatErrorMessage = string => {
|
|
|
2098
2098
|
};
|
|
2099
2099
|
;// CONCATENATED MODULE: ./src/components/personal-information/index.module.scss
|
|
2100
2100
|
// extracted by mini-css-extract-plugin
|
|
2101
|
-
/* 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","
|
|
2101
|
+
/* 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","moreInfo":"moreInfo___cQYdZ","moreInfoTooltip":"moreInfoTooltip___lslgT","ticketQuantityNotice":"ticketQuantityNotice___L6gis","formErrors":"formErrors___dQQMe"});
|
|
2102
2102
|
;// CONCATENATED MODULE: ./src/components/personal-information/index.js
|
|
2103
2103
|
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); }
|
|
2104
2104
|
|
|
@@ -2214,8 +2214,12 @@ const PersonalInfoComponent = ({
|
|
|
2214
2214
|
}
|
|
2215
2215
|
});
|
|
2216
2216
|
const customStyles = {
|
|
2217
|
+
control: provided => personal_information_objectSpread(personal_information_objectSpread({}, provided), {}, {
|
|
2218
|
+
minHeight: '36px',
|
|
2219
|
+
height: '36px'
|
|
2220
|
+
}),
|
|
2217
2221
|
menuList: provided => personal_information_objectSpread(personal_information_objectSpread({}, provided), {}, {
|
|
2218
|
-
maxHeight:
|
|
2222
|
+
maxHeight: '120px'
|
|
2219
2223
|
})
|
|
2220
2224
|
};
|
|
2221
2225
|
return /*#__PURE__*/external_react_default().createElement("div", {
|
|
@@ -2294,9 +2298,7 @@ const PersonalInfoComponent = ({
|
|
|
2294
2298
|
"data-testid": "email-error-invalid"
|
|
2295
2299
|
}, "The email is invalid.")), showCompanyInput && /*#__PURE__*/external_react_default().createElement("div", {
|
|
2296
2300
|
className: personal_information_index_module.fieldWrapper
|
|
2297
|
-
}, /*#__PURE__*/external_react_default().createElement("div", {
|
|
2298
|
-
className: personal_information_index_module.companies
|
|
2299
|
-
}, /*#__PURE__*/external_react_default().createElement(components_namespaceObject.RegistrationCompanyInput, {
|
|
2301
|
+
}, /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement(components_namespaceObject.RegistrationCompanyInput, {
|
|
2300
2302
|
id: "company",
|
|
2301
2303
|
name: "company",
|
|
2302
2304
|
"data-testid": "company",
|
|
@@ -2305,8 +2307,8 @@ const PersonalInfoComponent = ({
|
|
|
2305
2307
|
onChange: onCompanyChange,
|
|
2306
2308
|
onError: handleCompanyError,
|
|
2307
2309
|
value: personalInfo.company,
|
|
2308
|
-
|
|
2309
|
-
|
|
2310
|
+
placeholder: companyDDLPlaceholder,
|
|
2311
|
+
isClearable: true
|
|
2310
2312
|
}), companyError && /*#__PURE__*/external_react_default().createElement("div", {
|
|
2311
2313
|
className: personal_information_index_module.fieldError,
|
|
2312
2314
|
"data-testid": "company-error"
|
|
@@ -3153,31 +3155,13 @@ const RegistrationLite = _ref => {
|
|
|
3153
3155
|
}
|
|
3154
3156
|
}, [summitData, profileData]);
|
|
3155
3157
|
(0,external_react_.useEffect)(() => {
|
|
3156
|
-
|
|
3157
|
-
reserveTicket({
|
|
3158
|
-
provider,
|
|
3159
|
-
personalInformation: formValues === null || formValues === void 0 ? void 0 : formValues.personalInformation,
|
|
3160
|
-
ticket: formValues === null || formValues === void 0 ? void 0 : formValues.ticketType,
|
|
3161
|
-
ticketQuantity: formValues === null || formValues === void 0 ? void 0 : formValues.ticketQuantity
|
|
3162
|
-
}, {
|
|
3163
|
-
onError: (err, res) => setFormErrors(res.body.errors)
|
|
3164
|
-
}).catch(error => {
|
|
3165
|
-
let {
|
|
3166
|
-
message
|
|
3167
|
-
} = error;
|
|
3168
|
-
|
|
3169
|
-
if (message && (message.includes(constants_namespaceObject.AUTH_ERROR_MISSING_AUTH_INFO) || message.includes(constants_namespaceObject.AUTH_ERROR_MISSING_REFRESH_TOKEN) || message.includes(constants_namespaceObject.AUTH_ERROR_REFRESH_TOKEN_REQUEST_ERROR))) {
|
|
3170
|
-
// we dont have an access token, init log out process
|
|
3171
|
-
clearWidgetState();
|
|
3172
|
-
return authErrorCallback(error);
|
|
3173
|
-
}
|
|
3174
|
-
});
|
|
3175
|
-
}
|
|
3158
|
+
var _registrationForm$val;
|
|
3176
3159
|
|
|
3177
|
-
|
|
3160
|
+
// check if there's personal information data and no ticket data to reset widget
|
|
3161
|
+
if (step > 0 && !((_registrationForm$val = registrationForm.values) !== null && _registrationForm$val !== void 0 && _registrationForm$val.ticketType)) {
|
|
3178
3162
|
changeStep(0);
|
|
3179
3163
|
}
|
|
3180
|
-
}, [
|
|
3164
|
+
}, [registrationForm.values, step]);
|
|
3181
3165
|
(0,external_react_.useEffect)(() => {
|
|
3182
3166
|
setFormErrors([]);
|
|
3183
3167
|
}, [step]);
|
|
@@ -3288,9 +3272,31 @@ const RegistrationLite = _ref => {
|
|
|
3288
3272
|
userProfile: profileData,
|
|
3289
3273
|
invitation: invitation,
|
|
3290
3274
|
summitId: summitData.id,
|
|
3291
|
-
changeForm: personalInformation =>
|
|
3292
|
-
|
|
3293
|
-
|
|
3275
|
+
changeForm: personalInformation => {
|
|
3276
|
+
var _registrationForm$val2, _registrationForm$val3;
|
|
3277
|
+
|
|
3278
|
+
setFormValues(registration_lite_objectSpread(registration_lite_objectSpread({}, registrationForm.values), {}, {
|
|
3279
|
+
personalInformation
|
|
3280
|
+
}));
|
|
3281
|
+
reserveTicket({
|
|
3282
|
+
provider,
|
|
3283
|
+
personalInformation: personalInformation,
|
|
3284
|
+
ticket: (_registrationForm$val2 = registrationForm.values) === null || _registrationForm$val2 === void 0 ? void 0 : _registrationForm$val2.ticketType,
|
|
3285
|
+
ticketQuantity: (_registrationForm$val3 = registrationForm.values) === null || _registrationForm$val3 === void 0 ? void 0 : _registrationForm$val3.ticketQuantity
|
|
3286
|
+
}, {
|
|
3287
|
+
onError: (err, res) => setFormErrors(res.body.errors)
|
|
3288
|
+
}).catch(error => {
|
|
3289
|
+
let {
|
|
3290
|
+
message
|
|
3291
|
+
} = error;
|
|
3292
|
+
|
|
3293
|
+
if (message && (message.includes(constants_namespaceObject.AUTH_ERROR_MISSING_AUTH_INFO) || message.includes(constants_namespaceObject.AUTH_ERROR_MISSING_REFRESH_TOKEN) || message.includes(constants_namespaceObject.AUTH_ERROR_REFRESH_TOKEN_REQUEST_ERROR))) {
|
|
3294
|
+
// we dont have an access token, init log out process
|
|
3295
|
+
clearWidgetState();
|
|
3296
|
+
return authErrorCallback(error);
|
|
3297
|
+
}
|
|
3298
|
+
});
|
|
3299
|
+
},
|
|
3294
3300
|
handleCompanyError: handleCompanyError,
|
|
3295
3301
|
formValues: formValues,
|
|
3296
3302
|
formErrors: formErrors,
|