@qssolutions/ssas-registration-form 2.0.0 → 2.0.2

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,CA0ItD,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,CA4ItD,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;AAapD,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,CA4jB9D,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;AAcpD,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,CAmkB9D,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"UpperFormSection.d.ts","sourceRoot":"","sources":["../../src/components/UpperFormSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EACH,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,cAAc,EACd,YAAY,EACf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,KAAK,EAAa,oBAAoB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACxF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAIpD,KAAK,qBAAqB,GAAG;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnE,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IACjC,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IACjC,WAAW,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACvC,OAAO,EAAE,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAC7B,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAC3B,OAAO,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IAC/B,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;IAC3B,WAAW,EAAE,oBAAoB,CAAC;IAClC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,GAAG,CAAC;IACZ,cAAc,CAAC,EAAE,UAAU,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,UAAU,EAAE,CAAC;IAChC,kBAAkB,CAAC,EAAE,UAAU,EAAE,CAAC;IAClC,gBAAgB,CAAC,EAAE,UAAU,EAAE,CAAC;IAChC,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AASF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAwGtD,CAAC"}
+{"version":3,"file":"UpperFormSection.d.ts","sourceRoot":"","sources":["../../src/components/UpperFormSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EACH,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,cAAc,EACd,YAAY,EACf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,KAAK,EAAa,oBAAoB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACxF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAGpD,KAAK,qBAAqB,GAAG;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnE,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IACjC,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IACjC,WAAW,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACvC,OAAO,EAAE,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAC7B,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAC3B,OAAO,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IAC/B,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;IAC3B,WAAW,EAAE,oBAAoB,CAAC;IAClC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,GAAG,CAAC;IACZ,cAAc,CAAC,EAAE,UAAU,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,UAAU,EAAE,CAAC;IAChC,kBAAkB,CAAC,EAAE,UAAU,EAAE,CAAC;IAClC,gBAAgB,CAAC,EAAE,UAAU,EAAE,CAAC;IAChC,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AASF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAqGtD,CAAC"}

package/dist/components/common/FormThemeProvider.d.ts

@@ -3,6 +3,8 @@ import type { FontConfig } from "../../styles/defaultStyles";
 interface FormThemeProviderProps {
     primaryColor?: string;
     fonts?: FontConfig;
+    /** Text direction for the whole form; v9 controls (radios, icons, dropdowns) mirror from it. */
+    dir?: "ltr" | "rtl";
     children: ReactNode;
 }
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"FormThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/common/FormThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAW,MAAM,OAAO,CAAA;AAGrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAE5D,UAAU,sBAAsB;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAQxD,CAAA"}
+{"version":3,"file":"FormThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/common/FormThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAW,MAAM,OAAO,CAAA;AAGrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAE5D,UAAU,sBAAsB;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,gGAAgG;IAChG,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB,QAAQ,EAAE,SAAS,CAAA;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAQxD,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,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAA;AAM1E;;;;;;;;GAQG;AACH,MAAM,WAAW,uBAAuB;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,qDAAqD;IACrD,MAAM,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,aAAa,CAAA;KAAE,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACrD,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,EAAE,aAAa,EAAE,MAAM,SAAS,KAAK,SAAS,CAAA;IAChG,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mGAAmG;IACnG,QAAQ,CAAC,EAAE,MAAM,CAAA;CACpB;AAiDD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAkE/D,CAAA"}
+{"version":3,"file":"SSASPrimaryButton.d.ts","sourceRoot":"","sources":["../../../src/components/common/SSASPrimaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAA;AAK1E;;;;;;;;GAQG;AACH,MAAM,WAAW,uBAAuB;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,qDAAqD;IACrD,MAAM,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,aAAa,CAAA;KAAE,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACrD,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,EAAE,aAAa,EAAE,MAAM,SAAS,KAAK,SAAS,CAAA;IAChG,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mGAAmG;IACnG,QAAQ,CAAC,EAAE,MAAM,CAAA;CACpB;AA0DD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyE/D,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"SSASTextInput.d.ts","sourceRoot":"","sources":["../../../src/components/common/SSASTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAAS,UAAU,EAAS,UAAU,EAAgB,MAAM,4BAA4B,CAAA;AAE/F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAE5D,MAAM,WAAW,kBAAmB,SAAQ,UAAU;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oFAAoF;IACpF,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IACzB,KAAK,CAAC,EAAE,UAAU,CAAA;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,aAAa,6FAezB,CAAA"}
+{"version":3,"file":"SSASTextInput.d.ts","sourceRoot":"","sources":["../../../src/components/common/SSASTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAAS,UAAU,EAAS,UAAU,EAAgB,MAAM,4BAA4B,CAAA;AAE/F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAE5D,MAAM,WAAW,kBAAmB,SAAQ,UAAU;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oFAAoF;IACpF,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IACzB,KAAK,CAAC,EAAE,UAAU,CAAA;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,aAAa,6FAgBzB,CAAA"}

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

@@ -13,11 +13,6 @@ export interface ControlledComboboxProps extends HookFormProps {
     className?: string;
     fonts?: FontConfig;
 }
-/**
- * Ported from SharedPortal's `ControlledComboBox` (`Field` + `Combobox freeform`). v8's `allowFreeInput`
- * had no per-call-site toggle, so `freeform` stays unconditional. The form value is `option.key` when it
- * is a string, else `option.text`, as before; the country list has string keys.
- */
 export declare const ControlledCombobox: FC<ControlledComboboxProps>;
 export default ControlledCombobox;
 //# sourceMappingURL=ControlledComboBox.d.ts.map

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,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAGhD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAE5D,MAAM,WAAW,uBAAwB,SAAQ,aAAa;IAC1D,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,UAAU,CAAA;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA2D1D,CAAA;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"ControlledComboBox.d.ts","sourceRoot":"","sources":["../../../src/components/form-fields/ControlledComboBox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,EAAE,EAAoB,MAAM,OAAO,CAAA;AAGlE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAE5D,MAAM,WAAW,uBAAwB,SAAQ,aAAa;IAC1D,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,UAAU,CAAA;CACrB;AAuFD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAwB1D,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import React__default, { useMemo, forwardRef, useState, useCallback, useEffect } from 'react';
+import React__default, { useMemo, forwardRef, useState, useCallback, useRef, useEffect } from 'react';
 import { Controller, useForm, useWatch } from 'react-hook-form';
-import { makeStyles, shorthands, createLightTheme, FluentProvider, Field, Input, mergeClasses, Checkbox, Dropdown, Option, Combobox, Spinner, RadioGroup, Radio, Button } from '@fluentui/react-components';
+import { makeStyles, shorthands, createLightTheme, FluentProvider, tokens, Field, Input, mergeClasses, Checkbox, Dropdown, Option, Combobox, Spinner, RadioGroup, Radio, useFluent, Button } from '@fluentui/react-components';
 import ReCAPTCHA from 'react-google-recaptcha';
 import { ChevronLeftRegular, ChevronRightRegular } from '@fluentui/react-icons';
 import ReactDOM from 'react-dom/client';
@@ -23294,24 +23294,72 @@ const createFormTheme = (primaryColor = DEFAULT_PRIMARY_COLOR, fonts) => {
  * `primaryColor`/`fonts` props. The library is embedded in pages we don't control, so the provider
  * lives here rather than relying on a host one. `display: contents` keeps it out of the layout.
  */
-const FormThemeProvider = ({ primaryColor, fonts, children }) => {
+const FormThemeProvider = ({ primaryColor, fonts, dir = "ltr", children }) => {
     const fontFamily = fonts?.family;
     const theme = useMemo(() => createFormTheme(primaryColor, { family: fontFamily }), [primaryColor, fontFamily]);
-    return (React__default.createElement(FluentProvider, { theme: theme, style: { display: "contents" } }, children));
+    return (React__default.createElement(FluentProvider, { theme: theme, dir: dir, style: { display: "contents" } }, children));
 };
 
+/**
+ * Deep merge utility
+ */
+/**
+ * Check if current language is RTL
+ */
+function isRTLContent(languageCode) {
+    const rtlLanguages = ['ar', 'he'];
+    if (languageCode) {
+        return rtlLanguages.includes(languageCode.toLowerCase());
+    }
+    // Try to detect from document or i18n
+    return false;
+}
+
+const INVALID = "[aria-invalid='true']";
 /**
  * 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.
  */
 const useFieldStyles = makeStyles({
-    // v8 `fieldGroup`: grey fill, 1px #DDD border, 5px radius, 50px high.
+    // Mirrors SharedPortal's `inputRoot` (`form-screen.styles.ts`): a near-white fill with a #8A8A8A edge
+    // (over 3:1, WCAG's minimum for a control's boundary), 5px radius, 50px high. The old #F5F5F5 fill
+    // and #DDDDDD edge read as disabled, so that look is kept for real disabled fields only.
     input: {
-        backgroundColor: "#F5F5F5",
-        ...shorthands.border("1px", "solid", "#DDDDDD"),
+        backgroundColor: "#FCFCFF",
+        ...shorthands.border("1px", "solid", "#8A8A8A"),
         ...shorthands.borderRadius("5px"),
         height: "50px",
+        transitionProperty: "border-color, background-color",
+        transitionDuration: "0.15s",
+        // Text and placeholder at 16px. The `<input>` and the Dropdown's button carry v9's own 14px
+        // class, which a font size on the root does not reach.
+        "& input, & .fui-Dropdown__button": {
+            fontSize: "16px",
+        },
+        // The field being typed in turns white, so it stands out from the rest.
+        ":focus-within": {
+            backgroundColor: "#fff",
+        },
+        // Hover and focus are skipped on an invalid field, so its red edge always shows. `aria-invalid`
+        // is what Field puts on the control when its `validationState` is "error": on the input, or
+        // on the button for Dropdown. Hover also skips the focused field: Griffel emits `:hover` rules
+        // after `:focus-within` ones, so the brand edge would otherwise turn grey under the pointer.
+        [`:hover:not(:focus-within):not(${INVALID}):not(:has(${INVALID})):not(:has(:disabled))`]: {
+            ...shorthands.borderColor("#424242"),
+        },
+        [`:focus-within:not(${INVALID}):not(:has(${INVALID}))`]: {
+            ...shorthands.borderColor(tokens.colorBrandStroke1),
+        },
+        // v9 only draws its red edge while the field is not focused, and its own `:focus-within` grey
+        // outranks a plain rule here; `!important` (as in SharedPortal) keeps the red on focus too.
+        [`&${INVALID}, &:has(${INVALID})`]: {
+            ...shorthands.borderColor(`${tokens.colorPaletteRedBorder2} !important`),
+        },
+        "&:has(:disabled)": {
+            backgroundColor: "#F5F5F5",
+            ...shorthands.borderColor("#DDDDDD"),
+        },
     },
     // v9 Dropdown/Combobox roots are inline-block with a 250-400px width window; v8's filled its column.
     fill: {
@@ -23466,7 +23514,7 @@ const FormComponentList = (translation, performByPartner, model) => {
 const SSASTextInput = forwardRef(({ label, errorMessage, hint, fonts, required, className, ...props }, ref) => {
     const styles = useFieldStyles();
     return (React__default.createElement(Field, { label: label ? { children: label, style: fieldLabelStyle(fonts) } : undefined, hint: hint, required: !!required, validationState: errorMessage ? "error" : "none", validationMessage: errorMessage },
-        React__default.createElement(Input, { ref: ref, className: mergeClasses(styles.input, className), ...props })));
+        React__default.createElement(Input, { ref: ref, className: mergeClasses(styles.input, styles.fill, className), ...props })));
 });
 SSASTextInput.displayName = "SSASTextInput";
 
@@ -23578,21 +23626,43 @@ const ControlledDropdown = ({ name, control, rules, defaultValue, options, ...pr
 };
 
 /**
- * Ported from SharedPortal's `ControlledComboBox` (`Field` + `Combobox freeform`). v8's `allowFreeInput`
- * had no per-call-site toggle, so `freeform` stays unconditional. The form value is `option.key` when it
- * is a string, else `option.text`, as before; the country list has string keys.
+ * Ported from SharedPortal's `ControlledComboBox` (`Field` + `Combobox freeform`). Typed text is kept
+ * apart from the field (`typedText`) and resolved on blur: an exact (case-insensitive) option match
+ * selects that option, anything else clears both, so only a listed option can ever reach the form and
+ * the `required` rule still fails on unmatched text. The form value is `option.key` when it is a string,
+ * else `option.text`; the country list has string keys.
  */
-const ControlledCombobox = ({ name, control, rules, defaultValue, options, label, placeholder, required, disabled, autoComplete, style, className, fonts, }) => {
+const ComboboxField = ({ value, onChange, onBlur, errorMessage, options, label, placeholder, required, disabled, autoComplete, style, className, fonts, }) => {
     const styles = useFieldStyles();
-    return (React__default.createElement(Controller, { name: name, control: control, rules: rules, defaultValue: defaultValue || "", render: ({ field: { onChange, onBlur, value }, fieldState: { error } }) => {
-            const matchedOption = options.find((o) => String(o.key) === String(value));
-            return (React__default.createElement(Field, { label: label ? { children: label, style: fieldLabelStyle(fonts) } : undefined, required: required, validationState: error ? "error" : "none", validationMessage: error?.message },
-                React__default.createElement(Combobox, { freeform: true, value: matchedOption ? matchedOption.text : value ?? "", selectedOptions: matchedOption ? [String(matchedOption.key)] : [], placeholder: placeholder, disabled: disabled, autoComplete: autoComplete, style: style, className: mergeClasses(styles.input, styles.fill, className), onOptionSelect: (_, data) => {
-                        const option = options.find((o) => String(o.key) === data.optionValue);
-                        if (option)
-                            onChange(typeof option.key === "string" ? option.key : option.text);
-                    }, onChange: (e) => onChange(e.target.value), onBlur: onBlur }, options.map((option) => (React__default.createElement(Option, { key: option.key, value: String(option.key), text: option.text }, option.text))))));
-        } }));
+    const matchedOption = options.find((o) => String(o.key) === String(value));
+    // `null` while not typing, so the input shows the selected option's text. A ref, because Tab both
+    // selects the highlighted option and blurs in one go — the blur handler must see that selection.
+    const typedTextRef = useRef(null);
+    const [typedText, setTypedText] = useState(null);
+    const updateTypedText = (text) => {
+        typedTextRef.current = text;
+        setTypedText(text);
+    };
+    const commit = (option) => {
+        onChange(option ? (typeof option.key === "string" ? option.key : option.text) : "");
+        updateTypedText(null);
+    };
+    return (React__default.createElement(Field, { label: label ? { children: label, style: fieldLabelStyle(fonts) } : undefined, required: required, validationState: errorMessage ? "error" : "none", validationMessage: errorMessage },
+        React__default.createElement(Combobox, { freeform: true, value: typedText ?? matchedOption?.text ?? "", selectedOptions: matchedOption ? [String(matchedOption.key)] : [], placeholder: placeholder, disabled: disabled, autoComplete: autoComplete, style: style, className: mergeClasses(styles.input, styles.fill, className), onOptionSelect: (_, data) => {
+                const option = options.find((o) => String(o.key) === data.optionValue);
+                if (option)
+                    commit(option);
+            }, onChange: (e) => updateTypedText(e.target.value), onBlur: () => {
+                const text = typedTextRef.current;
+                if (text !== null) {
+                    const search = text.trim().toLowerCase();
+                    commit(search ? options.find((o) => o.text.toLowerCase() === search) : undefined);
+                }
+                onBlur();
+            } }, options.map((option) => (React__default.createElement(Option, { key: option.key, value: String(option.key), text: option.text }, option.text))))));
+};
+const ControlledCombobox = ({ name, control, rules, defaultValue, ...props }) => {
+    return (React__default.createElement(Controller, { name: name, control: control, rules: rules, defaultValue: defaultValue || "", render: ({ field: { onChange, onBlur, value }, fieldState: { error } }) => (React__default.createElement(ComboboxField, { ...props, value: value, onChange: onChange, onBlur: onBlur, errorMessage: error?.message })) }));
 };
 
 // eslint-disable-next-line @typescript-eslint/no-namespace
@@ -23736,21 +23806,6 @@ const FormComponentRenderer = ({ formModels, isRegistering, control, setValue, s
     return (React__default.createElement(React__default.Fragment, null, renderList.map((component) => renderByType(component, component.name))));
 };
 
-/**
- * Deep merge utility
- */
-/**
- * Check if current language is RTL
- */
-function isRTLContent(languageCode) {
-    const rtlLanguages = ['ar', 'he'];
-    if (languageCode) {
-        return rtlLanguages.includes(languageCode.toLowerCase());
-    }
-    // Try to detect from document or i18n
-    return false;
-}
-
 // v8 ChoiceGroup root: 30px under the group.
 const useRadioStyles = makeStyles({
     root: {
@@ -23760,7 +23815,6 @@ const useRadioStyles = makeStyles({
 const UpperFormSection = ({ isRegistering, performByPartner, setPerformByPartner, setValue, setError, clearErrors, control, errors, trigger, watch, translation, config, apiService, styles, countryOptions, orgSizingOptions, orgIndustryOptions, hearAboutOptions, partnerData, primaryColor: primaryColorProp, }) => {
     const primaryColor = primaryColorProp || "#00BAE4";
     const radioStyles = useRadioStyles();
-    const isRTL = isRTLContent(partnerData?.languageCode);
     const choiceGroupOptions = [
         { key: "ByCustomer", text: translation.ByCustomer },
         { key: "ByPartner", text: translation.ByPartner },
@@ -23786,9 +23840,7 @@ const UpperFormSection = ({ isRegistering, performByPartner, setPerformByPartner
         isHearAbout ? FormModel.HearAbout : false,
     ];
     return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement(RadioGroup, { defaultValue: "ByCustomer", className: radioStyles.root, 
-            // v8's `flexDirection: row-reverse` pushed the options to the right edge for RTL
-            style: isRTL ? { alignItems: "flex-end" } : undefined, onChange: (_e, data) => {
+        React__default.createElement(RadioGroup, { defaultValue: "ByCustomer", className: radioStyles.root, onChange: (_e, data) => {
                 // Reset the partner fields
                 setValue(FormModel.CustomerPartnerMail, "");
                 setValue(FormModel.CustomerPartnerName, "");
@@ -23831,6 +23883,15 @@ const useStyles = makeStyles({
         ":active:where(:not(:disabled, [aria-disabled='true']))": {
             backgroundColor: `color-mix(in srgb, var(${BRAND_VAR}), #000 15%) !important`,
         },
+        // v9 draws its keyboard focus ring with `border` and `box-shadow`, and the inline `border: none`
+        // and drop shadow here overwrite both, so a focused button showed no ring at all. Redrawn as an
+        // outline (which nothing inline sets) plus an inner white ring, readable on light and dark
+        // backgrounds alike.
+        ":focus-visible": {
+            outline: "2px solid #000 !important",
+            outlineOffset: "2px",
+            boxShadow: "inset 0 0 0 2px #fff !important",
+        },
     },
 });
 const baseStyle = (noShadow, disabled) => ({
@@ -23863,20 +23924,26 @@ const iconFor = (name, disabled) => {
 };
 const SSASPrimaryButton = (props) => {
     const classes = useStyles();
+    // From `FormThemeProvider`, which sets it from the form's language.
+    const { dir } = useFluent();
     const { styles, primaryColor, noShadow, iconProps, noIcon, iconName, loadingIcon, onRenderMenuIcon, text, className, style, disabled, type, onClick, children, } = props;
     const color = primaryColor || DEFAULT_PRIMARY_COLOR;
     const isDisabled = disabled || loadingIcon;
+    // While loading the button is blocked but stays focusable (`aria-disabled`, not `disabled`): a truly
+    // disabled button drops keyboard focus to the page body, so a visitor who pressed Enter on it
+    // would be thrown back to the top of the tab order.
+    const isBlockedWhileLoading = !!loadingIcon && !disabled;
     const brandStyle = {
         [BRAND_VAR]: color,
         ...(isDisabled ? {} : { backgroundColor: `var(${BRAND_VAR})`, color: "#fff" }),
     };
     const mergedStyle = { ...brandStyle, ...baseStyle(noShadow, isDisabled), ...styles?.root, ...style };
     // v8 rendered a trailing chevron by default, direction-aware, unless noIcon was set.
-    const defaultIconName = isRTLContent() ? "ChevronLeft" : "ChevronRight";
+    const defaultIconName = dir === "rtl" ? "ChevronLeft" : "ChevronRight";
     const defaultIcon = iconFor(iconName ?? defaultIconName, isDisabled);
     // `onRenderMenuIcon` is checked first: the caller implements its own loading-spinner-vs-default
     // logic and calls `defaultRender()` on the non-loading branch.
-    const icon = onRenderMenuIcon ? (onRenderMenuIcon(props, () => defaultIcon ?? null) ?? undefined) : loadingIcon ? (React.createElement(Spinner, { size: "tiny" })) : noIcon ? undefined : (defaultIcon);
+    const icon = onRenderMenuIcon ? (onRenderMenuIcon(props, () => defaultIcon ?? null) ?? undefined) : loadingIcon ? (React.createElement(Spinner, { "aria-label": "Loading", size: "tiny" })) : noIcon ? undefined : (defaultIcon);
     const iconPosition = iconProps ? "before" : "after";
     // A trailing icon makes the content lopsided; extra start padding rebalances it, and
     // `mergedStyle` goes last so a call site's own padding still wins.
@@ -23884,7 +23951,7 @@ const SSASPrimaryButton = (props) => {
         ...(icon && iconPosition === "after" ? { paddingInlineStart: 20 } : {}),
         ...mergedStyle,
     };
-    return (React.createElement(Button, { appearance: "primary", className: mergeClasses(classes.interactive, className), style: balancedStyle, icon: icon, iconPosition: iconPosition, disabled: isDisabled, type: type, onClick: onClick }, text ?? children));
+    return (React.createElement(Button, { appearance: "primary", className: mergeClasses(classes.interactive, className), style: balancedStyle, icon: icon, iconPosition: iconPosition, disabled: disabled, disabledFocusable: isBlockedWhileLoading, type: type, onClick: onClick }, text ?? children));
 };
 
 const LowerFormSection = ({ setValue, isRegistering, errors, translation, submissionError, primaryColor: primaryColorProp, partnerData, }) => {
@@ -23929,7 +23996,7 @@ const LowerFormSection = ({ setValue, isRegistering, errors, translation, submis
     const renderLoadingIcon = (_props, defaultRender) => {
         // v8 `SpinnerSize.medium` (20px) maps to v9 "tiny"
         if (isRegistering)
-            return React__default.createElement(Spinner, { size: "tiny" });
+            return React__default.createElement(Spinner, { "aria-label": "Submitting", size: "tiny" });
         else
             return defaultRender ? defaultRender() : null;
     };
@@ -23955,7 +24022,9 @@ const LowerFormSection = ({ setValue, isRegistering, errors, translation, submis
             React__default.createElement("span", { style: { fontSize: 16, fontWeight: 600 } }, "\u26A0"),
             React__default.createElement("span", null, submissionError))),
         React__default.createElement(SSASPrimaryButton, { text: translation.SubmitRequest, primaryColor: primaryColor, styles: {
-                root: { display: "block", width: "100%" },
+                // `flex`, not `block`: v9 Button centres its icon and label as flex items, and
+                // `block` dropped the icon onto the text baseline, a few px above the label.
+                root: { display: "flex", width: "100%" },
             }, type: "submit", disabled: Object.keys(errors).length > 0 ||
                 isRegistering ||
                 !termAcceptance ||
@@ -24026,6 +24095,8 @@ const SSASRegistrationForm = ({ config, }) => {
         return (languageOptions.find((x) => x.data.code === currentLang)?.text ||
             "English");
     }, [mergedConfig.languageCode, partnerData?.languageCode, languageOptions]);
+    // Same language the translations are loaded in (`getFormScreenLocalization` below).
+    const formDir = isRTLContent(mergedConfig.languageCode || partnerData?.languageCode) ? "rtl" : "ltr";
     const { handleSubmit, setValue, setError, control, watch, clearErrors, trigger, formState: { errors }, } = useForm({
         defaultValues: {
             orgSizingId: 1,
@@ -24264,7 +24335,7 @@ const SSASRegistrationForm = ({ config, }) => {
     // Show success screen if registration completed
     if (finalStep) {
         // Default success screen
-        return (React__default.createElement(FormThemeProvider, { primaryColor: mergedConfig.theme?.primaryColor || colorWidget?.column1, fonts: mergedConfig.theme?.fonts },
+        return (React__default.createElement(FormThemeProvider, { primaryColor: mergedConfig.theme?.primaryColor || colorWidget?.column1, fonts: mergedConfig.theme?.fonts, dir: formDir },
             React__default.createElement("div", { className: styles.mainContainer, style: mainContainerStyle },
                 React__default.createElement("div", { className: styles.thankyouTopWrapper },
                     React__default.createElement("div", { className: styles.finalStepContainer },
@@ -24273,6 +24344,7 @@ const SSASRegistrationForm = ({ config, }) => {
                                     fontSize: mergedConfig.theme?.fonts?.sizes
                                         ?.heading,
                                     fontWeight: 700,
+                                    lineHeight: 1.2,
                                 } }, translation.ThankYou),
                             React__default.createElement("div", { style: {
                                     fontSize: mergedConfig.theme?.fonts?.sizes
@@ -24289,7 +24361,7 @@ const SSASRegistrationForm = ({ config, }) => {
                                     textUnderlinePosition: "under",
                                 } }, finalStep)))))));
     }
-    return (React__default.createElement(FormThemeProvider, { primaryColor: mergedConfig.theme?.primaryColor || colorWidget?.column1, fonts: mergedConfig.theme?.fonts },
+    return (React__default.createElement(FormThemeProvider, { primaryColor: mergedConfig.theme?.primaryColor || colorWidget?.column1, fonts: mergedConfig.theme?.fonts, dir: formDir },
         React__default.createElement("div", { className: styles.mainContainer, style: mainContainerStyle },
             React__default.createElement("div", { className: styles.topWrapper, style: mergedConfig.customStyles?.topWrapper }, isLoadingData ? (React__default.createElement(Spinner, { size: "tiny", labelPosition: "below", label: "Loading form data...", style: { marginBottom: "20px" } })) : partnerLoadFailed ? (React__default.createElement("div", { style: {
                     textAlign: "center",
@@ -24300,6 +24372,7 @@ const SSASRegistrationForm = ({ config, }) => {
                         fontSize: mergedConfig.theme?.fonts?.sizes?.heading ||
                             24,
                         fontWeight: 700,
+                        lineHeight: 1.2,
                         marginBottom: 16,
                     } }, "Access Not Available"),
                 React__default.createElement("div", { style: {
@@ -24315,6 +24388,7 @@ const SSASRegistrationForm = ({ config, }) => {
                         fontSize: mergedConfig.theme?.fonts?.sizes?.heading ||
                             24,
                         fontWeight: 700,
+                        lineHeight: 1.2,
                         marginBottom: 16,
                     } }, "Domain Not Whitelisted"),
                 React__default.createElement("div", { style: {
@@ -24327,6 +24401,7 @@ const SSASRegistrationForm = ({ config, }) => {
                             fontSize: mergedConfig.theme?.fonts?.sizes
                                 ?.heading,
                             fontWeight: 700,
+                            lineHeight: 1.2,
                         } }, translation.AppForm),
                     React__default.createElement("div", { style: {
                             fontSize: mergedConfig.theme?.fonts?.sizes