@qssolutions/ssas-registration-form 1.0.5 → 1.0.7

package/README.md

@@ -25,7 +25,7 @@ import React from 'react';
 import { SSASRegistrationForm, type FormLibraryConfig } from '@qssolutions/ssas-registration-form';
 
 const config: FormLibraryConfig = {
-  partnerName: 'MyPartner',
+  partnerGuid: 'your-partner-guid', // Contact QSSolutions to obtain your Guid
   theme: {
     primaryColor: '#00BAE4',
     backgroundColor: '#FCFCFF',
@@ -54,7 +54,7 @@ Use the browser bundle directly — no React installation needed:
 <script>
   const form = document.getElementById('registrationForm');
   form.config = {
-    partnerName: 'MyPartner',
+    partnerGuid: 'your-partner-guid', // Contact QSSolutions to obtain your Guid
     languageCode: 'en',
     theme: {
       primaryColor: '#00BAE4',
@@ -104,7 +104,7 @@ export class RegistrationComponent implements AfterViewInit {
 
   ngAfterViewInit() {
     this.formEl.nativeElement.config = {
-      partnerName: 'MyPartner',
+      partnerGuid: 'your-partner-guid', // Contact QSSolutions to obtain your Guid
       languageCode: 'en',
       onSuccess: (email: string) => console.log('Success:', email),
       onError: (error: string) => console.error('Error:', error),
@@ -133,7 +133,7 @@ const form = ref(null)
 
 onMounted(() => {
   form.value.config = {
-    partnerName: 'MyPartner',
+    partnerGuid: 'your-partner-guid', // Contact QSSolutions to obtain your Guid
     languageCode: 'en',
     onSuccess: (email) => console.log('Success:', email),
     onError: (error) => console.error('Error:', error),
@@ -165,8 +165,9 @@ type SupportedLanguage =
 interface FormLibraryConfig {
   // ── Required ────────────────────────────────────────────────────────────────
 
-  // Partner identifier used for lookup and domain resolution
-  partnerName: string;
+  // Unique partner identifier (GUID) used for lookup and domain resolution.
+  // Contact QSSolutions to obtain your Guid.
+  partnerGuid: string;
 
   // ── Language ────────────────────────────────────────────────────────────────
 
@@ -217,10 +218,6 @@ interface FormLibraryConfig {
   // Called with a human-readable error message on failure
   onError?: (error: string) => void;
 
-  // ── Policy links ────────────────────────────────────────────────────────────
-
-  termsAndConditionsUrl?: string;
-  privacyNoticeUrl?: string;
 }
 ```
 
@@ -252,7 +249,7 @@ customStyles: {
 
 ## Runtime flow
 
-1. Fetch partner record by `partnerName`
+1. Fetch partner record by `partnerGuid`
 2. Resolve partner domain → build service base URL (`https://{partner.domain}`)
 3. In parallel: fetch countries, org sizes, industries, localization
 4. Render form

package/dist/components/LowerFormSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LowerFormSection.d.ts","sourceRoot":"","sources":["../../src/components/LowerFormSection.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAA;AAC3C,OAAO,EAEH,KAAK,EACL,oBAAoB,EACpB,aAAa,EAChB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAI9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAMpD,KAAK,qBAAqB,GAAG;IACzB,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,CAAA;IAChC,aAAa,EAAE,OAAO,CAAA;IACtB,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,CAAA;IAC1B,WAAW,EAAE,oBAAoB,CAAA;IACjC,MAAM,EAAE,iBAAiB,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,aAAa,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA8ItD,CAAA"}
+{"version":3,"file":"LowerFormSection.d.ts","sourceRoot":"","sources":["../../src/components/LowerFormSection.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAA;AAC3C,OAAO,EAEH,KAAK,EACL,oBAAoB,EACpB,aAAa,EAChB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAI9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAMpD,KAAK,qBAAqB,GAAG;IACzB,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,CAAA;IAChC,aAAa,EAAE,OAAO,CAAA;IACtB,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,CAAA;IAC1B,WAAW,EAAE,oBAAoB,CAAA;IACjC,MAAM,EAAE,iBAAiB,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,aAAa,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAgJtD,CAAA"}

package/dist/components/common/SSASPrimaryButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SSASPrimaryButton.d.ts","sourceRoot":"","sources":["../../../src/components/common/SSASPrimaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAiB,YAAY,EAAuC,MAAM,iBAAiB,CAAC;AA6CnG,UAAU,uBAAwB,SAAQ,YAAY;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAMD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAuB/D,CAAC"}
+{"version":3,"file":"SSASPrimaryButton.d.ts","sourceRoot":"","sources":["../../../src/components/common/SSASPrimaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAiB,YAAY,EAAuC,MAAM,iBAAiB,CAAC;AA6CnG,UAAU,uBAAwB,SAAQ,YAAY;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAMD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAsB/D,CAAC"}

package/dist/components/form-fields/ControlledComboBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ControlledComboBox.d.ts","sourceRoot":"","sources":["../../../src/components/form-fields/ControlledComboBox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAY,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,aAAa,GAAG,cAAc,CAsCjE,CAAC"}
+{"version":3,"file":"ControlledComboBox.d.ts","sourceRoot":"","sources":["../../../src/components/form-fields/ControlledComboBox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAY,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,aAAa,GAAG,cAAc,CAuDjE,CAAC"}

package/dist/components/form-fields/ControlledDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ControlledDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/form-fields/ControlledDropdown.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAY,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,aAAa,GAAG,cAAc,CA4CjE,CAAC"}
+{"version":3,"file":"ControlledDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/form-fields/ControlledDropdown.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAY,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,aAAa,GAAG,cAAc,CAuDjE,CAAC"}

package/dist/index.esm.js

@@ -21283,7 +21283,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',
 };
 
@@ -21477,10 +21477,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;
@@ -21955,7 +21955,15 @@ const ControlledDropdown = ({ name, control, rules, defaultValue, options, ...pr
                 typeof option?.key === "string" || name == FormModel.CompanySize || name == 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 }) => {
@@ -21964,7 +21972,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 }));
         } }));
 };
 
@@ -22076,13 +22098,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 FormType.Text:
-                return (React__default.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__default.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 FormType.AsyncText:
-                return (React__default.createElement("div", { key: index },
+                return (React__default.createElement("div", { key: key },
                     React__default.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
@@ -22099,16 +22121,16 @@ const FormComponentRenderer = ({ formModels, isRegistering, control, setValue, s
                             },
                         } }))));
             case FormType.Dropdown:
-                return (React__default.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__default.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 FormType.ComboBox:
-                return (React__default.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__default.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 FormType.CheckBox:
-                return (React__default.createElement(ControlledCheckbox, { key: index, name: component.name, label: component.label, rules: component.rules, disabled: isRegistering, control: control, primaryColor: primaryColor, className: styles.checkboxIsSharedMail }));
+                return (React__default.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__default.createElement(React__default.Fragment, null, renderList.map((component, index) => renderByType(component, index))));
+    return (React__default.createElement(React__default.Fragment, null, renderList.map((component) => renderByType(component, component.name))));
 };
 
 /**
@@ -22291,7 +22313,7 @@ const SSASPrimaryButton = (props) => {
     if (noIcon)
         return React.createElement(PrimaryButton, { ...buttonProps, styles: modifiedStyles });
     return (!iconProps) ?
-        React.createElement(PrimaryButton, { ...buttonProps, styles: modifiedStyles, menuIconProps: { iconName: icon }, disabled: loadingIcon, onRenderIcon: () => loadingIcon ? renderSpinner() : null }) :
+        React.createElement(PrimaryButton, { ...buttonProps, styles: modifiedStyles, menuIconProps: { iconName: icon }, onRenderIcon: () => loadingIcon ? renderSpinner() : null }) :
         React.createElement(PrimaryButton, { ...buttonProps, styles: modifiedStyles, iconProps: { iconName: icon }, disabled: loadingIcon, onRenderIcon: () => loadingIcon ? renderSpinner() : null });
 };
 
@@ -22301,9 +22323,13 @@ const LowerFormSection = ({ setValue, isRegistering, errors, translation, config
     const [privacyAcceptance, setPrivacyAcceptance] = 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);
@@ -22359,11 +22385,11 @@ const LowerFormSection = ({ setValue, isRegistering, errors, translation, config
             React__default.createElement("span", null, submissionError))),
         React__default.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 = {
@@ -22382,7 +22408,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 = useMemo(() => new ApiService(initCheckUrl), []);
+    const partnerApiService = useMemo(() => new ApiService(initCheckUrl), [initCheckUrl]);
     // Main service uses the partner's own domain once loaded
     const apiService = useMemo(() => new ApiService(partnerData?.domain ? new URL(`https://${partnerData?.domain}`).toString() : ""), [partnerData?.domain]);
     const styles = useMemo(() => createFormStyles(mergedConfig.theme?.primaryColor || colorWidget?.column1, mergedConfig.theme?.fonts, mergedConfig.theme?.backgroundColor), [mergedConfig.theme?.primaryColor, mergedConfig.theme?.fonts, mergedConfig.theme?.backgroundColor, colorWidget?.column1]);
@@ -22441,7 +22467,7 @@ const SSASRegistrationForm = ({ config, }) => {
     useEffect(() => {
         setIsLoadingPartner(true);
         partnerApiService
-            .getPartnerByName(mergedConfig.partnerName)
+            .getPartnerByGuid(mergedConfig.partnerGuid)
             .then((partner) => {
             partner ? setPartnerData(partner) : setPartnerLoadFailed(true);
         })
@@ -22452,7 +22478,7 @@ const SSASRegistrationForm = ({ config, }) => {
             .finally(() => {
             setIsLoadingPartner(false);
         });
-    }, [mergedConfig.partnerName]);
+    }, [mergedConfig.partnerGuid, partnerApiService]);
     // Step 2: Load remaining data once partnerData is available
     useEffect(() => {
         if (!partnerData)