@qssolutions/ssas-registration-form 1.0.4 → 1.0.6

package/README.md

@@ -217,10 +217,6 @@ interface FormLibraryConfig {
   // Called with a human-readable error message on failure
   onError?: (error: string) => void;
 
-  // ── Policy links ────────────────────────────────────────────────────────────
-
-  termsAndConditionsUrl?: string;
-  privacyNoticeUrl?: string;
 }
 ```
 

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/SSASRegistrationForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SSASRegistrationForm.d.ts","sourceRoot":"","sources":["../../src/components/SSASRegistrationForm.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAA;AAY/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAWpD,eAAO,MAAM,WAAW;;;;;CAKvB,CAAA;AAED,UAAU,yBAAyB;IAC/B,MAAM,EAAE,iBAAiB,CAAA;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA4hB9D,CAAA"}
+{"version":3,"file":"SSASRegistrationForm.d.ts","sourceRoot":"","sources":["../../src/components/SSASRegistrationForm.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAA;AAY/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAWpD,eAAO,MAAM,WAAW;;;;;CAKvB,CAAA;AAED,UAAU,yBAAyB;IAC/B,MAAM,EAAE,iBAAiB,CAAA;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA6hB9D,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

@@ -36,7 +36,7 @@ var FormType;
 })(FormType || (FormType = {}));
 
 const defaultConfig = {
-    languageCode: 'en',
+    // languageCode: 'en',
     theme: {
         // primaryColor: '#006B83',
         backgroundColor: '#FCFCFF',
@@ -21498,13 +21498,10 @@ class ApiService {
     }
     /**
      * Get localization data for FormScreen by language code and partner ID
-     * Prioritizes defaultLanguage if provided over languageCode
      */
-    async getFormScreenLocalization(languageCode, partnerId, defaultLanguage) {
+    async getFormScreenLocalization(languageCode, partnerId) {
         try {
-            // Prioritize defaultLanguage if provided, otherwise use languageCode
-            const selectedLanguage = defaultLanguage || languageCode;
-            const response = await axios$1.get(this.getUrl(`${API_ENDPOINTS.GET_LOCALIZATION}/${selectedLanguage}/FormScreen/${partnerId}`));
+            const response = await axios$1.get(this.getUrl(`${API_ENDPOINTS.GET_LOCALIZATION}/${languageCode}/FormScreen/${partnerId}`));
             if (response.data.isSuccess) {
                 return response.data.data;
             }
@@ -21958,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 }) => {
@@ -21967,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 }));
         } }));
 };
 
@@ -22079,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
@@ -22102,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))));
 };
 
 /**
@@ -22294,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 });
 };
 
@@ -22304,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);
@@ -22362,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 = {
@@ -22385,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]);
@@ -22518,8 +22541,9 @@ const SSASRegistrationForm = ({ config, }) => {
         });
         // Load localization
         setIsLoadingLocalization(true);
+        const selectedLanguage = mergedConfig.languageCode || partnerData.languageCode || "en";
         apiService
-            .getFormScreenLocalization(mergedConfig.languageCode || partnerData.languageCode || "en", partnerData.id, mergedConfig.languageCode || partnerData.languageCode)
+            .getFormScreenLocalization(selectedLanguage, partnerData.id)
             .then((localization) => {
             setLocalizationData(localization);
         })
@@ -22529,7 +22553,7 @@ const SSASRegistrationForm = ({ config, }) => {
             .finally(() => {
             setIsLoadingLocalization(false);
         });
-    }, [apiService, partnerData]);
+    }, [apiService, partnerData, mergedConfig.languageCode]);
     // Set Default Language based on Country (Australia = English only)
     const countryWatch = useWatch({ control, name: FormModel.Country });
     useEffect(() => {