@everymatrix/general-input 1.87.0 → 1.87.2

package/dist/general-input/general-input.esm.js

@@ -1 +1 @@
-import{p as e,b as l}from"./index-ca174b7a.js";export{s as setNonce}from"./index-ca174b7a.js";import{g as i}from"./app-globals-0f993ce5.js";(()=>{const l=import.meta.url,i={};return""!==l&&(i.resourcesUrl=new URL(".",l).href),e(i)})().then((async e=>(await i(),l([["checkbox-group-input_14",[[1,"general-input",{type:[513],name:[513],displayName:[513,"display-name"],placeholder:[513],action:[513],validation:[16],options:[520],language:[513],autofilled:[516],tooltip:[513],defaultValue:[520,"default-value"],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],hidePasswordComplexity:[516,"hide-password-complexity"],noValidation:[516,"no-validation"],clientStyling:[520,"client-styling"],clientStylingUrl:[513,"client-styling-url"],dateFormat:[513,"date-format"],translationUrl:[513,"translation-url"],emitOnClick:[516,"emit-on-click"],twofaDestination:[513,"twofa-destination"],twofaResendIntervalSeconds:[514,"twofa-resend-interval-seconds"],haspostalcodelookup:[516],postalcodelength:[514],addresses:[520],ignoreCountry:[516,"ignore-country"],mbSource:[513,"mb-source"],limitStylingAppends:[32]},null,{clientStyling:["handleStylingChange"],clientStylingUrl:["handleStylingUrlChange"]}],[1,"toggle-checkbox-input",{name:[513],displayName:[513,"display-name"],defaultValue:[513,"default-value"],options:[16],autofilled:[516],tooltip:[513],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32],showFields:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"]}],[1,"checkbox-group-input",{name:[513],displayName:[513,"display-name"],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],options:[16],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32],selectedValues:[32],showCheckboxes:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],selectedValues:["setValue"],emitValue:["emitValueHandler"]}],[1,"checkbox-input",{name:[513],displayName:[513,"display-name"],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"date-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],dateFormat:[513,"date-format"],emitOnClick:[516,"emit-on-click"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"email-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"number-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"password-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],validation:[16],noValidation:[516,"no-validation"],language:[513],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],hidePasswordComplexity:[516,"hide-password-complexity"],clientStyling:[513,"client-styling"],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32],passwordComplexity:[32],showPopup:[32],value:[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],value:["valueChanged"],emitValue:["emitValueHandler"]}],[1,"postalcode-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],postalcodelength:[520],addresses:[520],ignoreCountry:[516,"ignore-country"],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32],selectedCountryCode:[32],currentPostalCode:[32],openAddressDropdown:[32],showNoResultsMessage:[32],refreshTrigger:[32],isFetchingAddresses:[32]},[[10,"click","handleClickOutside"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[8,"addressFetchStarted","handleFetchStarted"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"],addresses:["handleAddresses"]}],[1,"radio-input",{name:[513],displayName:[513,"display-name"],optionsGroup:[16],validation:[16],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"select-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],action:[513],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],options:[16],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"tel-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],showLabels:[516,"show-labels"],action:[513],validation:[16],defaultValue:[520,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32],disablePhonePrefix:[32],phoneValue:[32],phoneCodesOptions:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"text-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],checkValidity:[516,"check-validity"],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],clientStyling:[513,"client-styling"],haspostalcodelookup:[516],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32],selectedCountryCode:[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[16,"sendAddressValue","handleAddressSelection"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"twofa-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],tooltip:[513],language:[513],emitValue:[516,"emit-value"],destination:[513],resendIntervalSeconds:[514,"resend-interval-seconds"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],mbSource:[513,"mb-source"],limitStylingAppends:[32],isValid:[32],isResendButtonAvailable:[32],showTooltip:[32],errorMessage:[32],code:[32],resendIntervalSecondsLeft:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"],clientStylingUrl:["handleStylingUrlChange"]}]]]],e))));
+import{p as e,b as l}from"./index-ca174b7a.js";export{s as setNonce}from"./index-ca174b7a.js";import{g as i}from"./app-globals-0f993ce5.js";(()=>{const l=import.meta.url,i={};return""!==l&&(i.resourcesUrl=new URL(".",l).href),e(i)})().then((async e=>(await i(),l([["checkbox-group-input_14",[[1,"general-input",{type:[513],name:[513],displayName:[513,"display-name"],placeholder:[513],action:[513],validation:[16],options:[520],language:[513],autofilled:[516],tooltip:[513],defaultValue:[520,"default-value"],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],hidePasswordComplexity:[516,"hide-password-complexity"],noValidation:[516,"no-validation"],clientStyling:[520,"client-styling"],clientStylingUrl:[513,"client-styling-url"],dateFormat:[513,"date-format"],translationUrl:[513,"translation-url"],emitOnClick:[516,"emit-on-click"],twofaDestination:[513,"twofa-destination"],twofaResendIntervalSeconds:[514,"twofa-resend-interval-seconds"],haspostalcodelookup:[516],postalcodelength:[514],addresses:[520],ignoreCountry:[516,"ignore-country"],enableSouthAfricanMode:[516,"enable-south-african-mode"],pinAttemptsExceeded:[516,"pin-attempts-exceeded"],mbSource:[513,"mb-source"],limitStylingAppends:[32]},null,{clientStyling:["handleStylingChange"],clientStylingUrl:["handleStylingUrlChange"]}],[1,"toggle-checkbox-input",{name:[513],displayName:[513,"display-name"],defaultValue:[513,"default-value"],options:[16],autofilled:[516],tooltip:[513],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32],showFields:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"]}],[1,"checkbox-group-input",{name:[513],displayName:[513,"display-name"],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],options:[16],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32],selectedValues:[32],showCheckboxes:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],selectedValues:["setValue"],emitValue:["emitValueHandler"]}],[1,"checkbox-input",{name:[513],displayName:[513,"display-name"],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"date-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],dateFormat:[513,"date-format"],emitOnClick:[516,"emit-on-click"],enableSouthAfricanMode:[516,"enable-south-african-mode"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"],enableSouthAfricanMode:["handleCustomRegistrationChange"]}],[1,"email-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"number-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"password-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],validation:[16],noValidation:[516,"no-validation"],language:[513],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],hidePasswordComplexity:[516,"hide-password-complexity"],clientStyling:[513,"client-styling"],enableSouthAfricanMode:[516,"enable-south-african-mode"],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32],passwordComplexity:[32],showPopup:[32],value:[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],value:["valueChanged"],emitValue:["emitValueHandler"]}],[1,"postalcode-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],postalcodelength:[520],addresses:[520],ignoreCountry:[516,"ignore-country"],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32],selectedCountryCode:[32],currentPostalCode:[32],openAddressDropdown:[32],showNoResultsMessage:[32],refreshTrigger:[32],isFetchingAddresses:[32]},[[10,"click","handleClickOutside"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[8,"addressFetchStarted","handleFetchStarted"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"],addresses:["handleAddresses"]}],[1,"radio-input",{name:[513],displayName:[513,"display-name"],optionsGroup:[16],validation:[16],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"select-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],action:[513],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],options:[16],validation:[16],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],errorMessage:[32],isValid:[32],limitStylingAppends:[32],showTooltip:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"tel-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],showLabels:[516,"show-labels"],action:[513],validation:[16],defaultValue:[520,"default-value"],autofilled:[516],tooltip:[513],language:[513],emitValue:[516,"emit-value"],clientStyling:[513,"client-styling"],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32],disablePhonePrefix:[32],phoneValue:[32],phoneCodesOptions:[32]},[[10,"click","handleClickOutside"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"text-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],defaultValue:[513,"default-value"],autofilled:[516],tooltip:[513],language:[513],checkValidity:[516,"check-validity"],emitValue:[516,"emit-value"],isDuplicateInput:[516,"is-duplicate-input"],clientStyling:[513,"client-styling"],haspostalcodelookup:[516],enableSouthAfricanMode:[516,"enable-south-african-mode"],isValid:[32],errorMessage:[32],limitStylingAppends:[32],showTooltip:[32],selectedCountryCode:[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[16,"sendAddressValue","handleAddressSelection"],[8,"documentNumberUpdatedExternally","handleExternalDocUpdate"],[8,"documentNumberResetValidation","handleDocReset"]],{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}],[1,"twofa-input",{name:[513],displayName:[513,"display-name"],placeholder:[513],validation:[16],tooltip:[513],language:[513],emitValue:[516,"emit-value"],destination:[513],resendIntervalSeconds:[514,"resend-interval-seconds"],clientStyling:[513,"client-styling"],enableSouthAfricanMode:[516,"enable-south-african-mode"],pinAttemptsExceeded:[516,"pin-attempts-exceeded"],clientStylingUrl:[513,"client-styling-url"],mbSource:[513,"mb-source"],limitStylingAppends:[32],isValid:[32],isResendButtonAvailable:[32],showTooltip:[32],errorMessage:[32],code:[32],resendIntervalSecondsLeft:[32],revealedIndexes:[32]},[[10,"click","handleClickOutside"]],{isValid:["validityChanged"],emitValue:["emitValueHandler"],clientStylingUrl:["handleStylingUrlChange"],clientStyling:["handleStylingChange"]}]]]],e))));

package/dist/types/components/date-input/date-input.d.ts

@@ -50,6 +50,10 @@ export declare class DateInput {
      * Emit event on click
      */
     emitOnClick: boolean;
+    /**
+    * Enable South African registration mode
+    */
+    enableSouthAfricanMode: boolean;
     errorMessage: string;
     isValid: boolean;
     private limitStylingAppends;
@@ -71,12 +75,14 @@ export declare class DateInput {
     sendValidityState: EventEmitter<InputStateEvent>;
     validityStateHandler(inputStateEvent: InputStateEvent): void;
     emitValueHandler(newValue: boolean): void;
+    handleCustomRegistrationChange(newValue: boolean): void;
     sendInputValue: EventEmitter<InputValueEvent>;
     valueHandler(inputValueEvent: InputValueEvent): void;
     handleClickOutside(event: MouseEvent): void;
     connectedCallback(): void;
     componentDidRender(): void;
     componentDidLoad(): void;
+    disconnectedCallback(): void;
     handleCalendarIconClick(): void;
     formatDate: (dateParts: DatePickerDate) => string;
     parseDate: (inputValue: string) => DatePickerDate;
@@ -85,5 +91,6 @@ export declare class DateInput {
     setErrorMessage(): string;
     setClientStyling: () => void;
     renderTooltip(): any;
+    handleDocumentIdUpdate: (e: CustomEvent) => void;
     render(): any;
 }

package/dist/types/components/general-input/general-input.d.ts

@@ -106,6 +106,14 @@ export declare class GeneralInput {
      * For cases where the country field is not included in the register form
      */
     ignoreCountry: boolean;
+    /**
+     * Enable South African registration mode
+     */
+    enableSouthAfricanMode: boolean;
+    /**
+     * If user has exceeded failed pin attempts
+     */
+    pinAttemptsExceeded: boolean;
     /**
      * Client custom styling via message bus
      */

package/dist/types/components/password-input/password-input.d.ts

@@ -53,6 +53,10 @@ export declare class PasswordInput {
      * Client custom styling via inline style
      */
     clientStyling: string;
+    /**
+    * Enable South African registration mode
+    */
+    enableSouthAfricanMode: boolean;
     isValid: boolean;
     errorMessage: string;
     private limitStylingAppends;
@@ -97,5 +101,6 @@ export declare class PasswordInput {
     setClientStyling: () => void;
     renderTooltip(): any;
     renderComplexityPopup(): any;
+    renderCustomComplexityPopup(): any;
     render(): any;
 }

package/dist/types/components/text-input/text-input.d.ts

@@ -53,6 +53,10 @@ export declare class TextInput {
     * Boolean. Enable the addresses dropdown based on postal code
     */
     haspostalcodelookup: boolean;
+    /**
+    * Enable South African registration mode
+    */
+    enableSouthAfricanMode: boolean;
     isValid: boolean;
     errorMessage: string;
     private limitStylingAppends;
@@ -85,12 +89,19 @@ export declare class TextInput {
         address2: string;
     }>): void;
     connectedCallback(): void;
+    handleExternalDocUpdate(event: CustomEvent<string>): void;
+    handleDocReset(): void;
     componentDidRender(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
+    validateDocument(valueRaw: string, docType: string): {
+        valid: boolean;
+        errorKey?: string;
+    };
     handleInput: (event: Event) => void;
     handleBlur: (event: Event) => void;
-    setValidity(): boolean;
+    updateValidationState(): void;
+    isValidValue(): boolean;
     setPattern(): string;
     setErrorMessage(): string;
     setClientStyling: () => void;

package/dist/types/components/twofa-input/twofa-input.d.ts

@@ -41,6 +41,14 @@ export declare class TwofaInput {
      * Client custom styling via inline style
      */
     clientStyling: string;
+    /**
+     * Enable South African registration mode
+     */
+    enableSouthAfricanMode: boolean;
+    /**
+     * Check if user has exceeded the failing pin code inputs
+     */
+    pinAttemptsExceeded: boolean;
     /**
     * Client custom styling via url
     */
@@ -56,6 +64,7 @@ export declare class TwofaInput {
     errorMessage: string;
     code: string[];
     resendIntervalSecondsLeft: number;
+    revealedIndexes: number[];
     registrationWidgetLoaded: EventEmitter;
     host: HTMLElement;
     private stylingSubscription;
@@ -63,10 +72,10 @@ export declare class TwofaInput {
     private stylingContainer;
     private tooltipReference;
     private tooltipIconReference;
+    private revealTimeout;
     inputRefs: HTMLInputElement[];
     containerRef: HTMLDivElement;
     resendInterval: ReturnType<typeof setInterval>;
-    handleStylingChange(newValue: string, oldValue: string): void;
     validityChanged(): void;
     emitValueHandler(newValue: boolean): void;
     handleStylingUrlChange(newValue: string, oldValue: string): void;
@@ -77,6 +86,7 @@ export declare class TwofaInput {
     resendCode: EventEmitter<void>;
     resendCodeHandler: () => void;
     handleClickOutside(event: MouseEvent): void;
+    handleStylingChange(newValue: string, oldValue: string): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     componentDidRender(): void;
@@ -95,5 +105,6 @@ export declare class TwofaInput {
     setClientStyling: () => void;
     setStreamStyling: (domain: any) => void;
     renderTooltip(): any;
+    getInputDisplayValue(idx: number): string;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -117,6 +117,10 @@ export namespace Components {
           * State passed down from the parent element. Will trigger the input to send it's value through an event.
          */
         "emitValue": boolean;
+        /**
+          * Enable South African registration mode
+         */
+        "enableSouthAfricanMode": boolean;
         /**
           * Currently selected language.
          */
@@ -225,6 +229,10 @@ export namespace Components {
           * State passed down from the parent element. Will trigger the child specialised input to send it's value through an event.
          */
         "emitValue": boolean;
+        /**
+          * Enable South African registration mode
+         */
+        "enableSouthAfricanMode": boolean;
         /**
           * Boolean. Enable the addresses dropdown based on postal code
          */
@@ -261,6 +269,10 @@ export namespace Components {
           * For input elements that have multiple options or choises.
          */
         "options": any;
+        /**
+          * If user has exceeded failed pin attempts
+         */
+        "pinAttemptsExceeded": boolean;
         /**
           * Placeholder text to be shown.
          */
@@ -357,6 +369,10 @@ export namespace Components {
           * State passed down from the parent element. Will trigger the input to send it's value through an event.
          */
         "emitValue": boolean;
+        /**
+          * Enable South African registration mode
+         */
+        "enableSouthAfricanMode": boolean;
         /**
           * Flag for duplicate inputs, it sets up the input for certain validation rules.
          */
@@ -603,6 +619,10 @@ export namespace Components {
           * State passed down from the parent element. Will trigger the input to send it's value through an event.
          */
         "emitValue": boolean;
+        /**
+          * Enable South African registration mode
+         */
+        "enableSouthAfricanMode": boolean;
         /**
           * Boolean. Enable the addresses dropdown based on postal code
          */
@@ -695,6 +715,10 @@ export namespace Components {
           * State passed down from the parent element. Will trigger the input to send it's value through an event.
          */
         "emitValue": boolean;
+        /**
+          * Enable South African registration mode
+         */
+        "enableSouthAfricanMode": boolean;
         /**
           * Currently selected language.
          */
@@ -707,6 +731,10 @@ export namespace Components {
           * Name of the input.
          */
         "name": string;
+        /**
+          * Check if user has exceeded the failing pin code inputs
+         */
+        "pinAttemptsExceeded": boolean;
         /**
           * Placeholder text to be shown.
          */
@@ -1168,6 +1196,10 @@ declare namespace LocalJSX {
           * State passed down from the parent element. Will trigger the input to send it's value through an event.
          */
         "emitValue"?: boolean;
+        /**
+          * Enable South African registration mode
+         */
+        "enableSouthAfricanMode"?: boolean;
         /**
           * Currently selected language.
          */
@@ -1280,6 +1312,10 @@ declare namespace LocalJSX {
           * State passed down from the parent element. Will trigger the child specialised input to send it's value through an event.
          */
         "emitValue"?: boolean;
+        /**
+          * Enable South African registration mode
+         */
+        "enableSouthAfricanMode"?: boolean;
         /**
           * Boolean. Enable the addresses dropdown based on postal code
          */
@@ -1317,6 +1353,10 @@ declare namespace LocalJSX {
           * For input elements that have multiple options or choises.
          */
         "options"?: any;
+        /**
+          * If user has exceeded failed pin attempts
+         */
+        "pinAttemptsExceeded"?: boolean;
         /**
           * Placeholder text to be shown.
          */
@@ -1415,6 +1455,10 @@ declare namespace LocalJSX {
           * State passed down from the parent element. Will trigger the input to send it's value through an event.
          */
         "emitValue"?: boolean;
+        /**
+          * Enable South African registration mode
+         */
+        "enableSouthAfricanMode"?: boolean;
         /**
           * Flag for duplicate inputs, it sets up the input for certain validation rules.
          */
@@ -1673,6 +1717,10 @@ declare namespace LocalJSX {
           * State passed down from the parent element. Will trigger the input to send it's value through an event.
          */
         "emitValue"?: boolean;
+        /**
+          * Enable South African registration mode
+         */
+        "enableSouthAfricanMode"?: boolean;
         /**
           * Boolean. Enable the addresses dropdown based on postal code
          */
@@ -1769,6 +1817,10 @@ declare namespace LocalJSX {
           * State passed down from the parent element. Will trigger the input to send it's value through an event.
          */
         "emitValue"?: boolean;
+        /**
+          * Enable South African registration mode
+         */
+        "enableSouthAfricanMode"?: boolean;
         /**
           * Currently selected language.
          */
@@ -1785,6 +1837,10 @@ declare namespace LocalJSX {
         "onResendCode"?: (event: TwofaInputCustomEvent<void>) => void;
         "onSendInputValue"?: (event: TwofaInputCustomEvent<InputValueEvent>) => void;
         "onSendValidityState"?: (event: TwofaInputCustomEvent<InputStateEvent>) => void;
+        /**
+          * Check if user has exceeded the failing pin code inputs
+         */
+        "pinAttemptsExceeded"?: boolean;
         /**
           * Placeholder text to be shown.
          */

package/dist/types/utils/locale.utils.d.ts

@@ -13,6 +13,34 @@ interface Translations {
     'es-mx': Translation;
 }
 export declare const TRANSLATIONS: Translations;
+export declare const CONSTANTS: {
+    readonly DOCUMENT_NUMBER: "DocumentNumber";
+    readonly FIRSTNAME_ON_DOCUMENT: "FirstnameOnDocument";
+    readonly LASTNAME_ON_DOCUMENT: "LastnameOnDocument";
+    readonly PASSPORT: "Passport";
+    readonly SOUTH_AFRICAN_ID: "SouthAfricanID";
+    readonly BIRTHDATE: "BirthDate";
+    readonly PASSPORT_NUMERIC_REGEX: RegExp;
+    readonly SA_ID_BASIC_REGEX: RegExp;
+    readonly SOUTH_AFRICAN_ID_LENGTH: 13;
+    readonly NON_LETTERS_REGEX: RegExp;
+    readonly DATE_FORMAT: "yyyy-MM-dd";
+    readonly PASSWORD_COMPLEXITY_PASSED: "passed";
+    readonly PASSWORD_COMPLEXITY_FAILED: "failed";
+};
+export declare const ERROR_KEYS: {
+    readonly PASSPORT_INVALID: "PassportLengthError";
+    readonly SA_ID_LENGTH: "SAIdLengthError";
+    readonly SA_ID_INVALID: "SAIdInvalidError";
+    readonly REQUIRED: "requiredError";
+    readonly LENGTH: "lengthError";
+    readonly DUPLICATE: "duplicateInputError";
+};
+export declare const STATUS_ICONS: {
+    readonly PASSED: "✓";
+    readonly FAILED: "✕";
+};
 export declare const translate: (key: string, customLang?: any, values?: TranslationValues) => string;
 export declare const getTranslations: (url: string) => Promise<unknown>;
+export declare const validateID: (id: string) => boolean;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/general-input",
-  "version": "1.87.0",
+  "version": "1.87.2",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",