@qssolutions/ssas-registration-form 1.0.5 → 1.0.7

package/dist/index.js

@@ -21303,7 +21303,7 @@ const API_ENDPOINTS = {
     GET_ORG_SIZES: '/common/orgsizing-list',
     GET_INDUSTRIES: '/common/industry-list',
     GET_PARTNER: '/partner/get',
-    GET_PARTNER_BY_NAME: '/partner/get-by-name',
+    GET_PARTNER_BY_GUID: '/partner/get-by-guid',
     GET_LOCALIZATION: '/localization/get',
 };
 
@@ -21497,10 +21497,10 @@ class ApiService {
      * Get partner by name
      * Extracts name from the baseUrl automatically and cleans it
      */
-    async getPartnerByName(partnerName) {
+    async getPartnerByGuid(partnerGuid) {
         try {
-            const response = await axios$1.get(this.getUrl(API_ENDPOINTS.GET_PARTNER_BY_NAME), {
-                params: { name: partnerName },
+            const response = await axios$1.get(this.getUrl(API_ENDPOINTS.GET_PARTNER_BY_GUID), {
+                params: { guid: partnerGuid },
             });
             if (response.data.isSuccess) {
                 return response.data.data;
@@ -21975,7 +21975,15 @@ const ControlledDropdown = ({ name, control, rules, defaultValue, options, ...pr
                 typeof option?.key === "string" || name == exports.FormModel.CompanySize || name == exports.FormModel.OrgIndustryId
                     ? onChange(option?.key)
                     : onChange(option?.text);
-            }, onBlur: onBlur, errorMessage: error && error.message })) }));
+            }, onBlur: onBlur, errorMessage: error && error.message, styles: error
+                ? {
+                    ...props.styles,
+                    title: {
+                        ...(props.styles?.title),
+                        border: "solid 1px #a4262c",
+                    },
+                }
+                : props.styles })) }));
 };
 
 const ControlledCombobox = ({ name, control, rules, defaultValue, options, ...props }) => {
@@ -21984,7 +21992,21 @@ const ControlledCombobox = ({ name, control, rules, defaultValue, options, ...pr
                     typeof option?.key === "string"
                         ? onChange(option.key)
                         : onChange(option?.text);
-                }, onBlur: onBlur, errorMessage: error && error.message, defaultValue: undefined, allowFreeInput: true, autoComplete: "on" }));
+                }, onBlur: onBlur, errorMessage: error && error.message, defaultValue: undefined, allowFreeInput: true, autoComplete: "on", styles: error
+                    ? {
+                        ...props.styles,
+                        root: {
+                            ...(props.styles?.root),
+                            selectors: {
+                                ...(props.styles?.root?.selectors),
+                                ":after": {
+                                    ...(props.styles?.root?.selectors?.[":after"]),
+                                    border: "solid 1px #a4262c",
+                                },
+                            },
+                        },
+                    }
+                    : props.styles }));
         } }));
 };
 
@@ -22096,13 +22118,13 @@ const FormComponentRenderer = ({ formModels, isRegistering, control, setValue, s
             };
         });
     };
-    const renderByType = (component, index) => {
+    const renderByType = (component, key) => {
         const isValidating = validatingFields[component.name] || false;
         switch (component.type) {
             case exports.FormType.Text:
-                return (React.createElement(ControlledTextField, { name: component.name, control: control, rules: component.rules, label: component.label, placeholder: component.placeholder, required: component.rules?.required, disabled: isRegistering, styles: textFieldStyles(config.theme?.fonts), key: index }));
+                return (React.createElement(ControlledTextField, { name: component.name, control: control, rules: component.rules, label: component.label, placeholder: component.placeholder, required: component.rules?.required, disabled: isRegistering, styles: textFieldStyles(config.theme?.fonts), key: key }));
             case exports.FormType.AsyncText:
-                return (React.createElement("div", { key: index },
+                return (React.createElement("div", { key: key },
                     React.createElement(ControlledTextFieldAsync, { label: component.label, placeholder: component.placeholder, control: control, setValue: setValue, setError: setError, clearErrors: clearErrors, name: component.name, styles: textFieldStyles(config.theme?.fonts), trigger: trigger, setIsValidating: setFieldValidating(component.name), translation: translation, config: config, apiService: apiService, rules: {
                             required: translation.EmailError,
                         }, required: component.rules?.required, description: !(component.name in errors) && !isValidating
@@ -22119,16 +22141,16 @@ const FormComponentRenderer = ({ formModels, isRegistering, control, setValue, s
                             },
                         } }))));
             case exports.FormType.Dropdown:
-                return (React.createElement(ControlledDropdown, { key: index, required: component.rules?.required !== undefined, options: getDropdownOptions(component.name), label: component.label, rules: component.rules, control: control, name: component.name, placeholder: component.placeholder, disabled: isDropdownDisabled(component.name), className: component.bigColumn ? styles.bigColumn : "", styles: dropdownStyles(config.theme?.fonts) }));
+                return (React.createElement(ControlledDropdown, { key: key, required: component.rules?.required !== undefined, options: getDropdownOptions(component.name), label: component.label, rules: component.rules, control: control, name: component.name, placeholder: component.placeholder, disabled: isDropdownDisabled(component.name), className: component.bigColumn ? styles.bigColumn : "", styles: dropdownStyles(config.theme?.fonts) }));
             case exports.FormType.ComboBox:
-                return (React.createElement(ControlledCombobox, { key: index, options: countryOptions || [], label: component.label, control: control, rules: component.rules, name: component.name, placeholder: component.placeholder, required: component.rules?.required !== "", disabled: isRegistering, autoComplete: "off", styles: comboboxStyles(config.theme?.fonts) }));
+                return (React.createElement(ControlledCombobox, { key: key, options: countryOptions || [], label: component.label, control: control, rules: component.rules, name: component.name, placeholder: component.placeholder, required: component.rules?.required !== "", disabled: isRegistering, autoComplete: "off", styles: comboboxStyles(config.theme?.fonts) }));
             case exports.FormType.CheckBox:
-                return (React.createElement(ControlledCheckbox, { key: index, name: component.name, label: component.label, rules: component.rules, disabled: isRegistering, control: control, primaryColor: primaryColor, className: styles.checkboxIsSharedMail }));
+                return (React.createElement(ControlledCheckbox, { key: key, name: component.name, label: component.label, rules: component.rules, disabled: isRegistering, control: control, primaryColor: primaryColor, className: styles.checkboxIsSharedMail }));
             default:
                 return null;
         }
     };
-    return (React.createElement(React.Fragment, null, renderList.map((component, index) => renderByType(component, index))));
+    return (React.createElement(React.Fragment, null, renderList.map((component) => renderByType(component, component.name))));
 };
 
 /**
@@ -22311,7 +22333,7 @@ const SSASPrimaryButton = (props) => {
     if (noIcon)
         return React__namespace.createElement(react.PrimaryButton, { ...buttonProps, styles: modifiedStyles });
     return (!iconProps) ?
-        React__namespace.createElement(react.PrimaryButton, { ...buttonProps, styles: modifiedStyles, menuIconProps: { iconName: icon }, disabled: loadingIcon, onRenderIcon: () => loadingIcon ? renderSpinner() : null }) :
+        React__namespace.createElement(react.PrimaryButton, { ...buttonProps, styles: modifiedStyles, menuIconProps: { iconName: icon }, onRenderIcon: () => loadingIcon ? renderSpinner() : null }) :
         React__namespace.createElement(react.PrimaryButton, { ...buttonProps, styles: modifiedStyles, iconProps: { iconName: icon }, disabled: loadingIcon, onRenderIcon: () => loadingIcon ? renderSpinner() : null });
 };
 
@@ -22321,9 +22343,13 @@ const LowerFormSection = ({ setValue, isRegistering, errors, translation, config
     const [privacyAcceptance, setPrivacyAcceptance] = React.useState(false);
     const primaryColor = primaryColorProp || DEFAULT_PRIMARY_COLOR;
     const recaptchaSiteKey = RECAPTCHA_DEFAULT_SITE_KEY;
-    const termsUrl = config.termsAndConditionsUrl ||
-        (partnerData ? partnerData.domain + "/terms-and-conditions" : "");
-    const privacyUrl = config.privacyNoticeUrl || translation.PrivacyStatementLink;
+    const termsUrl = partnerData
+        ? `https://${partnerData.domain}/terms-and-conditions`
+        : "";
+    const rawPrivacyUrl = translation.PrivacyStatementLink;
+    const privacyUrl = rawPrivacyUrl && !/^https?:\/\//.test(rawPrivacyUrl) && partnerData
+        ? `https://${partnerData.domain}${rawPrivacyUrl}`
+        : rawPrivacyUrl;
     const onChangeTermCheckbox = (ev, checked) => {
         if (checked) {
             setTermAcceptance(true);
@@ -22379,11 +22405,11 @@ const LowerFormSection = ({ setValue, isRegistering, errors, translation, config
             React.createElement("span", null, submissionError))),
         React.createElement(SSASPrimaryButton, { text: translation.SubmitRequest, primaryColor: primaryColor, styles: {
                 root: { display: "block", width: "100%" },
-            }, type: "submit", disabled: !(Object.keys(errors).length === 0 &&
-                !isRegistering &&
-                termAcceptance &&
-                privacyAcceptance &&
-                captcha), onRenderMenuIcon: renderLoadingIcon })));
+            }, type: "submit", disabled: Object.keys(errors).length > 0 ||
+                isRegistering ||
+                !termAcceptance ||
+                !privacyAcceptance ||
+                !captcha, onRenderMenuIcon: renderLoadingIcon })));
 };
 
 const SettingKeys = {
@@ -22402,7 +22428,7 @@ const SSASRegistrationForm = ({ config, }) => {
     const mergedConfig = useFormConfig(config);
     // Stable service used only for partner lookup (works with relative URLs)
     const initCheckUrl = mergedConfig.apiBaseUrl || "https://portal.selfserviceassessment.com";
-    const partnerApiService = React.useMemo(() => new ApiService(initCheckUrl), []);
+    const partnerApiService = React.useMemo(() => new ApiService(initCheckUrl), [initCheckUrl]);
     // Main service uses the partner's own domain once loaded
     const apiService = React.useMemo(() => new ApiService(partnerData?.domain ? new URL(`https://${partnerData?.domain}`).toString() : ""), [partnerData?.domain]);
     const styles = React.useMemo(() => createFormStyles(mergedConfig.theme?.primaryColor || colorWidget?.column1, mergedConfig.theme?.fonts, mergedConfig.theme?.backgroundColor), [mergedConfig.theme?.primaryColor, mergedConfig.theme?.fonts, mergedConfig.theme?.backgroundColor, colorWidget?.column1]);
@@ -22461,7 +22487,7 @@ const SSASRegistrationForm = ({ config, }) => {
     React.useEffect(() => {
         setIsLoadingPartner(true);
         partnerApiService
-            .getPartnerByName(mergedConfig.partnerName)
+            .getPartnerByGuid(mergedConfig.partnerGuid)
             .then((partner) => {
             partner ? setPartnerData(partner) : setPartnerLoadFailed(true);
         })
@@ -22472,7 +22498,7 @@ const SSASRegistrationForm = ({ config, }) => {
             .finally(() => {
             setIsLoadingPartner(false);
         });
-    }, [mergedConfig.partnerName]);
+    }, [mergedConfig.partnerGuid, partnerApiService]);
     // Step 2: Load remaining data once partnerData is available
     React.useEffect(() => {
         if (!partnerData)