@tripian/react 9.3.42 → 9.3.43

package/components/FormTemplate/FormTemplateLogin/FormTemplateLogin.d.ts

@@ -16,6 +16,8 @@ interface IFormTemplateLogin {
     showRegister?: boolean;
     signUpButtonCallBack: () => void;
     customQuery?: string;
+    subtitle?: string;
+    socialLoginNote?: string;
     t: (value: Model.TranslationKey) => string;
 }
 declare const FormTemplateLogin: React.FC<IFormTemplateLogin>;

package/components/FormTemplate/FormTemplateRegister/FormTemplateRegister.d.ts

@@ -15,6 +15,12 @@ interface IFormTemplateRegister {
     };
     showRegister?: boolean;
     customQuery?: string;
+    registerFields?: Model.RegisterField[];
+    headerContent?: React.ReactNode;
+    subtitle?: string;
+    footerNote?: string;
+    title?: string;
+    submitText?: string;
     t: (value: Model.TranslationKey) => string;
 }
 declare const FormTemplateRegister: React.FC<IFormTemplateRegister>;

package/index.js

@@ -81783,7 +81783,7 @@ const ButtonTypes_1 = __importDefault(__webpack_require__(24));
 const EyeIconButton_1 = __importDefault(__webpack_require__(119));
 const Header_1 = __importDefault(__webpack_require__(74));
 const FormTemplateLogin_scss_1 = __importDefault(__webpack_require__(862));
-const FormTemplateLogin = ({ login, successLogin, reCaptchaSiteKey, showCaptcha = true, forgotPassword, socialLoginConfigs, showRegister, signUpButtonCallBack, customQuery, t }) => {
+const FormTemplateLogin = ({ login, successLogin, reCaptchaSiteKey, showCaptcha = true, forgotPassword, socialLoginConfigs, showRegister, signUpButtonCallBack, customQuery, subtitle, socialLoginNote, t }) => {
     const [error, setError] = (0, react_1.useState)(undefined);
     const [loading, setLoading] = (0, react_1.useState)(false);
     const [recaptchaVerified, setRecaptchaVerified] = (0, react_1.useState)();
@@ -81885,7 +81885,8 @@ const FormTemplateLogin = ({ login, successLogin, reCaptchaSiteKey, showCaptcha
         react_1.default.createElement("form", null,
             react_1.default.createElement("div", { className: "row" },
                 react_1.default.createElement("div", { className: "col col12" },
-                    react_1.default.createElement(Header_1.default, { text: t('auth.login.title') }))),
+                    react_1.default.createElement(Header_1.default, { text: t('auth.login.title') }),
+                    subtitle && react_1.default.createElement("p", { className: FormTemplateLogin_scss_1.default.subtitle }, subtitle))),
             react_1.default.createElement("div", { className: "row mb0" },
                 react_1.default.createElement("div", { className: "col col12 my2" },
                     react_1.default.createElement("h4", { className: FormTemplateLogin_scss_1.default.header }, t('auth.login.email.label'))),
@@ -81912,7 +81913,8 @@ const FormTemplateLogin = ({ login, successLogin, reCaptchaSiteKey, showCaptcha
             react_1.default.createElement("div", { className: "flex center px2 mt4 mb4" },
                 react_1.default.createElement("div", { className: FormTemplateLogin_scss_1.default.orLoginWithContainer },
                     react_1.default.createElement("span", { className: FormTemplateLogin_scss_1.default.orLoginWith }, t('auth.login.or')))),
-            react_1.default.createElement(SocialLogin_1.default, { configs: socialLoginConfigs, customQuery: customQuery, t: t }))),
+            react_1.default.createElement(SocialLogin_1.default, { configs: socialLoginConfigs, customQuery: customQuery, t: t }),
+            socialLoginNote && react_1.default.createElement("p", { className: FormTemplateLogin_scss_1.default.socialLoginNote }, socialLoginNote))),
         showRegister && (react_1.default.createElement("div", { className: "mx2 my5 center" },
             react_1.default.createElement("span", { className: FormTemplateLogin_scss_1.default.dontHaveAccText }, t('auth.login.account')),
             react_1.default.createElement(Button_1.default, { className: FormTemplateLogin_scss_1.default.dontHaveAccButton, text: t('auth.login.registerNow'), color: "primary", type: ButtonTypes_1.default.TEXT, onClick: signUpButtonCallBack })))));
@@ -81989,7 +81991,7 @@ module.exports = {"header":"components-base-Header-Header__header--11FSR"};
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"loginLoading":"components-FormTemplate-FormTemplateLogin-FormTemplateLogin__loginLoading--3b6IS","header":"components-FormTemplate-FormTemplateLogin-FormTemplateLogin__header--5Yqas","recaptcha":"components-FormTemplate-FormTemplateLogin-FormTemplateLogin__recaptcha--1RpFh","errorMessage":"components-FormTemplate-FormTemplateLogin-FormTemplateLogin__errorMessage--2iwK7","loginButton":"components-FormTemplate-FormTemplateLogin-FormTemplateLogin__loginButton--3lqbQ","passwordContent":"components-FormTemplate-FormTemplateLogin-FormTemplateLogin__passwordContent--orP9r","forgotPasswordButton":"components-FormTemplate-FormTemplateLogin-FormTemplateLogin__forgotPasswordButton--sMMCO","orLoginWithContainer":"components-FormTemplate-FormTemplateLogin-FormTemplateLogin__orLoginWithContainer--9DHlE","orLoginWith":"components-FormTemplate-FormTemplateLogin-FormTemplateLogin__orLoginWith--1yuQU","dontHaveAccButton":"components-FormTemplate-FormTemplateLogin-FormTemplateLogin__dontHaveAccButton--1KwFY","dontHaveAccText":"components-FormTemplate-FormTemplateLogin-FormTemplateLogin__dontHaveAccText--3C_ZM"};
+module.exports = {"loginLoading":"components-FormTemplate-FormTemplateLogin-FormTemplateLogin__loginLoading--3b6IS","header":"components-FormTemplate-FormTemplateLogin-FormTemplateLogin__header--5Yqas","recaptcha":"components-FormTemplate-FormTemplateLogin-FormTemplateLogin__recaptcha--1RpFh","errorMessage":"components-FormTemplate-FormTemplateLogin-FormTemplateLogin__errorMessage--2iwK7","loginButton":"components-FormTemplate-FormTemplateLogin-FormTemplateLogin__loginButton--3lqbQ","passwordContent":"components-FormTemplate-FormTemplateLogin-FormTemplateLogin__passwordContent--orP9r","forgotPasswordButton":"components-FormTemplate-FormTemplateLogin-FormTemplateLogin__forgotPasswordButton--sMMCO","orLoginWithContainer":"components-FormTemplate-FormTemplateLogin-FormTemplateLogin__orLoginWithContainer--9DHlE","orLoginWith":"components-FormTemplate-FormTemplateLogin-FormTemplateLogin__orLoginWith--1yuQU","dontHaveAccButton":"components-FormTemplate-FormTemplateLogin-FormTemplateLogin__dontHaveAccButton--1KwFY","dontHaveAccText":"components-FormTemplate-FormTemplateLogin-FormTemplateLogin__dontHaveAccText--3C_ZM","subtitle":"components-FormTemplate-FormTemplateLogin-FormTemplateLogin__subtitle--2H5VG","socialLoginNote":"components-FormTemplate-FormTemplateLogin-FormTemplateLogin__socialLoginNote--k-_3G"};
 
 /***/ }),
 /* 863 */
@@ -82581,7 +82583,13 @@ const Input_1 = __importDefault(__webpack_require__(38));
 const CloseIconButton2_1 = __importDefault(__webpack_require__(158));
 const FormTemplateRegister_scss_1 = __importDefault(__webpack_require__(871));
 const SocialLogin_1 = __importDefault(__webpack_require__(164));
-const FormTemplateRegister = ({ /* profileQuestions, */ register, successRegister, reCaptchaSiteKey, /* showProfileQuestions, */ showCaptcha, goBackLogin, socialLoginConfigs, showRegister, customQuery, t }) => {
+const DEFAULT_REGISTER_FIELDS = [
+    { name: 'firstName', type: 'text', required: false },
+    { name: 'lastName', type: 'text', required: false },
+    { name: 'email', type: 'email', required: true },
+    { name: 'password', type: 'password', required: true },
+];
+const FormTemplateRegister = ({ /* profileQuestions, */ register, successRegister, reCaptchaSiteKey, /* showProfileQuestions, */ showCaptcha, goBackLogin, socialLoginConfigs, showRegister, customQuery, registerFields, headerContent, subtitle, footerNote, title, submitText, t }) => {
     const [error, setError] = (0, react_1.useState)(undefined);
     const [verified, setVerified] = (0, react_1.useState)();
     const [captchaToken, setCaptchaToken] = (0, react_1.useState)();
@@ -82600,6 +82608,18 @@ const FormTemplateRegister = ({ /* profileQuestions, */ register, successRegiste
     const [tosRead, setTosRead] = (0, react_1.useState)(false);
     const firstNameInputRef = (0, react_1.useRef)(null);
     const recaptchaRef = (0, react_1.useRef)(null);
+    // Fields come from the white-label config; email and password are always enforced so a broken config can never produce a form without credentials.
+    const fields = (0, react_1.useMemo)(() => {
+        const configFields = registerFields && 0 < registerFields.length ? [...registerFields] : [...DEFAULT_REGISTER_FIELDS];
+        if (!configFields.some((field) => field.name === 'email'))
+            configFields.push({ name: 'email', type: 'email', required: true });
+        if (!configFields.some((field) => field.name === 'password'))
+            configFields.push({ name: 'password', type: 'password', required: true });
+        return configFields;
+    }, [registerFields]);
+    const hasField = (name) => fields.some((field) => field.name === name);
+    const showFirstName = hasField('firstName');
+    const showLastName = hasField('lastName');
     (0, react_1.useEffect)(() => {
         var _a;
         (_a = firstNameInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
@@ -82670,7 +82690,14 @@ const FormTemplateRegister = ({ /* profileQuestions, */ register, successRegiste
             if (isValid()) {
                 setLoading(true);
                 // Only send the token when the captcha has actually been solved; never send an empty string.
-                register({ ...user, captchaToken: captchaToken || undefined })
+                // Fields removed from the config (e.g. firstName/lastName on Visa) are omitted from the payload entirely.
+                register({
+                    email: user.email,
+                    password: user.password,
+                    ...(showFirstName ? { firstName: user.firstName } : {}),
+                    ...(showLastName ? { lastName: user.lastName } : {}),
+                    captchaToken: captchaToken || undefined,
+                })
                     .then((userSuccessfull) => {
                     successRegister(user.email, userSuccessfull);
                     setLoading(false);
@@ -82708,25 +82735,27 @@ const FormTemplateRegister = ({ /* profileQuestions, */ register, successRegiste
             react_1.default.createElement("div", { className: "row mb0" },
                 react_1.default.createElement("div", { className: "col col12 pl0" },
                     react_1.default.createElement(BackButton_1.default, { text: t('auth.register.back'), clicked: goBackLogin }))),
+            headerContent,
             react_1.default.createElement("div", { className: "row" },
                 react_1.default.createElement("div", { className: "col col12" },
-                    react_1.default.createElement(Header_1.default, { text: t('auth.register.title') }))),
-            react_1.default.createElement("div", { className: "row mb0" },
-                react_1.default.createElement("div", { className: "col col12 col6-m my2 p0" },
+                    react_1.default.createElement(Header_1.default, { text: title !== null && title !== void 0 ? title : t('auth.register.title') }),
+                    subtitle && react_1.default.createElement("p", { className: FormTemplateRegister_scss_1.default.subtitle }, subtitle))),
+            (showFirstName || showLastName) && (react_1.default.createElement("div", { className: "row mb0" },
+                showFirstName && (react_1.default.createElement("div", { className: `col col12 ${showLastName ? 'col6-m' : ''} my2 p0` },
                     react_1.default.createElement("div", { className: "col col12" },
                         react_1.default.createElement("h4", { className: FormTemplateRegister_scss_1.default.header }, t('auth.register.name.label'))),
                     react_1.default.createElement("div", { className: "col col12" },
-                        react_1.default.createElement(Input_1.default, { ref: firstNameInputRef, type: "text", placeholder: t('auth.register.name.placeholder'), name: "firstName", value: user.firstName ? user.firstName : '', onChange: handleChange, autocomplete: "first-name" }))),
-                react_1.default.createElement("div", { className: "col col12 col6-m my2 p0" },
+                        react_1.default.createElement(Input_1.default, { ref: firstNameInputRef, type: "text", placeholder: t('auth.register.name.placeholder'), name: "firstName", value: user.firstName ? user.firstName : '', onChange: handleChange, autocomplete: "first-name" })))),
+                showLastName && (react_1.default.createElement("div", { className: `col col12 ${showFirstName ? 'col6-m' : ''} my2 p0` },
                     react_1.default.createElement("div", { className: "col col12" },
                         react_1.default.createElement("h4", { className: FormTemplateRegister_scss_1.default.header }, t('auth.register.surname.label'))),
                     react_1.default.createElement("div", { className: "col col12" },
-                        react_1.default.createElement(Input_1.default, { type: "text", placeholder: t('auth.register.surname.placeholder'), name: "lastName", value: user.lastName ? user.lastName : '', onChange: handleChange, autocomplete: "last-name" })))),
+                        react_1.default.createElement(Input_1.default, { type: "text", placeholder: t('auth.register.surname.placeholder'), name: "lastName", value: user.lastName ? user.lastName : '', onChange: handleChange, autocomplete: "last-name" })))))),
             react_1.default.createElement("div", { className: "row mb0" },
                 react_1.default.createElement("div", { className: "col col12" },
                     react_1.default.createElement("h4", { className: FormTemplateRegister_scss_1.default.header }, t('auth.register.email.label'))),
                 react_1.default.createElement("div", { className: "col col12" },
-                    react_1.default.createElement(Input_1.default, { type: "email", placeholder: t('auth.register.email.placeholder'), name: "email", value: user.email, onChange: handleChange, autocomplete: "username" }))),
+                    react_1.default.createElement(Input_1.default, { ref: showFirstName ? undefined : firstNameInputRef, type: "email", placeholder: t('auth.register.email.placeholder'), name: "email", value: user.email, onChange: handleChange, autocomplete: "username" }))),
             react_1.default.createElement("div", { className: "row mb0" },
                 react_1.default.createElement("div", { className: "col col12 my2" },
                     react_1.default.createElement("h4", { className: FormTemplateRegister_scss_1.default.header }, t('auth.register.password.label'))),
@@ -82751,7 +82780,8 @@ const FormTemplateRegister = ({ /* profileQuestions, */ register, successRegiste
                     react_1.default.createElement("h5", null, warningMessage))) : null),
             react_1.default.createElement("div", { className: "row mb0 center" },
                 react_1.default.createElement("div", { className: "col col12 my2" },
-                    react_1.default.createElement(Button_1.default, { className: FormTemplateRegister_scss_1.default.registerButton, color: "primary", text: t('auth.register.submit'), onClick: handleSubmit }))),
+                    react_1.default.createElement(Button_1.default, { className: FormTemplateRegister_scss_1.default.registerButton, color: "primary", text: submitText !== null && submitText !== void 0 ? submitText : t('auth.register.submit'), onClick: handleSubmit }),
+                    footerNote && react_1.default.createElement("p", { className: FormTemplateRegister_scss_1.default.footerNote }, footerNote))),
             react_1.default.createElement(Modal_1.default, { className: FormTemplateRegister_scss_1.default.termsOfUseModal, show: tosRead, backdropClick: () => {
                     setWarningMessage('');
                     setTosRead(false);
@@ -82775,7 +82805,7 @@ exports.default = FormTemplateRegister;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"registerLoading":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__registerLoading--vvjKi","content":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__content--3TKLk","header":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__header--2SUPU","errorMessage":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__errorMessage--1BQ6J","registerButton":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__registerButton--3-AJO","recaptcha":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__recaptcha--2nBDR","termOfUse":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__termOfUse--IQ5nj","termOfUseCheckBox":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__termOfUseCheckBox--Y_n--","termOfUseText":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__termOfUseText--1N_wF","termsOfUseButton":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__termsOfUseButton--23ak_","termsOfUseModal":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__termsOfUseModal--2Gwv2"};
+module.exports = {"registerLoading":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__registerLoading--vvjKi","content":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__content--3TKLk","header":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__header--2SUPU","errorMessage":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__errorMessage--1BQ6J","registerButton":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__registerButton--3-AJO","recaptcha":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__recaptcha--2nBDR","termOfUse":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__termOfUse--IQ5nj","termOfUseCheckBox":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__termOfUseCheckBox--Y_n--","termOfUseText":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__termOfUseText--1N_wF","termsOfUseButton":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__termsOfUseButton--23ak_","orLoginWithContainer":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__orLoginWithContainer--3Chca","orLoginWith":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__orLoginWith--37L_I","termsOfUseModal":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__termsOfUseModal--2Gwv2","subtitle":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__subtitle--FZU6f","footerNote":"components-FormTemplate-FormTemplateRegister-FormTemplateRegister__footerNote--3pk_W"};
 
 /***/ }),
 /* 872 */