From 9019320a12f140f66fb0b02cae3bb79d3408ace9 Mon Sep 17 00:00:00 2001
From: Stephen Hand <steveh@techmatters.org>
Date: Mon, 10 Aug 2026 14:56:28 +0100
Subject: [PATCH 1/2] WIP quick dial

---
 .../ConferenceActions/ConferencePanel.tsx     |  7 +-
 .../ConferenceActions/PhoneInputDialog.tsx    | 87 +++++++++++++------
 .../states/contacts/selectContactByTaskSid.ts |  6 +-
 3 files changed, 70 insertions(+), 30 deletions(-)

diff --git a/plugin-hrm-form/src/components/Conference/ConferenceActions/ConferencePanel.tsx b/plugin-hrm-form/src/components/Conference/ConferenceActions/ConferencePanel.tsx
index 9cf9abacd5..0bd969ebe6 100644
--- a/plugin-hrm-form/src/components/Conference/ConferenceActions/ConferencePanel.tsx
+++ b/plugin-hrm-form/src/components/Conference/ConferenceActions/ConferencePanel.tsx
@@ -59,7 +59,7 @@ const ConferencePanel: React.FC<Props> = ({ task, conference }) => {
     return null;
   }
 
-  const handleClick = async () => {
+  const handleClick = (phoneNumberGetter: () => string) => async () => {
     try {
       const { status, callStatusSyncDocument } = await createCallStatusSyncDocument(({ data }) => {
         setCallStatus(data.CallStatus);
@@ -70,7 +70,7 @@ const ConferencePanel: React.FC<Props> = ({ task, conference }) => {
       }
 
       const from = Manager.getInstance().serviceConfiguration.outbound_call_flows.default.caller_id;
-      const to = phoneNumber;
+      const to = phoneNumberGetter();
       const label = `External party ${to}`;
 
       await Promise.all(
@@ -117,7 +117,8 @@ const ConferencePanel: React.FC<Props> = ({ task, conference }) => {
         <PhoneInputDialog
           targetNumber={phoneNumber}
           setTargetNumber={setPhoneNumber}
-          handleClick={handleClick}
+          handleManualDialClick={handleClick(() => phoneNumber)}
+          handleQuickDialClick={(numberToDial: string) => handleClick(() => numberToDial)}
           setIsDialogOpen={setIsDialogOpen}
           isLoading={isCallStatusLoading(callStatus)}
         />
diff --git a/plugin-hrm-form/src/components/Conference/ConferenceActions/PhoneInputDialog.tsx b/plugin-hrm-form/src/components/Conference/ConferenceActions/PhoneInputDialog.tsx
index 13538696e6..81227075a8 100644
--- a/plugin-hrm-form/src/components/Conference/ConferenceActions/PhoneInputDialog.tsx
+++ b/plugin-hrm-form/src/components/Conference/ConferenceActions/PhoneInputDialog.tsx
@@ -24,20 +24,49 @@ import { PhoneDialogWrapper, DialogArrow } from './styles';
 type PhoneDialogProps = {
   targetNumber: string;
   setTargetNumber: (targetNumber: string) => void;
-  handleClick: () => void;
+  handleManualDialClick: () => void;
+  handleQuickDialClick: (phoneNumber: string) => void;
   setIsDialogOpen: (isDialogOpen: boolean) => void;
   isLoading: boolean;
 };
 
 const ENTER_NUMBER_KEY = 'Conference-EnterPhoneNumber';
 
+type QuickDialItem = {
+  labelKey: string;
+  phoneNumber: string;
+};
+
+const TEMPORARY_HARDCODED_QUICKDIAL: QuickDialItem[] = [
+  { labelKey: 'ConferencingPanel-PhoneInputDialog-QuickDialItem/988-English', phoneNumber: '+353873447272' },
+  { labelKey: 'ConferencingPanel-PhoneInputDialog-QuickDialItem/988-Spanish', phoneNumber: '+353873447272' },
+];
+
+const ALLOW_MANUAL_DIAL: boolean = true;
+
 const PhoneInputDialog: React.FC<PhoneDialogProps> = ({
   targetNumber,
   setTargetNumber,
-  handleClick,
+  handleQuickDialClick,
+  handleManualDialClick,
   setIsDialogOpen,
   isLoading,
 }) => {
+  const dialButton = (handleClick: () => void) => {
+    return (
+      <SecondaryButton autoFocus onClick={handleClick} disabled={isLoading}>
+        {isLoading ? (
+          <CircularProgress size={30} style={{ color: '#fff' }} />
+        ) : (
+          <>
+            <CallEndIcon fontSize="medium" /> &nbsp; &nbsp;
+            <Template code="Conference-DialButton" />
+          </>
+        )}
+      </SecondaryButton>
+    );
+  };
+
   const handleNumberChange: React.ChangeEventHandler<HTMLInputElement> = e => {
     setTargetNumber(e.target.value);
   };
@@ -50,29 +79,37 @@ const PhoneInputDialog: React.FC<PhoneDialogProps> = ({
         </Bold>
         <CloseButton onClick={() => setIsDialogOpen(false)} aria-label="CloseButton" style={{ marginLeft: 'auto' }} />
       </Row>
-      <Template code={ENTER_NUMBER_KEY} />
-      <Row>
-        <input
-          type="text"
-          id="number-input"
-          placeholder="+1 234-567-8910"
-          value={targetNumber}
-          onChange={handleNumberChange}
-          style={{ width: '60%', padding: '5px' }}
-          disabled={isLoading}
-          aria-label={Manager.getInstance().strings[ENTER_NUMBER_KEY]}
-        />
-        <SecondaryButton autoFocus onClick={handleClick} disabled={isLoading}>
-          {isLoading ? (
-            <CircularProgress size={30} style={{ color: '#fff' }} />
-          ) : (
-            <>
-              <CallEndIcon fontSize="medium" /> &nbsp; &nbsp;
-              <Template code="Conference-DialButton" />
-            </>
-          )}
-        </SecondaryButton>
-      </Row>
+      {TEMPORARY_HARDCODED_QUICKDIAL.length && (
+        <Row>
+          <Template code="ConferencePanel-PhoneInputDialog-QuickDialTitle" />
+        </Row>
+      )}
+      {TEMPORARY_HARDCODED_QUICKDIAL.map(({ phoneNumber, labelKey }) => (
+        <Row key={labelKey}>
+          <Template code={labelKey} /> {dialButton(() => handleQuickDialClick(phoneNumber))}
+        </Row>
+      ))}
+      {TEMPORARY_HARDCODED_QUICKDIAL.length && ALLOW_MANUAL_DIAL && (
+        <Template code="ConferencePanel-PhoneInputDialog-Or" />
+      )}
+      {ALLOW_MANUAL_DIAL && (
+        <>
+          <Template code={ENTER_NUMBER_KEY} />
+          <Row>
+            <input
+              type="text"
+              id="number-input"
+              placeholder="+1 234-567-8910"
+              value={targetNumber}
+              onChange={handleNumberChange}
+              style={{ width: '60%', padding: '5px' }}
+              disabled={isLoading}
+              aria-label={Manager.getInstance().strings[ENTER_NUMBER_KEY]}
+            />
+            {dialButton(handleManualDialClick)}
+          </Row>
+        </>
+      )}
     </PhoneDialogWrapper>
   );
 };
diff --git a/plugin-hrm-form/src/states/contacts/selectContactByTaskSid.ts b/plugin-hrm-form/src/states/contacts/selectContactByTaskSid.ts
index 5b03212a77..ef465ccede 100644
--- a/plugin-hrm-form/src/states/contacts/selectContactByTaskSid.ts
+++ b/plugin-hrm-form/src/states/contacts/selectContactByTaskSid.ts
@@ -18,7 +18,9 @@ import { RootState } from '..';
 import { ContactState } from './existingContacts';
 import { namespace } from '../storeNamespaces';
 
-const selectContactByTaskSid = (state: RootState, taskSid: string): ContactState =>
-  Object.values(state[namespace].activeContacts.existingContacts).find(cs => cs.savedContact?.taskId === taskSid);
+const selectContactByTaskSid = (state: RootState, taskSid: string | undefined): ContactState =>
+  Object.values(state[namespace].activeContacts.existingContacts).find(
+    cs => taskSid && cs.savedContact?.taskId === taskSid,
+  );
 
 export default selectContactByTaskSid;

From e27f7d2e44c46a5840ece8308ef4519fa29c2b7b Mon Sep 17 00:00:00 2001
From: Stephen Hand <steveh@techmatters.org>
Date: Mon, 17 Aug 2026 10:39:00 +0100
Subject: [PATCH 2/2] Fixes, translations, better test phone numbers

---
 aselo-webchat-react-app/package.json          |  1 +
 .../ConferenceActions/ConferencePanel.tsx     |  2 +-
 .../ConferenceActions/PhoneInputDialog.tsx    | 14 ++++++-----
 plugin-hrm-form/src/translations/en.json      | 23 +++++++++++--------
 4 files changed, 23 insertions(+), 17 deletions(-)

diff --git a/aselo-webchat-react-app/package.json b/aselo-webchat-react-app/package.json
index 79e372b1b0..fbc525e497 100644
--- a/aselo-webchat-react-app/package.json
+++ b/aselo-webchat-react-app/package.json
@@ -109,6 +109,7 @@
     "start:uscr_stg": "cross-env REACT_APP_CONFIG_URL='http://localhost:9090/uscr/staging.json' REACT_APP_FORM_DEFINITIONS_BASE_URL='http://localhost:8091' run-p staging:merge-configs dev:local-config-server dev:local-form-definition-server start",
     "start:ca_stg": "cross-env REACT_APP_CONFIG_URL='http://localhost:9090/ca/staging.json' REACT_APP_FORM_DEFINITIONS_BASE_URL='http://localhost:8091' run-p staging:merge-configs dev:local-config-server dev:local-form-definition-server start",
     "start:ca_prod": "cross-env REACT_APP_CONFIG_URL='http://localhost:9090/ca/production.json' REACT_APP_FORM_DEFINITIONS_BASE_URL='http://localhost:8091' run-p production:merge-configs dev:local-config-server dev:local-form-definition-server start",
+    "start:nzba_prod": "cross-env REACT_APP_CONFIG_URL='http://localhost:9090/nzba/production.json' REACT_APP_FORM_DEFINITIONS_BASE_URL='http://localhost:8091' run-p production:merge-configs dev:local-config-server dev:local-form-definition-server start",
     "build": "react-app-rewired build",
     "lint": "eslint --ext js --ext jsx --ext ts --ext tsx src/",
     "lint:fix": "npm run lint -- --fix",
diff --git a/plugin-hrm-form/src/components/Conference/ConferenceActions/ConferencePanel.tsx b/plugin-hrm-form/src/components/Conference/ConferenceActions/ConferencePanel.tsx
index 0bd969ebe6..783e423ad3 100644
--- a/plugin-hrm-form/src/components/Conference/ConferenceActions/ConferencePanel.tsx
+++ b/plugin-hrm-form/src/components/Conference/ConferenceActions/ConferencePanel.tsx
@@ -118,7 +118,7 @@ const ConferencePanel: React.FC<Props> = ({ task, conference }) => {
           targetNumber={phoneNumber}
           setTargetNumber={setPhoneNumber}
           handleManualDialClick={handleClick(() => phoneNumber)}
-          handleQuickDialClick={(numberToDial: string) => handleClick(() => numberToDial)}
+          handleQuickDialClick={(numberToDial: string) => handleClick(() => numberToDial)()}
           setIsDialogOpen={setIsDialogOpen}
           isLoading={isCallStatusLoading(callStatus)}
         />
diff --git a/plugin-hrm-form/src/components/Conference/ConferenceActions/PhoneInputDialog.tsx b/plugin-hrm-form/src/components/Conference/ConferenceActions/PhoneInputDialog.tsx
index 81227075a8..841da969bc 100644
--- a/plugin-hrm-form/src/components/Conference/ConferenceActions/PhoneInputDialog.tsx
+++ b/plugin-hrm-form/src/components/Conference/ConferenceActions/PhoneInputDialog.tsx
@@ -38,8 +38,8 @@ type QuickDialItem = {
 };
 
 const TEMPORARY_HARDCODED_QUICKDIAL: QuickDialItem[] = [
-  { labelKey: 'ConferencingPanel-PhoneInputDialog-QuickDialItem/988-English', phoneNumber: '+353873447272' },
-  { labelKey: 'ConferencingPanel-PhoneInputDialog-QuickDialItem/988-Spanish', phoneNumber: '+353873447272' },
+  { labelKey: 'Conference-PhoneInputDialog-QuickDialItem/988-English', phoneNumber: '+35314482861' },
+  { labelKey: 'Conference-PhoneInputDialog-QuickDialItem/988-Spanish', phoneNumber: '+35317712424 ' },
 ];
 
 const ALLOW_MANUAL_DIAL: boolean = true;
@@ -81,7 +81,7 @@ const PhoneInputDialog: React.FC<PhoneDialogProps> = ({
       </Row>
       {TEMPORARY_HARDCODED_QUICKDIAL.length && (
         <Row>
-          <Template code="ConferencePanel-PhoneInputDialog-QuickDialTitle" />
+          <Template code="Conference-PhoneInputDialog-QuickDialTitle" />
         </Row>
       )}
       {TEMPORARY_HARDCODED_QUICKDIAL.map(({ phoneNumber, labelKey }) => (
@@ -89,9 +89,11 @@ const PhoneInputDialog: React.FC<PhoneDialogProps> = ({
           <Template code={labelKey} /> {dialButton(() => handleQuickDialClick(phoneNumber))}
         </Row>
       ))}
-      {TEMPORARY_HARDCODED_QUICKDIAL.length && ALLOW_MANUAL_DIAL && (
-        <Template code="ConferencePanel-PhoneInputDialog-Or" />
-      )}
+      <Row key="or">
+        {TEMPORARY_HARDCODED_QUICKDIAL.length && ALLOW_MANUAL_DIAL && (
+          <Template code="Conference-PhoneInputDialog-Or" />
+        )}
+      </Row>
       {ALLOW_MANUAL_DIAL && (
         <>
           <Template code={ENTER_NUMBER_KEY} />
diff --git a/plugin-hrm-form/src/translations/en.json b/plugin-hrm-form/src/translations/en.json
index 2a65a41e22..d1bac54939 100644
--- a/plugin-hrm-form/src/translations/en.json
+++ b/plugin-hrm-form/src/translations/en.json
@@ -71,19 +71,18 @@
   "SearchResultsIndex-SearchAgainForContact": "Search again for a contact",
   "SearchResultsIndex-SaveToNewCase": "save this contact to a new case",
   "SearchResultsIndex-Or": "or",
-  "SearchResults-CounselorName":"Counselor Name:",
-  "SearchResults-FirstName":"First Name:",
-  "SearchResults-LastName":"Last Name:",
-  "SearchResults-PhoneNumber":"Phone Number:",
-  "SearchResults-DateFrom":"Date From:",
-  "SearchResults-DateTo":"Date To:",
+  "SearchResults-CounselorName": "Counselor Name:",
+  "SearchResults-FirstName": "First Name:",
+  "SearchResults-LastName": "Last Name:",
+  "SearchResults-PhoneNumber": "Phone Number:",
+  "SearchResults-DateFrom": "Date From:",
+  "SearchResults-DateTo": "Date To:",
   "SearchResults-Contact": "1 Contact",
   "SearchResults-Contacts": " Contacts",
   "SearchResults-Case": "1 Case",
   "SearchResults-Cases": " Cases",
   "SearchResults-For": " for",
 
-  
   "StandaloneSearch-SideNav": "Search",
   "CaseHeader-Opened": "Opened",
   "CaseHeader-Updated": "Updated",
@@ -512,12 +511,12 @@
   "BottomBar-Save": "Yes, Save",
   "Toolkit-ConfirmTextOne": "You will be redirected to an external knowledge management system.",
   "Toolkit-ConfirmTextTwo": "Are you sure you want to continue?",
-  
+
   "MaskIdentifiers": "XXXXXX",
   "UnmaskPhoneNumber": "Phone Number Revealed",
 
   "RecordingSection-Error": "Something went wrong on our end. Please contact your support team or supervisor.",
-  
+
   "ReferrableResource-SideNav": "Resources",
   "Resources-LoadResourceError": "Something went wrong trying to load this resource.",
   "Resources-Search-FormTitle": "Resources",
@@ -557,7 +556,7 @@
   "Resources-View-Details": "Details",
   "Resources-View-Notes": "Notes",
   "Resources-View-RecordType": "Record Type",
-  "Resources-View-Taxonomies":  "Taxonomy Names",
+  "Resources-View-Taxonomies": "Taxonomy Names",
   "Resources-View-Sites": " ",
   "Resources-View-PrivateInformationWarning": "This information is private. Do not share with child.",
   "Resources-View-PrimaryAddress": "Primary Address",
@@ -591,6 +590,10 @@
   "Conference-Actions-Dial": "Dial",
   "Conference-Participant-Remove": "Remove Participant",
   "Conference-Participant-Hold": "Hold Participant",
+  "Conference-PhoneInputDialog-QuickDialItem/988-English": "988 (English)",
+  "Conference-PhoneInputDialog-QuickDialItem/988-Spanish": "988 (Spanish)",
+  "Conference-PhoneInputDialog-QuickDialTitle": "Quick Dial",
+  "Conference-PhoneInputDialog-Or": "Or",
 
   "Conference-Wrapping-HangupBy/Customer": "Call Ended by Service User",
   "Conference-Wrapping-HangupBy/Agent": "Call Ended by Counselor",