@longline/aqua-ui 1.0.338 → 1.0.340

package/formatters/PhoneFormatter/PhoneFormatter.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+interface IPhoneFormatterProps {
+    /**
+     * Phone number in E.164 format, e.g. `"+351910306792"`. `null` renders nothing.
+     */
+    value: string | null;
+}
+/**
+ * Displays a phone number alongside the flag of the country its international
+ * dialing prefix belongs to. The country is derived from the number itself
+ * (the shared `+1` North American range is disambiguated by area code), so
+ * only the number is needed — there is nothing else to store.
+ *
+ * ## Usage
+ *
+ * ```tsx
+ * <PhoneFormatter value="+351910306792"/>
+ * ```
+ */
+declare const PhoneFormatter: {
+    ({ value }: IPhoneFormatterProps): React.JSX.Element | null;
+    displayName: string;
+};
+export { PhoneFormatter };
+export type { IPhoneFormatterProps };

package/formatters/PhoneFormatter/PhoneFormatter.js

@@ -0,0 +1,34 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import * as React from 'react';
+import styled from 'styled-components';
+import { CountryFormatter } from '../CountryFormatter';
+import { parseE164 } from '../../helper/phoneNumber';
+/**
+ * Displays a phone number alongside the flag of the country its international
+ * dialing prefix belongs to. The country is derived from the number itself
+ * (the shared `+1` North American range is disambiguated by area code), so
+ * only the number is needed — there is nothing else to store.
+ *
+ * ## Usage
+ *
+ * ```tsx
+ * <PhoneFormatter value="+351910306792"/>
+ * ```
+ */
+var PhoneFormatter = function (_a) {
+    var value = _a.value;
+    if (!value)
+        return null;
+    var iso = parseE164(value).iso;
+    return (React.createElement(Wrapper, null,
+        iso && React.createElement(CountryFormatter, { type: "flag", value: iso }),
+        React.createElement(Number, null, value)));
+};
+PhoneFormatter.displayName = 'PhoneFormatter';
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 6px;\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 6px;\n"])));
+var Number = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  text-overflow: ellipsis;\n  overflow: hidden;\n"], ["\n  text-overflow: ellipsis;\n  overflow: hidden;\n"])));
+export { PhoneFormatter };
+var templateObject_1, templateObject_2;

package/formatters/PhoneFormatter/index.d.ts

@@ -0,0 +1 @@
+export * from './PhoneFormatter';

package/formatters/PhoneFormatter/index.js

@@ -0,0 +1 @@
+export * from './PhoneFormatter';

package/formatters/StringFormatter/StringFormatter.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 interface IStringFormatterProps {
-    /** String to format */
-    value: string;
+    /** String to format. `null` renders nothing. */
+    value: string | null;
     /** Type of formatting */
     type: 'capitalize' | 'capitalizeWords' | 'upper' | 'lower' | 'reverse' | 'snake' | 'kebab';
 }
@@ -32,7 +32,7 @@ interface IStringFormatterProps {
  * ```
  */
 declare const StringFormatter: {
-    ({ value, type }: IStringFormatterProps): React.JSX.Element;
+    ({ value, type }: IStringFormatterProps): React.JSX.Element | null;
     displayName: string;
 };
 export { StringFormatter, IStringFormatterProps };

package/formatters/StringFormatter/StringFormatter.js

@@ -10,10 +10,7 @@ var capitalize = function (str) {
 var capitalizeWords = function (str) {
     return str
         .split(/\s+/)
-        .map(function (word) {
-        var _a = Array.from(word), first = _a[0], rest = _a.slice(1);
-        return first.toLocaleUpperCase() + rest.join('');
-    })
+        .map(capitalize)
         .join(' ');
 };
 /** Formatters map */

package/helper/DMS.d.ts

@@ -27,7 +27,7 @@ declare class DMS {
      * // Returns: "(no coordinates)" (out of range)
      * ```
      */
-    static toDMSString(value: number | string, defaultStr: string, max: number, positive: string, negative: string): string;
+    static toDMSString(value: number | string | null, defaultStr: string, max: number, positive: string, negative: string): string;
     /**
      * Convert a decimal latitude or longitude value to degrees,
      * minutes, and seconds.

package/helper/DMS.js

@@ -30,8 +30,8 @@ var DMS = /** @class */ (function () {
      * ```
      */
     DMS.toDMSString = function (value, defaultStr, max, positive, negative) {
-        // Convert value to number if it is a string:
-        var num = typeof value === 'number' ? value : parseFloat(value);
+        // Convert value to number if it is a string; null falls through to NaN.
+        var num = typeof value === 'number' ? value : (value == null ? NaN : parseFloat(value));
         // Return default string if value is not a number or out of range:
         if (isNaN(num) || num < -max || num > max)
             return defaultStr;

package/helper/phoneNumber.d.ts

@@ -0,0 +1,31 @@
+/**
+ * ISO 3166-1 alpha-2 country code → ITU country calling code (digits, no '+').
+ *
+ * Country calling codes are a prefix-free set by ITU design (no code is a
+ * prefix of another), so an E.164 number can be split into (code, national)
+ * deterministically by longest-prefix match — see parseE164().
+ */
+export declare const DIAL_BY_ISO: Record<string, string>;
+/** Calling code (digits) → representative ISO country code. */
+export declare const ISO_BY_DIAL: Record<string, string>;
+export declare const digitsOnly: (s: string | null | undefined) => string;
+export interface IParsedPhone {
+    /** Representative ISO country for the matched calling code, or null. */
+    iso: string | null;
+    /** Calling code digits (e.g. "351"), or null if none matched. */
+    code: string | null;
+    /** The national part (digits after the calling code). */
+    national: string;
+}
+/**
+ * Split an E.164 string ("+351123456789") into its calling code and national
+ * part. Relies on calling codes being prefix-free, so the first prefix (of
+ * length 1–3) that is a known code is the unique correct one.
+ */
+export declare const parseE164: (value: string | null | undefined) => IParsedPhone;
+/**
+ * Build an E.164 string from a selected country and a national part. Returns
+ * '' when there is no national number, so the field stays empty/optional
+ * rather than persisting a bare "+44".
+ */
+export declare const assembleE164: (iso: string, national: string) => string;

package/helper/phoneNumber.js

@@ -0,0 +1,142 @@
+/**
+ * ISO 3166-1 alpha-2 country code → ITU country calling code (digits, no '+').
+ *
+ * Country calling codes are a prefix-free set by ITU design (no code is a
+ * prefix of another), so an E.164 number can be split into (code, national)
+ * deterministically by longest-prefix match — see parseE164().
+ */
+export var DIAL_BY_ISO = {
+    AC: '247', AD: '376', AE: '971', AF: '93', AG: '1', AI: '1', AL: '355',
+    AM: '374', AO: '244', AR: '54', AS: '1', AT: '43', AU: '61', AW: '297',
+    AX: '358', AZ: '994',
+    BA: '387', BB: '1', BD: '880', BE: '32', BF: '226', BG: '359', BH: '973',
+    BI: '257', BJ: '229', BL: '590', BM: '1', BN: '673', BO: '591', BQ: '599',
+    BR: '55', BS: '1', BT: '975', BW: '267', BY: '375', BZ: '501',
+    CA: '1', CC: '61', CD: '243', CF: '236', CG: '242', CH: '41', CI: '225',
+    CK: '682', CL: '56', CM: '237', CN: '86', CO: '57', CR: '506', CU: '53',
+    CV: '238', CW: '599', CX: '61', CY: '357', CZ: '420',
+    DE: '49', DJ: '253', DK: '45', DM: '1', DO: '1', DZ: '213',
+    EC: '593', EE: '372', EG: '20', EH: '212', ER: '291', ES: '34', ET: '251',
+    FI: '358', FJ: '679', FK: '500', FM: '691', FO: '298', FR: '33',
+    GA: '241', GB: '44', GD: '1', GE: '995', GF: '594', GG: '44', GH: '233',
+    GI: '350', GL: '299', GM: '220', GN: '224', GP: '590', GQ: '240', GR: '30',
+    GT: '502', GU: '1', GW: '245', GY: '592',
+    HK: '852', HN: '504', HR: '385', HT: '509', HU: '36',
+    ID: '62', IE: '353', IL: '972', IM: '44', IN: '91', IO: '246', IQ: '964',
+    IR: '98', IS: '354', IT: '39',
+    JE: '44', JM: '1', JO: '962', JP: '81',
+    KE: '254', KG: '996', KH: '855', KI: '686', KM: '269', KN: '1', KP: '850',
+    KR: '82', KW: '965', KY: '1', KZ: '7',
+    LA: '856', LB: '961', LC: '1', LI: '423', LK: '94', LR: '231', LS: '266',
+    LT: '370', LU: '352', LV: '371', LY: '218',
+    MA: '212', MC: '377', MD: '373', ME: '382', MF: '590', MG: '261', MH: '692',
+    MK: '389', ML: '223', MM: '95', MN: '976', MO: '853', MP: '1', MQ: '596',
+    MR: '222', MS: '1', MT: '356', MU: '230', MV: '960', MW: '265', MX: '52',
+    MY: '60', MZ: '258',
+    NA: '264', NC: '687', NE: '227', NF: '672', NG: '234', NI: '505', NL: '31',
+    NO: '47', NP: '977', NR: '674', NU: '683', NZ: '64',
+    OM: '968',
+    PA: '507', PE: '51', PF: '689', PG: '675', PH: '63', PK: '92', PL: '48',
+    PM: '508', PN: '64', PR: '1', PS: '970', PT: '351', PW: '680', PY: '595',
+    QA: '974',
+    RE: '262', RO: '40', RS: '381', RU: '7', RW: '250',
+    SA: '966', SB: '677', SC: '248', SD: '249', SE: '46', SG: '65', SH: '290',
+    SI: '386', SJ: '47', SK: '421', SL: '232', SM: '378', SN: '221', SO: '252',
+    SR: '597', SS: '211', ST: '239', SV: '503', SX: '1', SY: '963', SZ: '268',
+    TC: '1', TD: '235', TG: '228', TH: '66', TJ: '992', TK: '690', TL: '670',
+    TM: '993', TN: '216', TO: '676', TR: '90', TT: '1', TV: '688', TW: '886',
+    TZ: '255',
+    UA: '380', UG: '256', US: '1', UY: '598', UZ: '998',
+    VA: '379', VC: '1', VE: '58', VG: '1', VI: '1', VN: '84', VU: '678',
+    WF: '681', WS: '685',
+    XK: '383',
+    YE: '967', YT: '262',
+    ZA: '27', ZM: '260', ZW: '263',
+};
+/**
+ * Canonical country shown for a calling code when several countries share it
+ * (e.g. +1 → US, +44 → GB). We only store the full number, so this affects
+ * the displayed flag/name on parse, not what is persisted.
+ */
+var PRIMARY_BY_DIAL = {
+    '1': 'US', '7': 'RU', '39': 'IT', '44': 'GB', '47': 'NO', '61': 'AU',
+    '64': 'NZ', '212': 'MA', '262': 'RE', '290': 'SH', '358': 'FI',
+    '500': 'FK', '590': 'GP', '599': 'CW',
+};
+/** Calling code (digits) → representative ISO country code. */
+export var ISO_BY_DIAL = (function () {
+    var map = {};
+    for (var _i = 0, _a = Object.entries(DIAL_BY_ISO); _i < _a.length; _i++) {
+        var _b = _a[_i], iso = _b[0], code = _b[1];
+        if (!(code in map))
+            map[code] = iso; // first-wins for unique codes
+    }
+    Object.assign(map, PRIMARY_BY_DIAL); // explicit winners for shared codes
+    return map;
+})();
+/**
+ * North American Numbering Plan: +1 is shared by ~25 countries, but each
+ * 3-digit area code (NPA) belongs to exactly one. Maps the non-US NPAs to their
+ * country; any NPA not listed (and short/partial numbers) falls back to the +1
+ * representative (US). This lets a stored +1 number resolve back to, e.g.,
+ * Canada rather than always showing the US.
+ */
+var NANP_BY_NPA = (function () {
+    var map = {
+        '242': 'BS', '246': 'BB', '264': 'AI', '268': 'AG', '284': 'VG',
+        '340': 'VI', '345': 'KY', '441': 'BM', '473': 'GD', '649': 'TC',
+        '658': 'JM', '664': 'MS', '670': 'MP', '671': 'GU', '684': 'AS',
+        '721': 'SX', '758': 'LC', '767': 'DM', '784': 'VC', '787': 'PR',
+        '809': 'DO', '829': 'DO', '849': 'DO', '868': 'TT', '869': 'KN',
+        '876': 'JM', '939': 'PR',
+    };
+    var caNpas = [
+        '204', '226', '236', '249', '250', '263', '289', '306', '343', '354',
+        '365', '367', '368', '382', '403', '416', '418', '428', '431', '437',
+        '438', '450', '468', '474', '506', '514', '519', '548', '579', '581',
+        '584', '587', '604', '613', '639', '647', '672', '683', '705', '709',
+        '742', '753', '778', '780', '782', '807', '819', '825', '867', '873',
+        '879', '902', '905',
+    ];
+    for (var _i = 0, caNpas_1 = caNpas; _i < caNpas_1.length; _i++) {
+        var npa = caNpas_1[_i];
+        map[npa] = 'CA';
+    }
+    return map;
+})();
+export var digitsOnly = function (s) { return (s || '').replace(/\D/g, ''); };
+/**
+ * Split an E.164 string ("+351123456789") into its calling code and national
+ * part. Relies on calling codes being prefix-free, so the first prefix (of
+ * length 1–3) that is a known code is the unique correct one.
+ */
+export var parseE164 = function (value) {
+    var _a;
+    var cleaned = (value || '').replace(/[^\d+]/g, '');
+    if (!cleaned.startsWith('+'))
+        return { iso: null, code: null, national: '' };
+    var rest = cleaned.slice(1);
+    for (var len = 1; len <= 3; len++) {
+        var code = rest.slice(0, len);
+        if (ISO_BY_DIAL[code]) {
+            var iso = ISO_BY_DIAL[code];
+            // +1 is shared across the NANP; resolve the specific country from the
+            // area code (the 3 digits after the country code).
+            if (code === '1') {
+                iso = (_a = NANP_BY_NPA[rest.slice(len, len + 3)]) !== null && _a !== void 0 ? _a : iso;
+            }
+            return { iso: iso, code: code, national: rest.slice(len) };
+        }
+    }
+    return { iso: null, code: null, national: rest };
+};
+/**
+ * Build an E.164 string from a selected country and a national part. Returns
+ * '' when there is no national number, so the field stays empty/optional
+ * rather than persisting a bare "+44".
+ */
+export var assembleE164 = function (iso, national) {
+    var code = DIAL_BY_ISO[iso];
+    var digits = digitsOnly(national);
+    return code && digits ? "+".concat(code).concat(digits) : '';
+};

package/hooks/useOutsideClose/useOutsideClose.js

@@ -48,6 +48,13 @@ import * as React from "react";
  */
 function useOutsideClose(_a) {
     var open = _a.open, refs = _a.refs, onClose = _a.onClose, _b = _a.escapeToClose, escapeToClose = _b === void 0 ? false : _b, _c = _a.blurToClose, blurToClose = _c === void 0 ? false : _c;
+    // Keep the latest refs/onClose in refs so the listener effect doesn't depend
+    // on them. Consumers typically pass an inline refs array and inline onClose,
+    // which would otherwise re-attach the document listeners on every render.
+    var refsRef = React.useRef(refs);
+    refsRef.current = refs;
+    var onCloseRef = React.useRef(onClose);
+    onCloseRef.current = onClose;
     // Events get added to the component only when it opens, and removed
     // when it closes. This way, components aren't listening for document-wide
     // events when they're closed.
@@ -55,30 +62,32 @@ function useOutsideClose(_a) {
         // If component isn't open, then do nothing:
         if (!open)
             return undefined;
-        // When the HTML document gets clicked, see if the click is inside one of 
-        // the HTML elements that were passed in. If so, do nothing. It outside 
-        // these elements, close the component. 
+        // When the HTML document gets clicked, see if the click is inside one of
+        // the HTML elements that were passed in. If so, do nothing. If outside
+        // these elements, close the component.
         var handleClick = function (e) {
             var target = e.target;
-            var clickedInside = refs.some(function (ref) { return ref.current && ref.current.contains(target); });
+            var clickedInside = refsRef.current.some(function (ref) { return ref.current && ref.current.contains(target); });
             if (!clickedInside) {
-                onClose();
+                onCloseRef.current();
             }
         };
         // When the ESC key is pressed (and this feature has been enabled),
         // close the component.
         var handleKeyDown = function (e) {
             if (escapeToClose && e.key === "Escape") {
-                onClose();
+                onCloseRef.current();
             }
         };
+        // On focusout, relatedTarget is the element receiving focus. Close if focus
+        // is moving outside all refs (or is being lost entirely).
         var handleBlur = function (e) {
             if (!blurToClose)
                 return;
             var target = e.relatedTarget; // where focus is going
-            var focusedInside = refs.some(function (ref) { return ref.current && target && ref.current.contains(target); });
+            var focusedInside = refsRef.current.some(function (ref) { return ref.current && target && ref.current.contains(target); });
             if (!focusedInside) {
-                onClose();
+                onCloseRef.current();
             }
         };
         // Add event listeners:
@@ -87,7 +96,7 @@ function useOutsideClose(_a) {
             document.addEventListener("keydown", handleKeyDown);
         }
         if (blurToClose) {
-            document.addEventListener("focusin", handleBlur); // focusin bubbles
+            document.addEventListener("focusout", handleBlur); // focusout bubbles
         }
         // Remove event listeners:
         return function () {
@@ -96,9 +105,9 @@ function useOutsideClose(_a) {
                 document.removeEventListener("keydown", handleKeyDown);
             }
             if (blurToClose) {
-                document.removeEventListener("focusin", handleBlur);
+                document.removeEventListener("focusout", handleBlur);
             }
         };
-    }, [open, refs, onClose, escapeToClose, blurToClose]);
+    }, [open, escapeToClose, blurToClose]);
 }
 export { useOutsideClose };

package/hooks/useSpeechAIRecorder/useSpeechAIRecorder.js

@@ -44,7 +44,7 @@ import { SpeechManager } from './SpeechManager';
 // code in a template string, compile that into a blob, and then use that
 // instead. This way, no separate JS file needs to be deployed with AquaUI.
 // 
-var moduleScript = /* js */ "\nconst MAX_16BIT_INT = 32767\nclass AudioProcessor extends AudioWorkletProcessor {\n  constructor() {\n    super();\n\n    // Input is browser sample rate (typically 48000 Hz in Firefox)\n    // This variable is globally available inside the AudioWorkletProcessor\n    // scope.\n    this.inputSampleRate = sampleRate;\n    console.log('Detected input sample rate:', sampleRate);\n    this.targetSampleRate = 16000;\n    this.ratio = this.inputSampleRate / this.targetSampleRate;\n\n    // Buffer of input samples for resampling\n    this.buffer = [];\n\n    // Number of samples per output chunk\n    this.chunkSize = 1600; // ~100ms at 16kHz\n  }\n\n  /**\n   * Resample the input buffer to the target sample rate using linear interpolation.\n   */\n  resample(inputBuffer) {\n    const outputLength = Math.floor(inputBuffer.length / this.ratio);\n    const output = new Float32Array(outputLength);\n\n    for (let i = 0; i < outputLength; i++) {\n      const idx = i * this.ratio;\n      const idxInt = Math.floor(idx);\n      const idxFrac = idx - idxInt;\n\n      const sample1 = inputBuffer[idxInt] || 0;\n      const sample2 = inputBuffer[idxInt + 1] || 0;\n      output[i] = sample1 + (sample2 - sample1) * idxFrac;\n    }\n\n    return output;\n  }\n\n  /**\n   * Converts Float32 PCM [-1, 1] to 16-bit signed PCM\n   */\n  floatTo16BitPCM(float32Array) {\n    const int16Array = new Int16Array(float32Array.length);\n    for (let i = 0; i < float32Array.length; i++) {\n      let s = Math.max(-1, Math.min(1, float32Array[i]));\n      int16Array[i] = s < 0 ? s * 0x8000 : s * 0x7FFF;\n    }\n    return int16Array;\n  }\n\n  /**\n   * Called automatically by browser on each audio frame (128 samples per channel).\n   */\n  process(inputs, outputs, parameters) {\n    try {\n      const input = inputs[0];\n      if (!input || input.length === 0) return true;\n\n      // Read from mono channel\n      const channelData = input[0];\n      this.buffer.push(...channelData);\n\n      // Only process if we have enough input to produce a full output chunk\n      const neededInputSamples = this.chunkSize * this.ratio;\n      if (this.buffer.length >= neededInputSamples) {\n        const inputForChunk = this.buffer.slice(0, neededInputSamples);\n        const resampled = this.resample(inputForChunk);\n        const pcm = this.floatTo16BitPCM(resampled);\n\n        this.port.postMessage({ audio_data: pcm }); // Send Int16Array to main thread\n\n        // Remove consumed input samples\n        this.buffer = this.buffer.slice(neededInputSamples);\n      }\n\n      return true; // Keep processor alive\n    } catch (error) {\n      console.error(error)\n      return false\n    }\n  }\n}\n\nregisterProcessor('audio-processor', AudioProcessor);\n";
+var moduleScript = /* js */ "\nconst MAX_16BIT_INT = 32767\nclass AudioProcessor extends AudioWorkletProcessor {\n  constructor() {\n    super();\n\n    // Input is browser sample rate (typically 48000 Hz in Firefox)\n    // This variable is globally available inside the AudioWorkletProcessor\n    // scope.\n    this.inputSampleRate = sampleRate;\n    this.targetSampleRate = 16000;\n    this.ratio = this.inputSampleRate / this.targetSampleRate;\n\n    // Buffer of input samples for resampling\n    this.buffer = [];\n\n    // Number of samples per output chunk\n    this.chunkSize = 1600; // ~100ms at 16kHz\n  }\n\n  /**\n   * Resample the input buffer to the target sample rate using linear interpolation.\n   */\n  resample(inputBuffer) {\n    const outputLength = Math.floor(inputBuffer.length / this.ratio);\n    const output = new Float32Array(outputLength);\n\n    for (let i = 0; i < outputLength; i++) {\n      const idx = i * this.ratio;\n      const idxInt = Math.floor(idx);\n      const idxFrac = idx - idxInt;\n\n      const sample1 = inputBuffer[idxInt] || 0;\n      const sample2 = inputBuffer[idxInt + 1] || 0;\n      output[i] = sample1 + (sample2 - sample1) * idxFrac;\n    }\n\n    return output;\n  }\n\n  /**\n   * Converts Float32 PCM [-1, 1] to 16-bit signed PCM\n   */\n  floatTo16BitPCM(float32Array) {\n    const int16Array = new Int16Array(float32Array.length);\n    for (let i = 0; i < float32Array.length; i++) {\n      let s = Math.max(-1, Math.min(1, float32Array[i]));\n      int16Array[i] = s < 0 ? s * 0x8000 : s * 0x7FFF;\n    }\n    return int16Array;\n  }\n\n  /**\n   * Called automatically by browser on each audio frame (128 samples per channel).\n   */\n  process(inputs, outputs, parameters) {\n    try {\n      const input = inputs[0];\n      if (!input || input.length === 0) return true;\n\n      // Read from mono channel\n      const channelData = input[0];\n      this.buffer.push(...channelData);\n\n      // Only process if we have enough input to produce a full output chunk\n      const neededInputSamples = this.chunkSize * this.ratio;\n      if (this.buffer.length >= neededInputSamples) {\n        const inputForChunk = this.buffer.slice(0, neededInputSamples);\n        const resampled = this.resample(inputForChunk);\n        const pcm = this.floatTo16BitPCM(resampled);\n\n        this.port.postMessage({ audio_data: pcm }); // Send Int16Array to main thread\n\n        // Remove consumed input samples\n        this.buffer = this.buffer.slice(neededInputSamples);\n      }\n\n      return true; // Keep processor alive\n    } catch (error) {\n      console.error(error)\n      return false\n    }\n  }\n}\n\nregisterProcessor('audio-processor', AudioProcessor);\n";
 /**
  * useSpeechAIRecorder
  *
@@ -132,6 +132,7 @@ var useSpeechAIRecorder = function (url, onTranscript, authToken) {
                     return [4 /*yield*/, audioContext.audioWorklet.addModule(scriptUrl)];
                 case 2:
                     _a.sent();
+                    URL.revokeObjectURL(scriptUrl);
                     node = new AudioWorkletNode(audioContext, 'audio-processor');
                     source.connect(node);
                     node.connect(audioContext.destination); // Required to keep node alive in some browsers
@@ -225,7 +226,6 @@ var useSpeechAIRecorder = function (url, onTranscript, authToken) {
                     }
                     // Turn off any other speech recording through the SpeechManager singleton.
                     // Register this stream as the current one.
-                    console.log("START SESSION");
                     SpeechManager.startNewSession(function () {
                         cleanup();
                     });
@@ -246,7 +246,6 @@ var useSpeechAIRecorder = function (url, onTranscript, authToken) {
                     turnsRef.current = {};
                     // WebSocket connection established
                     ws.onopen = function () {
-                        console.log('WebSocket connected.');
                         // Start recording and streaming chunks
                         startRecording(function (audioChunk) {
                             if (ws.readyState === WebSocket.OPEN) {
@@ -261,7 +260,13 @@ var useSpeechAIRecorder = function (url, onTranscript, authToken) {
                     };
                     // Handle messages from AssemblyAI
                     ws.onmessage = function (event) {
-                        var msg = JSON.parse(event.data);
+                        var msg;
+                        try {
+                            msg = JSON.parse(event.data);
+                        }
+                        catch (_a) {
+                            return; // Ignore non-JSON / binary frames.
+                        }
                         if (msg.type === 'Turn') {
                             var turn_order = msg.turn_order, transcript = msg.transcript;
                             turnsRef.current[turn_order] = transcript;
@@ -276,9 +281,7 @@ var useSpeechAIRecorder = function (url, onTranscript, authToken) {
                     ws.onerror = function (err) {
                         console.error('WebSocket error:', err);
                     };
-                    ws.onclose = function () {
-                        console.log('WebSocket closed.');
-                    };
+                    ws.onclose = function () { };
                     return [2 /*return*/];
             }
         });

package/index.js

@@ -0,0 +1 @@
+"use strict";

package/inputs/DateInput/Body.d.ts

@@ -5,7 +5,7 @@ interface IProps {
     /**
      * Current value.
      */
-    value: Date;
+    value: Date | null;
     /**
      * Is control currently open?
      */
@@ -27,6 +27,6 @@ interface IProps {
     attributes: any;
 }
 declare const Body: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<IProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: React.Ref<HTMLDivElement>;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
 }, never>> & string & Omit<React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLDivElement>>, keyof React.Component<any, {}, any>>;
 export { Body };

package/inputs/DateInput/Body.js

@@ -34,23 +34,27 @@ var BodyBase = React.forwardRef(function (props, ref) {
     var handleDayClick = function (date) {
         props.onSelect(date);
     };
-    // 
+    //
     // Moves current view by specified number of months.
-    // 
+    //
     var handleMove = function (months) {
-        date.setMonth(date.getMonth() + months);
-        setDate(new Date(date));
+        var d = new Date(date);
+        d.setMonth(d.getMonth() + months);
+        setDate(d);
     };
     var handlePrevYear = function () { return handleMove(-12); };
     var handleNextYear = function () { return handleMove(12); };
     var handlePrevMonth = function () { return handleMove(-1); };
     var handleNextMonth = function () { return handleMove(1); };
     var handleMonth = function (month) {
-        date.setMonth(month);
-        setDate(new Date(date));
+        var d = new Date(date);
+        d.setMonth(month);
+        setDate(d);
     };
     var handleYear = function (year) {
-        date.setFullYear(year);
+        var d = new Date(date);
+        d.setFullYear(year);
+        setDate(d);
     };
     return (React.createElement("div", __assign({ style: props.styles.popper }, props.attributes.popper, { className: props.className, tabIndex: -1, ref: ref, onMouseDown: function (e) { return e.stopPropagation(); } }),
         React.createElement(Navbar, { date: date, onPrevYear: handlePrevYear, onNextYear: handleNextYear, onPrevMonth: handlePrevMonth, onNextMonth: handleNextMonth, onMonth: handleMonth, onYear: handleYear }),

package/inputs/DateInput/Calendar.d.ts

@@ -5,7 +5,7 @@ interface IProps {
     /** Current date. Will be highlighted. */
     date: Date;
     /** Selected date. Will be highlighted. */
-    selectedDate: Date;
+    selectedDate: Date | null;
     /** If set, don't allow picking days beyond today. */
     nofuture?: boolean;
     /** Fired when a date is clicked. */

package/inputs/DateInput/Calendar.js

@@ -7,6 +7,7 @@ import * as React from 'react';
 import styled from 'styled-components';
 import { Day } from './Day';
 var CalendarBase = function (props) {
+    var _a;
     // Returns true if two dates are equal.
     var isDateEqual = function (d1, d2) {
         return (d1.getFullYear() === d2.getFullYear() &&
@@ -26,10 +27,7 @@ var CalendarBase = function (props) {
         start.setDate(start.getDate() - 1);
     }
     // Create a date for the last day of the month.
-    var month = props.date.getMonth() + 1;
-    if (month > 12)
-        month = 1;
-    var end = new Date(props.date.getFullYear(), month, 0);
+    var end = new Date(props.date.getFullYear(), props.date.getMonth() + 1, 0);
     // Move forward until it's a Sunday.
     while (end.getDay() !== 0) {
         end.setDate(end.getDate() + 1);
@@ -45,7 +43,7 @@ var CalendarBase = function (props) {
     // Build array of days.
     var days = [];
     while (start.getTime() < end.getTime()) {
-        days.push(React.createElement(Day, { key: start.getTime(), grey: start.getMonth() != props.date.getMonth() || (props.nofuture && start > today), selected: props.selectedDate && isDateEqual(props.selectedDate, start), today: isDateEqual(today, start), day: start.getDate(), onClick: (!props.nofuture || start <= today) ? handleClick.bind(_this, new Date(start.getTime())) : null }));
+        days.push(React.createElement(Day, { key: start.getTime(), grey: start.getMonth() != props.date.getMonth() || (((_a = props.nofuture) !== null && _a !== void 0 ? _a : false) && start > today), selected: !!props.selectedDate && isDateEqual(props.selectedDate, start), today: isDateEqual(today, start), day: start.getDate(), onClick: (!props.nofuture || start <= today) ? handleClick.bind(_this, new Date(start.getTime())) : undefined }));
         start.setDate(start.getDate() + 1);
     }
     return (React.createElement("div", { "data-testid": "Calendar", className: props.className },

package/inputs/DateInput/DateInput.d.ts

@@ -58,13 +58,21 @@ interface IDateInputProps extends ITestable {
      */
     noTabIndex?: boolean;
     /**
-     * Listeners are notified whenever the user interacts with the Input.
+     * Listeners are notified whenever the user interacts with the Input. The new
+     * value is passed (a `Date`, or `null` when cleared).
      */
-    onChange?: (value: any) => void;
+    onChange?: (value: Date | null) => void;
     /**
-     * Listeners are notified when the Input receives focus.
+     * Listeners are notified when the Input receives focus (from outside the
+     * component; internal focus moves between the day/month/year fields do not
+     * re-fire it).
      */
     onFocus?: () => void;
+    /**
+     * Optional inline styles applied to the outer element, for one-off overrides
+     * of the default styling.
+     */
+    style?: React.CSSProperties;
 }
 declare const DateInput: {
     ({ direction, noTabIndex, disabled, transparent, fluid, error, clearable, nofuture, ...props }: IDateInputProps): React.JSX.Element;

package/inputs/DateInput/DateInput.js

@@ -41,7 +41,7 @@ var DateInputBase = function (props) {
             return def;
         if (str instanceof Date)
             return str;
-        var date = new Date(props.value);
+        var date = new Date(str);
         if (isNaN(date.getDate()))
             return def;
         return date;
@@ -91,6 +91,14 @@ var DateInputBase = function (props) {
         if (e.key == 'Escape' && open)
             setOpen(false);
     };
+    var handleFocus = function (e) {
+        if (!props.onFocus)
+            return;
+        // Only notify when focus enters from outside the component, not when it
+        // moves between the internal day/month/year fields.
+        if (!e.currentTarget.contains(e.relatedTarget))
+            props.onFocus();
+    };
     var _c = usePopper(wrapperRef.current, bodyRef.current, {
         placement: props.direction == 'down' ? 'bottom-start' : 'top-start',
         modifiers: [
@@ -102,8 +110,8 @@ var DateInputBase = function (props) {
             }
         ]
     }), styles = _c.styles, attributes = _c.attributes, update = _c.update;
-    return (React.createElement("div", { "data-testid": props['data-testid'] || "DateInput", tabIndex: -1, className: props.className, onKeyDown: handleKeyDown, ref: wrapperRef },
-        React.createElement(Selector, { value: value, disabled: props.disabled, ghost: props.ghost, transparent: props.transparent, error: props.error, clearable: props.clearable, noTabIndex: props.noTabIndex, onChange: handleChange, onClear: (!props.disabled && props.clearable && value != null) ? function () { return handleChange(null); } : null, onCalendar: handleToggle }),
+    return (React.createElement("div", { "data-testid": props['data-testid'] || "DateInput", tabIndex: -1, className: props.className, style: props.style, onKeyDown: handleKeyDown, onFocus: handleFocus, ref: wrapperRef },
+        React.createElement(Selector, { value: value, disabled: props.disabled, ghost: props.ghost, transparent: props.transparent, error: props.error, clearable: props.clearable, noTabIndex: props.noTabIndex, onChange: handleChange, onClear: (!props.disabled && props.clearable && value != null) ? function () { return handleChange(null); } : undefined, onCalendar: handleToggle }),
         createPortal(React.createElement(Body, { ref: bodyRef, value: value, open: open, transparent: props.transparent, nofuture: props.nofuture, onSelect: handleSelect, styles: styles, attributes: attributes }), document.body)));
 };
 var DateInputStyled = styled(DateInputBase)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  // DateInput has a minimum width.\n  width: 250px;\n  // A fluid DateInput occupies full horizontal width.\n  ", "  \n"], ["\n  position: relative;\n  // DateInput has a minimum width.\n  width: 250px;\n  // A fluid DateInput occupies full horizontal width.\n  ", "  \n"])), function (p) { return p.fluid && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["width: 100%;"], ["width: 100%;"]))); });

package/inputs/DateInput/Day.d.ts

@@ -22,7 +22,7 @@ interface IProps {
      * Triggered when Day is clicked. If this property is not set,
      * then the Day will have no hover circle.
      */
-    onClick?: () => void;
+    onClick?: (e: React.MouseEvent) => void;
 }
 /**
  * A `Day` is a day on the calendar. It is rendered with