-
-
- {productTeamResponse ? (
-
{productTeamResponse.ods_code}
- ) : (
-
) =>
- setTeamFormData({
- ...teamFormData,
- ods_code: e.target.value,
- })
- }
- disabled={loading}
- />
- )}
-
+}) => {
+ const handleAliasChange = (index: number, value: string) => {
+ const newAliases = [...teamFormData.aliases];
+ newAliases[index] = value;
+ setTeamFormData({ ...teamFormData, aliases: newAliases });
+ };
-
-
- {productTeamResponse ? (
-
{productTeamResponse.name}
- ) : (
-
) =>
- setTeamFormData({ ...teamFormData, name: e.target.value })
- }
- disabled={loading}
- />
- )}
-
+ const handleAddAlias = () => {
+ setTeamFormData({
+ ...teamFormData,
+ aliases: [...teamFormData.aliases, ""],
+ });
+ };
- {productTeamResponse && (
-
-
-
Product Team created successfully
+ const handleRemoveAlias = (index: number) => {
+ const newAliases = teamFormData.aliases.filter((_, i) => i !== index);
+ setTeamFormData({ ...teamFormData, aliases: newAliases });
+ };
+
+ return (
+
+
+
+ {productTeamResponse ? (
+
+ {productTeamResponse.ods_code}
+
+ ) : (
+
) =>
+ setTeamFormData({
+ ...teamFormData,
+ ods_code: e.target.value,
+ })
+ }
+ disabled={loading}
+ />
+ )}
- )}
-
-
+
+
+ {productTeamResponse ? (
+
{productTeamResponse.name}
+ ) : (
+
) =>
+ setTeamFormData({ ...teamFormData, name: e.target.value })
+ }
+ disabled={loading}
+ />
+ )}
+
-
-
+
+
+ {teamFormData.aliases.map((alias, index) => (
+
+ ) =>
+ handleAliasChange(index, e.target.value)
+ }
+ disabled={loading}
+ />
+
+
+ ))}
+
+
- {productTeamResponse && (
-
-
Response Data
-
{JSON.stringify(productTeamResponse, null, 2)}
+ {productTeamResponse && (
+
+
+
Product Team created successfully
+
+ )}
+
+
+
+
+
- )}
-
-);
+
+ {productTeamResponse && (
+
+
Response Data
+
{JSON.stringify(productTeamResponse, null, 2)}
+
+ )}
+
+ );
+};
const ProductStep: React.FC
= ({
productFormData,
@@ -316,6 +374,7 @@ const ProductCreationFlow: React.FC = () => {
const [teamFormData, setTeamFormData] = useState({
ods_code: "",
name: "",
+ aliases: [],
});
const [environmentConfig, setEnvironmentConfig] = useState(
{
@@ -365,6 +424,10 @@ const ProductCreationFlow: React.FC = () => {
body: JSON.stringify({
ods_code: teamFormData.ods_code,
name: teamFormData.name,
+ keys: teamFormData.aliases.map((alias) => ({
+ key_type: "product_team_id_alias",
+ key_value: alias,
+ })),
}),
}
);
diff --git a/test_ui/product_id_flow/src/components/ProductDeleteFlow.tsx b/test_ui/product_id_flow/src/components/ProductDeleteFlow.tsx
new file mode 100644
index 000000000..e0b15d53d
--- /dev/null
+++ b/test_ui/product_id_flow/src/components/ProductDeleteFlow.tsx
@@ -0,0 +1,218 @@
+import React, { useState, ChangeEvent } from "react";
+
+// =========== Interfaces ===========
+
+interface EnvironmentConfig {
+ environment: string;
+ apiKey: string;
+}
+
+interface ProductDeleteResponse {
+ code: string;
+ message: string;
+}
+
+// =========== Component ===========
+const ProductDelete: React.FC = () => {
+ const [currentStep, setCurrentStep] = useState(0);
+ const [environmentConfig, setEnvironmentConfig] = useState(
+ {
+ environment: "",
+ apiKey: "",
+ }
+ );
+ const [productTeamId, setProductTeamId] = useState("");
+ const [productId, setProductId] = useState("");
+ const [loading, setLoading] = useState(false);
+ const [error, setError] = useState(null);
+ const [
+ productDeleteResponse,
+ setProductDeleteResponse,
+ ] = useState(null);
+
+ const isEnvironmentConfigEnabled =
+ environmentConfig.environment.trim() !== "" &&
+ environmentConfig.apiKey.trim() !== "";
+
+ const handleDelete = async () => {
+ setLoading(true);
+ setError(null);
+
+ try {
+ const response = await fetch(
+ `https://${environmentConfig.environment}.api.service.nhs.uk/connecting-party-manager/ProductTeam/${productTeamId}/Product/${productId}`,
+ {
+ method: "DELETE",
+ headers: {
+ Authorization: "letmein",
+ apikey: environmentConfig.apiKey,
+ version: "1",
+ "Content-Type": "application/json",
+ },
+ }
+ );
+
+ if (!response.ok) {
+ const errorBody = await response.text();
+ throw new Error(
+ `HTTP error! status: ${response.status}, body: ${errorBody}`
+ );
+ }
+
+ const responseData = await response.json();
+ setProductDeleteResponse(responseData);
+ } catch (err) {
+ setError(`Failed to Delete. Please try again. ${productDeleteResponse}`);
+ console.error(err);
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ const getStepContent = () => {
+ switch (currentStep) {
+ case 0:
+ return (
+
+
+
+ ) =>
+ setEnvironmentConfig({
+ ...environmentConfig,
+ environment: e.target.value,
+ })
+ }
+ />
+
+
+
+
+ ) =>
+ setEnvironmentConfig({
+ ...environmentConfig,
+ apiKey: e.target.value,
+ })
+ }
+ />
+
+
+
+
+
+
+
+
+ ) =>
+ setProductTeamId(e.target.value)
+ }
+ />
+
+
+
+
+ ) =>
+ setProductId(e.target.value)
+ }
+ />
+
+
+
+
+
+
+ {productDeleteResponse && (
+
+
Code: {productDeleteResponse.code}
+
Message: {productDeleteResponse.message}
+
+ )}
+
+
+
+ NHS
+ Product Delete
+
+
+
+
+
+ {currentStep === 0 ? "Configure Environment" : "Delete A Product"}
+
+
+ {error && (
+
+ )}
+
+ {getStepContent()}
+
+
+
+
+
+
+ ) =>
+ setEnvironmentConfig({
+ ...environmentConfig,
+ environment: e.target.value,
+ })
+ }
+ />
+
+
+
+
+ ) =>
+ setEnvironmentConfig({
+ ...environmentConfig,
+ apiKey: e.target.value,
+ })
+ }
+ />
+
+
+
+
+
+
+
+
+ ) =>
+ setProductTeamId(e.target.value)
+ }
+ />
+
+
+
+
+
+
+ {productTeamDeleteResponse && (
+
+
Code: {productTeamDeleteResponse.code}
+
Message: {productTeamDeleteResponse.message}
+
+ )}
+
+
+
+
+
+ {currentStep === 0
+ ? "Configure Environment"
+ : "Delete A Product Team"}
+
+
+ {error && (
+
+ )}
+
+ {getStepContent()}
+
+
+
+
+
+
+ ) =>
+ setEnvironmentConfig({
+ ...environmentConfig,
+ environment: e.target.value,
+ })
+ }
+ />
+
+
+
+
+ ) =>
+ setEnvironmentConfig({
+ ...environmentConfig,
+ apiKey: e.target.value,
+ })
+ }
+ />
+
+
+
+
+
+
+
+
+ ) =>
+ setOrganisationCode(e.target.value)
+ }
+ />
+
+
+
+
+ ) =>
+ setProductTeamId(e.target.value)
+ }
+ />
+
+
+
+
+
+
+ {searchResults && (
+
+
Search Results
+ {searchResults.results.map((result) => (
+
+
+ Organisation Code: {result.org_code}
+
+ {result.product_teams.map((team) => (
+
+
+ Product Team ID: {team.product_team_id}
+
+
+ {team.products.map((product) => (
+ -
+
+ Product ID: {product.id}
+
+ Name: {product.name}
+ ODS Code: {product.ods_code}
+ Status: {product.status}
+ Product Team Id: {product.product_team_id}
+
+ Created On:{" "}
+ {new Date(product.created_on).toLocaleString()}
+
+
+ Updated On:{" "}
+ {product.updated_on
+ ? new Date(
+ product.updated_on
+ ).toLocaleString()
+ : "null"}
+
+
+ Deleted On:{" "}
+ {product.deleted_on
+ ? new Date(
+ product.deleted_on
+ ).toLocaleString()
+ : "null"}
+
+ Keys: {product.keys}
+
+ ))}
+
+
+ ))}
+
+ ))}
+
+ )}
+
+
+
+ NHS
+ Product Search
+
+
+
+
+
+ {currentStep === 0 ? "Configure Environment" : "Search for Products"}
+
+
+ {error && (
+
+ )}
+
+ {getStepContent()}
+
+
+
+