@qssolutions/ssas-registration-form 1.0.5 → 1.0.7

package/dist/models/config.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties } from 'react';
 export type SupportedLanguage = 'en' | 'fr' | 'de' | 'it' | 'ja' | 'ko' | 'pt' | 'es' | 'nl' | 'ar' | 'he' | 'pt-br' | 'tr' | 'id' | 'th' | 'vi' | 'pl';
 export interface FormLibraryConfig {
-    partnerName: string;
+    partnerGuid: string;
     apiBaseUrl?: string;
     languageCode?: SupportedLanguage;
     theme?: {
@@ -23,8 +23,6 @@ export interface FormLibraryConfig {
     onValidateEmail?: (email: string, signal?: AbortSignal) => Promise<boolean>;
     onSuccess?: (email: string) => void;
     onError?: (error: string) => void;
-    termsAndConditionsUrl?: string;
-    privacyNoticeUrl?: string;
 }
 export declare const defaultConfig: Partial<FormLibraryConfig>;
 //# sourceMappingURL=config.d.ts.map

package/dist/models/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/models/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,MAAM,iBAAiB,GACvB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,OAAO,GACP,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAEX,MAAM,WAAW,iBAAiB;IAE9B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,YAAY,CAAC,EAAE,iBAAiB,CAAC;IAGjC,KAAK,CAAC,EAAE;QACJ,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE;YACJ,MAAM,CAAC,EAAE,MAAM,CAAC;YAChB,KAAK,CAAC,EAAE;gBACJ,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,UAAU,CAAC,EAAE,MAAM,CAAC;gBACpB,IAAI,CAAC,EAAE,MAAM,CAAC;aACjB,CAAC;SACL,CAAC;KACL,CAAC;IAGF,YAAY,CAAC,EAAE;QACX,UAAU,CAAC,EAAE,aAAa,CAAC;QAC3B,WAAW,CAAC,EAAE,aAAa,CAAC;KAC/B,CAAC;IAGF,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC5E,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAGlC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAE7B;AAED,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,iBAAiB,CAcpD,CAAC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/models/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,MAAM,iBAAiB,GACvB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,OAAO,GACP,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAEX,MAAM,WAAW,iBAAiB;IAE9B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,YAAY,CAAC,EAAE,iBAAiB,CAAC;IAGjC,KAAK,CAAC,EAAE;QACJ,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE;YACJ,MAAM,CAAC,EAAE,MAAM,CAAC;YAChB,KAAK,CAAC,EAAE;gBACJ,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,UAAU,CAAC,EAAE,MAAM,CAAC;gBACpB,IAAI,CAAC,EAAE,MAAM,CAAC;aACjB,CAAC;SACL,CAAC;KACL,CAAC;IAGF,YAAY,CAAC,EAAE;QACX,UAAU,CAAC,EAAE,aAAa,CAAC;QAC3B,WAAW,CAAC,EAAE,aAAa,CAAC;KAC/B,CAAC;IAGF,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC5E,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,iBAAiB,CAcpD,CAAC"}

package/dist/services/ApiService.d.ts

@@ -36,7 +36,7 @@ export declare class ApiService {
      * Get partner by name
      * Extracts name from the baseUrl automatically and cleans it
      */
-    getPartnerByName(partnerName: string): Promise<IPartnerModel>;
+    getPartnerByGuid(partnerGuid: string): Promise<IPartnerModel>;
     /**
      * Get localization data for FormScreen by language code and partner ID
      */

package/dist/utils/constants.d.ts

@@ -67,7 +67,7 @@ export declare const API_ENDPOINTS: {
     readonly GET_ORG_SIZES: "/common/orgsizing-list";
     readonly GET_INDUSTRIES: "/common/industry-list";
     readonly GET_PARTNER: "/partner/get";
-    readonly GET_PARTNER_BY_NAME: "/partner/get-by-name";
+    readonly GET_PARTNER_BY_GUID: "/partner/get-by-guid";
     readonly GET_LOCALIZATION: "/localization/get";
 };
 //# sourceMappingURL=constants.d.ts.map

package/dist/web-component.js

@@ -24114,7 +24114,7 @@ var SSASFormWebComponent = (function (exports) {
 	    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',
 	};
 
@@ -24308,10 +24308,10 @@ var SSASFormWebComponent = (function (exports) {
 	     * 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;
@@ -48580,7 +48580,15 @@ var SSASFormWebComponent = (function (exports) {
 	                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 }) => {
@@ -48589,7 +48597,21 @@ var SSASFormWebComponent = (function (exports) {
 	                    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 }));
 	        } }));
 	};
 
@@ -48701,13 +48723,13 @@ var SSASFormWebComponent = (function (exports) {
 	            };
 	        });
 	    };
-	    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
@@ -48724,16 +48746,16 @@ var SSASFormWebComponent = (function (exports) {
 	                            },
 	                        } }))));
 	            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))));
 	};
 
 	/**
@@ -49577,7 +49599,7 @@ var SSASFormWebComponent = (function (exports) {
 	    if (noIcon)
 	        return reactExports.createElement(PrimaryButton, { ...buttonProps, styles: modifiedStyles });
 	    return (!iconProps) ?
-	        reactExports.createElement(PrimaryButton, { ...buttonProps, styles: modifiedStyles, menuIconProps: { iconName: icon }, disabled: loadingIcon, onRenderIcon: () => loadingIcon ? renderSpinner() : null }) :
+	        reactExports.createElement(PrimaryButton, { ...buttonProps, styles: modifiedStyles, menuIconProps: { iconName: icon }, onRenderIcon: () => loadingIcon ? renderSpinner() : null }) :
 	        reactExports.createElement(PrimaryButton, { ...buttonProps, styles: modifiedStyles, iconProps: { iconName: icon }, disabled: loadingIcon, onRenderIcon: () => loadingIcon ? renderSpinner() : null });
 	};
 
@@ -49587,9 +49609,13 @@ var SSASFormWebComponent = (function (exports) {
 	    const [privacyAcceptance, setPrivacyAcceptance] = reactExports.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);
@@ -49645,11 +49671,11 @@ var SSASFormWebComponent = (function (exports) {
 	            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 = {
@@ -49668,7 +49694,7 @@ var SSASFormWebComponent = (function (exports) {
 	    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 = reactExports.useMemo(() => new ApiService(initCheckUrl), []);
+	    const partnerApiService = reactExports.useMemo(() => new ApiService(initCheckUrl), [initCheckUrl]);
 	    // Main service uses the partner's own domain once loaded
 	    const apiService = reactExports.useMemo(() => new ApiService(partnerData?.domain ? new URL(`https://${partnerData?.domain}`).toString() : ""), [partnerData?.domain]);
 	    const styles = reactExports.useMemo(() => createFormStyles(mergedConfig.theme?.primaryColor || colorWidget?.column1, mergedConfig.theme?.fonts, mergedConfig.theme?.backgroundColor), [mergedConfig.theme?.primaryColor, mergedConfig.theme?.fonts, mergedConfig.theme?.backgroundColor, colorWidget?.column1]);
@@ -49727,7 +49753,7 @@ var SSASFormWebComponent = (function (exports) {
 	    reactExports.useEffect(() => {
 	        setIsLoadingPartner(true);
 	        partnerApiService
-	            .getPartnerByName(mergedConfig.partnerName)
+	            .getPartnerByGuid(mergedConfig.partnerGuid)
 	            .then((partner) => {
 	            partner ? setPartnerData(partner) : setPartnerLoadFailed(true);
 	        })
@@ -49738,7 +49764,7 @@ var SSASFormWebComponent = (function (exports) {
 	            .finally(() => {
 	            setIsLoadingPartner(false);
 	        });
-	    }, [mergedConfig.partnerName]);
+	    }, [mergedConfig.partnerGuid, partnerApiService]);
 	    // Step 2: Load remaining data once partnerData is available
 	    reactExports.useEffect(() => {
 	        if (!partnerData)