@qssolutions/ssas-registration-form 1.0.8 → 2.0.0

package/dist/models/form-data.d.ts

@@ -1,7 +1,7 @@
-import { IDropdownOption } from "@fluentui/react";
+import { FormOption } from './options';
 export declare namespace FormDataModels {
-    const CompanySizeDropdownOptions: IDropdownOption[];
-    const IndustryOptions: IDropdownOption[];
-    const HearAboutOptions: IDropdownOption[];
+    const CompanySizeDropdownOptions: FormOption[];
+    const IndustryOptions: FormOption[];
+    const HearAboutOptions: FormOption[];
 }
 //# sourceMappingURL=form-data.d.ts.map

package/dist/models/form-data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-data.d.ts","sourceRoot":"","sources":["../../src/models/form-data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGlD,yBAAiB,cAAc,CAAC;IACrB,MAAM,0BAA0B,EAAE,eAAe,EAYvD,CAAC;IAEK,MAAM,eAAe,EAAE,eAAe,EAwB5C,CAAC;IAEK,MAAM,gBAAgB,EAAE,eAAe,EAW7C,CAAC;CACL"}
+{"version":3,"file":"form-data.d.ts","sourceRoot":"","sources":["../../src/models/form-data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAGvC,yBAAiB,cAAc,CAAC;IACrB,MAAM,0BAA0B,EAAE,UAAU,EAYlD,CAAC;IAEK,MAAM,eAAe,EAAE,UAAU,EAwBvC,CAAC;IAEK,MAAM,gBAAgB,EAAE,UAAU,EAWxC,CAAC;CACL"}

package/dist/models/options.d.ts

@@ -0,0 +1,11 @@
+/**
+ * One selectable entry for the form dropdowns/comboboxes, the same `{key, text}` shape the v8
+ * `IDropdownOption`/`IComboBoxOption` call sites passed (and SharedPortal's `DropdownOption`/
+ * `ComboboxOption`). `data` carries a free-form payload, as v8's did.
+ */
+export interface FormOption {
+    key: string | number;
+    text: string;
+    data?: any;
+}
+//# sourceMappingURL=options.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../src/models/options.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,WAAW,UAAU;IACvB,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IAEb,IAAI,CAAC,EAAE,GAAG,CAAC;CACd"}

package/dist/services/ApiService.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiService.d.ts","sourceRoot":"","sources":["../../src/services/ApiService.ts"],"names":[],"mappings":"AACA,OAAO,EACH,KAAK,EAEL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,aAAa,EACb,oBAAoB,EACvB,MAAM,iBAAiB,CAAA;AAGxB,qBAAa,UAAU;IACnB,OAAO,CAAC,OAAO,CAAQ;IACvB,OAAO,CAAC,KAAK,CAAe;IAC5B,OAAO,CAAC,UAAU,CAAe;gBAErB,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM;IAcjD,OAAO,CAAC,MAAM;IAMd;;OAEG;IACG,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC;IActF;;OAEG;IACG,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC;IA2B1E;;OAEG;IACG,YAAY,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC;IAsCzC;;OAEG;IACG,sBAAsB,IAAI,OAAO,CAAC,OAAO,CAAC;IAgBhD;;OAEG;IACG,WAAW,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC;IA+BxC;;OAEG;IACG,aAAa,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC;IAwB3C;;;OAGG;IACG,kBAAkB,IAAI,OAAO,CAAC,aAAa,CAAC;IAkClD;;;OAGG;IACG,gBAAgB,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC;IAwBnE;;OAEG;IACG,yBAAyB,CAC3B,YAAY,EAAE,MAAM,EACpB,SAAS,EAAE,MAAM,GAClB,OAAO,CAAC,oBAAoB,CAAC;CAyBnC"}
+{"version":3,"file":"ApiService.d.ts","sourceRoot":"","sources":["../../src/services/ApiService.ts"],"names":[],"mappings":"AACA,OAAO,EACH,KAAK,EAEL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,aAAa,EACb,oBAAoB,EACvB,MAAM,iBAAiB,CAAA;AAGxB,qBAAa,UAAU;IACnB,OAAO,CAAC,OAAO,CAAQ;IACvB,OAAO,CAAC,KAAK,CAAe;IAC5B,OAAO,CAAC,UAAU,CAAe;gBAErB,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM;IAcjD,OAAO,CAAC,MAAM;IAMd;;OAEG;IACG,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC;IActF;;OAEG;IACG,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC;IA2B1E;;OAEG;IACG,YAAY,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC;IAwCzC;;OAEG;IACG,sBAAsB,IAAI,OAAO,CAAC,OAAO,CAAC;IAgBhD;;OAEG;IACG,WAAW,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC;IAiCxC;;OAEG;IACG,aAAa,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC;IA0B3C;;;OAGG;IACG,kBAAkB,IAAI,OAAO,CAAC,aAAa,CAAC;IAkClD;;;OAGG;IACG,gBAAgB,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC;IAwBnE;;OAEG;IACG,yBAAyB,CAC3B,YAAY,EAAE,MAAM,EACpB,SAAS,EAAE,MAAM,GAClB,OAAO,CAAC,oBAAoB,CAAC;CAyBnC"}

package/dist/styles/brand-theme.d.ts

@@ -0,0 +1,13 @@
+import { BrandVariants, Theme } from "@fluentui/react-components";
+import type { FontConfig } from "./defaultStyles";
+/**
+ * Builds a Fluent v9 brand ramp from one brand colour, so the library can take `primaryColor` as a
+ * prop. Same method as ClientApp's hand-generated `brandRamp` (`common/brand-theme.ts`): hue held,
+ * **slot 10 darkest and slot 160 lightest**, the brand colour itself at slot 80 (the slot
+ * FluentProvider uses for the primary button fill), and saturation easing off above 65% lightness so
+ * the palest steps don't read as neon.
+ */
+export declare const createBrandRamp: (primaryColor: string) => BrandVariants;
+/** v9 light theme for the form: brand ramp from `primaryColor`, font family from the config. */
+export declare const createFormTheme: (primaryColor?: string, fonts?: FontConfig) => Theme;
+//# sourceMappingURL=brand-theme.d.ts.map

package/dist/styles/brand-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-theme.d.ts","sourceRoot":"","sources":["../../src/styles/brand-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAoB,KAAK,EAAE,MAAM,4BAA4B,CAAA;AACnF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AA4CjD;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,GAAI,cAAc,MAAM,KAAG,aAgBtD,CAAA;AAED,gGAAgG;AAChG,eAAO,MAAM,eAAe,GAAI,eAAc,MAA8B,EAAE,QAAQ,UAAU,KAAG,KAGlG,CAAA"}

package/dist/styles/defaultStyles.d.ts

@@ -1,4 +1,3 @@
-import { ITextFieldStyleProps, ITextFieldStyles, ICheckboxStyles, IChoiceGroupStyles } from '@fluentui/react';
 export interface FontConfig {
     family?: string;
     sizes?: {
@@ -7,145 +6,12 @@ export interface FontConfig {
         body?: number;
     };
 }
-export declare const createFormStyles: (primaryColor?: string, fonts?: FontConfig, backgroundColor?: string) => import("@fluentui/react").IProcessedStyleSet<{
-    mainContainer: {
-        backgroundColor: string;
-        fontFamily: string;
-        WebkitFontSmoothing: string;
-    };
-    topWrapper: {
-        display: string;
-        flexDirection: string;
-        alignItems: string;
-        padding: string;
-        '@media (max-width: 768px)': {
-            padding: string;
-        };
-    };
-    thankyouTopWrapper: {
-        display: string;
-        flexDirection: string;
-        alignItems: string;
-        padding: string;
-        '@media (max-width: 768px)': {
-            padding: string;
-        };
-    };
-    formWrapper: {
-        backgroundColor: string;
-        minWidth: string;
-        padding: string;
-        border: string;
-        borderRadius: number;
-        textAlign: string;
-        '@media (max-width: 768px)': {
-            minWidth: string;
-            width: string;
-        };
-    };
-    inputFieldContainer: {
-        display: string;
-        gridTemplateColumns: string;
-        gap: string;
-        marginBottom: string;
-        '@media (max-width: 768px)': {
-            gridTemplateColumns: string;
-        };
-    };
-    checkboxIsSharedMail: {
-        gridColumn: string;
-        margin: string;
-        '@media (max-width: 768px)': {
-            gridColumn: string;
-        };
-    };
-    bigColumn: {
-        gridColumn: string;
-    };
-    recaptchaWrapper: {
-        margin: string;
-    };
-    finalStepContainer: {
-        width: string;
-        maxWidth: string;
-        margin: string;
-        textAlign: string;
-    };
-    textBlock: {
-        padding: string;
-        backgroundColor: string;
-        borderRadius: number;
-        border: string;
-    };
-    primaryButton: {
-        backgroundColor: string;
-        selectors: {
-            ':hover': {
-                backgroundColor: string;
-                filter: string;
-            };
-            ':active': {
-                backgroundColor: string;
-                filter: string;
-            };
-        };
-    };
-}>;
-export declare const textFieldStyles: (fonts?: FontConfig) => (_props: ITextFieldStyleProps) => Partial<ITextFieldStyles>;
-export declare const dropdownStyles: (fonts?: FontConfig) => {
-    dropdown: {
-        backgroundColor: string;
-        border: string;
-        borderRadius: number;
-        height: number;
-    };
-    title: {
-        backgroundColor: string;
-        border: string;
-        borderRadius: number;
-        height: number;
-        lineHeight: string;
-        fontFamily: string;
-        WebkitFontSmoothing: string;
-    };
-    caretDownWrapper: {
-        height: number;
-        lineHeight: string;
-    };
-    label: {
-        fontSize: number;
-        fontWeight: string;
-        fontFamily: string;
-        WebkitFontSmoothing: string;
-        textAlign: string;
-    };
-};
-export declare const comboboxStyles: (fonts?: FontConfig) => {
-    root: {
-        backgroundColor: string;
-        height: number;
-        selectors: {
-            ':after': {
-                borderRadius: number;
-                border: string;
-            };
-        };
-    };
-    input: {
-        backgroundColor: string;
-        height: number;
-        lineHeight: string;
-        fontFamily: string;
-        WebkitFontSmoothing: string;
-    };
-    label: {
-        fontSize: number;
-        fontWeight: string;
-        fontFamily: string;
-        WebkitFontSmoothing: string;
-        textAlign: string;
-    };
-};
-export declare const choiceGroupStyles: (isRTL: boolean, primaryColor?: string, fonts?: FontConfig) => Partial<IChoiceGroupStyles>;
-export declare const checkboxStyles: (primaryColor?: string, fonts?: FontConfig) => Partial<ICheckboxStyles>;
+/**
+ * Layout classes for the form, replacing v8's `mergeStyleSets` (`createFormStyles`). Static now: the
+ * values that used to be baked in per `primaryColor`/`fonts`/`backgroundColor` moved out.
+ * - font family comes from the `FluentProvider` theme (`createFormTheme`);
+ * - the container background is applied inline where `mainContainer` is used;
+ * - the unused `primaryButton` class is gone (`SSASPrimaryButton` carries its own brand fill).
+ */
+export declare const useFormStyles: () => Record<"mainContainer" | "topWrapper" | "thankyouTopWrapper" | "formWrapper" | "inputFieldContainer" | "checkboxIsSharedMail" | "bigColumn" | "recaptchaWrapper" | "finalStepContainer" | "textBlock", string>;
 //# sourceMappingURL=defaultStyles.d.ts.map

package/dist/styles/defaultStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultStyles.d.ts","sourceRoot":"","sources":["../../src/styles/defaultStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,oBAAoB,EAAE,gBAAgB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE9H,MAAM,WAAW,UAAU;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QACJ,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACL;AAED,eAAO,MAAM,gBAAgB,GAAI,eAAc,MAAkB,EAAE,QAAQ,UAAU,EAAE,kBAAiB,MAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuFzH,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,QAAQ,UAAU,MAAM,QAAQ,oBAAoB,KAAG,OAAO,CAAC,gBAAgB,CA6B9G,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,QAAQ,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BhD,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,QAAQ,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;CA6BhD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,OAAO,EAAE,eAAc,MAAkB,EAAE,QAAQ,UAAU,KAAG,OAAO,CAAC,kBAAkB,CAyClI,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,eAAc,MAAkB,EAAE,QAAQ,UAAU,KAAG,OAAO,CAAC,eAAe,CA4B5G,CAAC"}
+{"version":3,"file":"defaultStyles.d.ts","sourceRoot":"","sources":["../../src/styles/defaultStyles.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,UAAU;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE;QACJ,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACL;AAED;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,sNAoExB,CAAC"}

package/dist/styles/field-styles.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties } from "react";
+import type { FontConfig } from "./defaultStyles";
+/**
+ * v9 replacements for the v8 `textFieldStyles` / `dropdownStyles` / `comboboxStyles` objects
+ * (`defaultStyles.ts`). The font family now comes from the `FluentProvider` theme
+ * (`createFormTheme`), so only the box styling lives here.
+ */
+export declare const useFieldStyles: () => Record<"fill" | "input", string>;
+/** v8's field label: body-size, normal weight, left-aligned. `fonts.sizes.body` defaults to 16. */
+export declare const fieldLabelStyle: (fonts?: FontConfig) => CSSProperties;
+/**
+ * Label slot style shared by the checkbox and radio. Two things v9 does by default are undone:
+ * - the label's 8px vertical padding and -2px margin (a 32px touch target) that v8's text slot never had;
+ * - the weight is stated outright, because the form is embedded in pages we don't control and a host
+ *   rule like `label { font-weight: 600 }` would otherwise bleed into every checkbox/radio label.
+ */
+export declare const choiceLabelStyle: (fontSize: CSSProperties["fontSize"], bold?: boolean) => CSSProperties;
+//# sourceMappingURL=field-styles.d.ts.map

package/dist/styles/field-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-styles.d.ts","sourceRoot":"","sources":["../../src/styles/field-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAEjD;;;;GAIG;AACH,eAAO,MAAM,cAAc,wCAezB,CAAA;AAEF,mGAAmG;AACnG,eAAO,MAAM,eAAe,GAAI,QAAQ,UAAU,KAAG,aAKnD,CAAA;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,UAAU,aAAa,CAAC,UAAU,CAAC,EAAE,OAAO,OAAO,KAAG,aAMrF,CAAA"}

package/dist/utils/constants.d.ts

@@ -1,8 +1,8 @@
-import { IDropdownOption } from '@fluentui/react';
+import { FormOption } from '../models/options';
 export declare const EMAIL_PATTERN: RegExp;
 export declare const RECAPTCHA_DEFAULT_SITE_KEY = "6LeSgOkgAAAAAG820G9BYrck3obgjOBn05IdJhom";
 export declare const DEFAULT_PRIMARY_COLOR = "#00BAE4";
-export declare const LANGUAGE_OPTIONS: IDropdownOption[];
+export declare const LANGUAGE_OPTIONS: FormOption[];
 export declare const DEFAULT_TRANSLATIONS: {
     en: {
         formScreen: {

package/dist/utils/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/utils/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,eAAO,MAAM,aAAa,QAAqD,CAAC;AAEhF,eAAO,MAAM,0BAA0B,6CAA6C,CAAC;AACrF,eAAO,MAAM,qBAAqB,YAAY,CAAC;AAE9C,eAAO,MAAM,gBAAgB,EAAE,eAAe,EAkB9C,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDhC,CAAC;AAGF,eAAO,MAAM,aAAa;;;;;;;;;;CAUhB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/utils/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,eAAO,MAAM,aAAa,QAAqD,CAAC;AAEhF,eAAO,MAAM,0BAA0B,6CAA6C,CAAC;AACrF,eAAO,MAAM,qBAAqB,YAAY,CAAC;AAE9C,eAAO,MAAM,gBAAgB,EAAE,UAAU,EAkBzC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDhC,CAAC;AAGF,eAAO,MAAM,aAAa;;;;;;;;;;CAUhB,CAAC"}

package/dist/web-component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"web-component.d.ts","sourceRoot":"","sources":["../src/web-component.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAMpD;;;GAGG;AACH,cAAM,eAAgB,SAAQ,WAAW;IACrC,OAAO,CAAC,IAAI,CAAa;IACzB,OAAO,CAAC,OAAO,CAAkC;;IAQjD,MAAM,KAAK,kBAAkB,aAE5B;IAED,iBAAiB;IAQjB,oBAAoB;IAOpB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAWzE;;OAEG;IACH,IAAI,MAAM,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,EAGzC;IAGD,OAAO,CAAC,MAAM;CAgDjB;AAQD,OAAO,EAAE,eAAe,EAAE,CAAC;AAG3B,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,wBAAwB,EAAE,eAAe,CAAC;KAC7C;CACJ"}
+{"version":3,"file":"web-component.d.ts","sourceRoot":"","sources":["../src/web-component.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD;;;GAGG;AACH,cAAM,eAAgB,SAAQ,WAAW;IACrC,OAAO,CAAC,IAAI,CAAa;IACzB,OAAO,CAAC,OAAO,CAAkC;;IAQjD,MAAM,KAAK,kBAAkB,aAE5B;IAED,iBAAiB;IAQjB,oBAAoB;IAOpB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAWzE;;OAEG;IACH,IAAI,MAAM,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,EAGzC;IAGD,OAAO,CAAC,MAAM;CAgDjB;AAQD,OAAO,EAAE,eAAe,EAAE,CAAC;AAG3B,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,wBAAwB,EAAE,eAAe,CAAC;KAC7C;CACJ"}