@qssolutions/ssas-registration-form 1.0.6 → 1.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +17 -8
- package/dist/index.esm.js +1216 -785
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1216 -785
- package/dist/index.js.map +1 -1
- package/dist/models/config.d.ts +1 -1
- package/dist/services/ApiService.d.ts +4 -2
- package/dist/services/ApiService.d.ts.map +1 -1
- package/dist/styles/defaultStyles.d.ts +9 -0
- package/dist/styles/defaultStyles.d.ts.map +1 -1
- package/dist/utils/constants.d.ts +4 -4
- package/dist/web-component.js +1376 -834
- package/dist/web-component.js.map +1 -1
- package/dist/web-component.min.js +4 -4
- package/dist/web-component.min.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -20,12 +20,14 @@ npm install @qssolutions/ssas-registration-form
|
|
|
20
20
|
|
|
21
21
|
## Quick start (React)
|
|
22
22
|
|
|
23
|
+
> **Only `partnerGuid` is required.** All other options are optional — if omitted, the form will automatically use partner's default configuration from the Self-service Assessment home page.
|
|
24
|
+
|
|
23
25
|
```tsx
|
|
24
26
|
import React from 'react';
|
|
25
27
|
import { SSASRegistrationForm, type FormLibraryConfig } from '@qssolutions/ssas-registration-form';
|
|
26
28
|
|
|
27
29
|
const config: FormLibraryConfig = {
|
|
28
|
-
|
|
30
|
+
partnerGuid: 'your-partner-guid', // Contact QSSolutions to obtain your Guid
|
|
29
31
|
theme: {
|
|
30
32
|
primaryColor: '#00BAE4',
|
|
31
33
|
backgroundColor: '#FCFCFF',
|
|
@@ -46,7 +48,9 @@ export default function App() {
|
|
|
46
48
|
|
|
47
49
|
## Quick start (Web Component)
|
|
48
50
|
|
|
49
|
-
Use the browser bundle directly — no React installation needed
|
|
51
|
+
Use the browser bundle directly — no React installation needed.
|
|
52
|
+
|
|
53
|
+
> **Only `partnerGuid` is required.** All other options are optional — if omitted, the form will automatically use partner's default configuration from the Self-service Assessment home page.
|
|
50
54
|
|
|
51
55
|
```html
|
|
52
56
|
<script src="https://unpkg.com/@qssolutions/ssas-registration-form/dist/web-component.min.js"></script>
|
|
@@ -54,7 +58,7 @@ Use the browser bundle directly — no React installation needed:
|
|
|
54
58
|
<script>
|
|
55
59
|
const form = document.getElementById('registrationForm');
|
|
56
60
|
form.config = {
|
|
57
|
-
|
|
61
|
+
partnerGuid: 'your-partner-guid', // Contact QSSolutions to obtain your Guid
|
|
58
62
|
languageCode: 'en',
|
|
59
63
|
theme: {
|
|
60
64
|
primaryColor: '#00BAE4',
|
|
@@ -74,6 +78,8 @@ Use the browser bundle directly — no React installation needed:
|
|
|
74
78
|
|
|
75
79
|
The Web Component bundle includes React internally — no extra dependencies needed.
|
|
76
80
|
|
|
81
|
+
> **Only `partnerGuid` is required.** All other options are optional — if omitted, the form will automatically use partner's default configuration from the Self-service Assessment home page.
|
|
82
|
+
|
|
77
83
|
```ts
|
|
78
84
|
// app.module.ts
|
|
79
85
|
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
|
|
@@ -104,7 +110,7 @@ export class RegistrationComponent implements AfterViewInit {
|
|
|
104
110
|
|
|
105
111
|
ngAfterViewInit() {
|
|
106
112
|
this.formEl.nativeElement.config = {
|
|
107
|
-
|
|
113
|
+
partnerGuid: 'your-partner-guid', // Contact QSSolutions to obtain your Guid
|
|
108
114
|
languageCode: 'en',
|
|
109
115
|
onSuccess: (email: string) => console.log('Success:', email),
|
|
110
116
|
onError: (error: string) => console.error('Error:', error),
|
|
@@ -115,6 +121,8 @@ export class RegistrationComponent implements AfterViewInit {
|
|
|
115
121
|
|
|
116
122
|
## Quick start (Vue)
|
|
117
123
|
|
|
124
|
+
> **Only `partnerGuid` is required.** All other options are optional — if omitted, the form will automatically use partner's default configuration from the Self-service Assessment home page.
|
|
125
|
+
|
|
118
126
|
```html
|
|
119
127
|
<!-- index.html -->
|
|
120
128
|
<script src="https://unpkg.com/@qssolutions/ssas-registration-form/dist/web-component.min.js"></script>
|
|
@@ -133,7 +141,7 @@ const form = ref(null)
|
|
|
133
141
|
|
|
134
142
|
onMounted(() => {
|
|
135
143
|
form.value.config = {
|
|
136
|
-
|
|
144
|
+
partnerGuid: 'your-partner-guid', // Contact QSSolutions to obtain your Guid
|
|
137
145
|
languageCode: 'en',
|
|
138
146
|
onSuccess: (email) => console.log('Success:', email),
|
|
139
147
|
onError: (error) => console.error('Error:', error),
|
|
@@ -165,8 +173,9 @@ type SupportedLanguage =
|
|
|
165
173
|
interface FormLibraryConfig {
|
|
166
174
|
// ── Required ────────────────────────────────────────────────────────────────
|
|
167
175
|
|
|
168
|
-
//
|
|
169
|
-
|
|
176
|
+
// Unique partner identifier (GUID) used for lookup and domain resolution.
|
|
177
|
+
// Contact QSSolutions to obtain your Guid.
|
|
178
|
+
partnerGuid: string;
|
|
170
179
|
|
|
171
180
|
// ── Language ────────────────────────────────────────────────────────────────
|
|
172
181
|
|
|
@@ -248,7 +257,7 @@ customStyles: {
|
|
|
248
257
|
|
|
249
258
|
## Runtime flow
|
|
250
259
|
|
|
251
|
-
1. Fetch partner record by `
|
|
260
|
+
1. Fetch partner record by `partnerGuid`
|
|
252
261
|
2. Resolve partner domain → build service base URL (`https://{partner.domain}`)
|
|
253
262
|
3. In parallel: fetch countries, org sizes, industries, localization
|
|
254
263
|
4. Render form
|