pagopa · Hantex9 · Feb 6, 2025 · Jan 21, 2025 · Jan 21, 2025 · Jan 21, 2025
@@ -3798,6 +3798,7 @@ idpay:
       buttons:
         privacy: Preferenze & Privacy
         unsubscribe: Rimuovi {{initiativeName}}
+        requestHelp: Chiedi aiuto
     operationDetails:
       discount:
         labels:

@@ -3798,6 +3798,7 @@ idpay:
       buttons:
         privacy: Preferenze & Privacy
         unsubscribe: Rimuovi {{initiativeName}}
+        requestHelp: Chiedi aiuto
     operationDetails:
       discount:
         labels:

@@ -0,0 +1,56 @@
+import { ToolEnum } from "../../../../../definitions/content/AssistanceToolConfig";
+import { useIODispatch, useIOSelector } from "../../../../store/hooks";
+import { assistanceToolConfigSelector } from "../../../../store/reducers/backendStatus/remoteConfig";
+import {
+  addTicketCustomField,
+  assistanceToolRemoteConfig,
+  defaultIdPayExpenseCategory,
+  resetCustomFields,
+  zendeskIdPayCategoryId
+} from "../../../../utils/supportAssistance";
+import {
+  zendeskSelectedCategory,
+  zendeskSupportStart
+} from "../../../zendesk/store/actions";
+
+type PaymentFailureSupportModal = {
+  startIdPaySupport: (startingRoute?: string) => void;
+};
+
+const useIdPaySupportModal = (): PaymentFailureSupportModal => {
+  const assistanceToolConfig = useIOSelector(assistanceToolConfigSelector);
+  const choosenTool = assistanceToolRemoteConfig(assistanceToolConfig);
+
+  const dispatch = useIODispatch();
+
+  const zendeskAssistanceLogAndStart = (startingRoute?: string) => {
+    resetCustomFields();
+    // attach the main zendesk category to the ticket
+    addTicketCustomField(
+      zendeskIdPayCategoryId,
+      defaultIdPayExpenseCategory.value
+    );
+
+    dispatch(
+      zendeskSupportStart({
+        startingRoute: startingRoute ?? "n/a",
+        assistanceType: {
+          idPay: true
+        }
+      })
+    );
+    dispatch(zendeskSelectedCategory(defaultIdPayExpenseCategory));
+  };
+
+  const startIdPaySupport = (startingRoute?: string) => {
+    if (choosenTool === ToolEnum.zendesk) {
+      zendeskAssistanceLogAndStart(startingRoute);
+    }
+  };
+
+  return {
+    startIdPaySupport
+  };
+};
+
+export { useIdPaySupportModal };
@@ -2,6 +2,7 @@ import {
   Body,
   BodySmall,
   Divider,
+  ListItemAction,
   ListItemHeader,
   ListItemInfo,
   ListItemTransaction,
@@ -35,6 +36,8 @@ import { format } from "../../../../utils/dates";
 import { SERVICES_ROUTES } from "../../../services/common/navigation/routes";
 import { formatNumberCurrencyOrDefault } from "../../common/utils/strings";
 import { IdPayUnsubscriptionRoutes } from "../../unsubscription/navigation/routes";
+import { useIdPaySupportModal } from "../../common/hooks/useIdPaySupportModal";
+import { IDPayDetailsRoutes } from "../navigation";
 import {
   InitiativeRulesInfoBox,
   InitiativeRulesInfoBoxSkeleton
@@ -63,6 +66,7 @@ const formatDate = (fmt: string) => (date: Date) => format(date, fmt);
 
 const BeneficiaryDetailsContent = (props: BeneficiaryDetailsProps) => {
   const navigation = useNavigation<IOStackNavigationProp<AppParamsList>>();
+  const { startIdPaySupport } = useIdPaySupportModal();
   const { initiativeDetails, beneficiaryDetails, onboardingStatus, isLoading } =
     props;
 
@@ -200,6 +204,10 @@ const BeneficiaryDetailsContent = (props: BeneficiaryDetailsProps) => {
       )
     );
 
+  const handleRequestHelpPress = () => {
+    startIdPaySupport(IDPayDetailsRoutes.IDPAY_DETAILS_BENEFICIARY);
+  };
+
   const handleUnsubscribePress = () => {
     pipe(
       sequenceS(O.Monad)({
@@ -325,9 +333,21 @@ const BeneficiaryDetailsContent = (props: BeneficiaryDetailsProps) => {
         return (
           <>
             <VSpacer size={32} />
-            <Body weight="Semibold" asLink onPress={handlePrivacyLinkPress}>
-              {I18n.t("idpay.initiative.beneficiaryDetails.buttons.privacy")}
-            </Body>
+            <ListItemAction
+              label={I18n.t(
+                "idpay.initiative.beneficiaryDetails.buttons.privacy"
+              )}
+              onPress={handlePrivacyLinkPress}
+              variant="primary"
+            />
+            <Divider />
+            <ListItemAction
+              label={I18n.t(
+                "idpay.initiative.beneficiaryDetails.buttons.requestHelp"
+              )}
+              onPress={handleRequestHelpPress}
+              variant="danger"
+            />
           </>
         );
     }

@@ -1,4 +1,5 @@
-import { render, within } from "@testing-library/react-native";
+import { within } from "@testing-library/react-native";
+import configureMockStore from "redux-mock-store";
 import {
   InitiativeRewardTypeEnum,
   StatusEnum as InitiativeStatusEnum
@@ -10,6 +11,11 @@ import {
 } from "../BeneficiaryDetailsContent";
 import { StatusEnum as OnboardingStatusEnum } from "../../../../../../definitions/idpay/OnboardingStatusDTO";
 import { RewardValueTypeEnum } from "../../../../../../definitions/idpay/RewardValueDTO";
+import { appReducer } from "../../../../../store/reducers";
+import { applicationChangeState } from "../../../../../store/actions/application";
+import { GlobalState } from "../../../../../store/reducers/types";
+import { renderScreenWithNavigationStoreContext } from "../../../../../utils/testWrapper";
+import { IDPayDetailsRoutes } from "../../navigation";
 
 setLocale("it");
 
@@ -49,7 +55,7 @@ const T_REWARD_VALUE_ABSOLUTE_STRING = "30,00 €";
 
 describe("Test BeneficiaryDetailsContent component", () => {
   it("should correctly render all the info ", () => {
-    const component = renderComponent(InitiativeRewardTypeEnum.REFUND);
+    const { component } = renderComponent(InitiativeRewardTypeEnum.REFUND);
 
     const statusRow = within(component.getByTestId("statusTestID"));
     expect(
@@ -147,7 +153,7 @@ describe("Test BeneficiaryDetailsContent component", () => {
   });
 
   it("should correctly render absolute reward type data", () => {
-    const component = renderComponent(
+    const { component } = renderComponent(
       InitiativeRewardTypeEnum.REFUND,
       RewardValueTypeEnum.ABSOLUTE
     );
@@ -165,12 +171,12 @@ describe("Test BeneficiaryDetailsContent component", () => {
     ).toBeTruthy();
   });
   it("should correctly render type dependant entries in case of a discount initiative", () => {
-    const component = renderComponent(InitiativeRewardTypeEnum.DISCOUNT);
+    const { component } = renderComponent(InitiativeRewardTypeEnum.DISCOUNT);
     expect(component.queryByTestId("accruedTestID")).toBeTruthy();
     expect(component.queryByTestId("refundedTestID")).toBeFalsy();
   });
   it("should correctly render type dependant entries in case of a refund initiative", () => {
-    const component = renderComponent(InitiativeRewardTypeEnum.REFUND);
+    const { component } = renderComponent(InitiativeRewardTypeEnum.REFUND);
     expect(component.queryByTestId("accruedTestID")).toBeTruthy();
     expect(component.queryByTestId("refundedTestID")).toBeTruthy();
   });
@@ -208,5 +214,19 @@ const renderComponent = (
     }
   };
 
-  return render(<BeneficiaryDetailsContent {...props} />);
+  const globalState = appReducer(undefined, applicationChangeState("active"));
+  const mockStore = configureMockStore<GlobalState>();
+  const store: ReturnType<typeof mockStore> = mockStore({
+    ...globalState
+  });
+
+  return {
+    component: renderScreenWithNavigationStoreContext<GlobalState>(
+      () => <BeneficiaryDetailsContent {...props} />,
+      IDPayDetailsRoutes.IDPAY_DETAILS_MAIN,
+      {},
+      store
+    ),
+    store
+  };
 };
@@ -19,6 +19,7 @@ export type ZendeskAssistanceType = Partial<{
   card: boolean;
   fci: boolean;
   itWallet: boolean;
+  idPay: boolean;
 }>;
 
 export type ZendeskStartPayload = {

@@ -15,7 +15,9 @@ export const handleContactSupport = (
   zendeskRemoteConfig: ZendeskConfig
 ) => {
   const canSkipCategoryChoice: boolean =
-    !isReady(zendeskRemoteConfig) || !!assistanceType.payment;
+    !isReady(zendeskRemoteConfig) ||
+    !!assistanceType.payment ||
+    !!assistanceType.idPay;
 
   if (isPanicModeActive(zendeskRemoteConfig)) {
     // Go to panic mode screen

@@ -46,7 +46,8 @@ export const useStartSupportRequest = ({
               payment: false,
               card: false,
               fci: false,
-              itWallet: false
+              itWallet: false,
+              idPay: false
             }
           })
         );

@@ -116,6 +116,7 @@ export const zendeskCurrentAppVersionId = "4414316660369";
 export const zendeskVersionsHistoryId = "4419641151505";
 export const zendeskFciId = "14874226407825";
 export const zendeskItWalletFailureCode = "31775197295633";
+export const zendeskIdPayCategoryId = "8086481365265";
 
 export const defaultZendeskPaymentCategory: ZendeskCategory = {
   value: "io_pagamenti_pagopa",
@@ -151,6 +152,15 @@ export const zendeskItWalletCategory: ZendeskCategory = {
   }
 };
 
+export const defaultIdPayExpenseCategory: ZendeskCategory = {
+  value: "idpay_guidonia",
+  description: {
+    "it-IT": "Pagamento pagoPA",
+    "en-EN": "pagoPA payment",
+    "de-DE": "pagoPA-Zahlung"
+  }
+};
+
 export const resetAssistanceData = () => {
   resetCustomFields();
   resetLog();