chore(Cross): [IOAPPX-445] Replace legacy FooterWithButtons with a mix of FooterActions and FooterActionsInline

ts/components/TosWebviewErrorComponent.tsx

@@ -1,11 +1,11 @@
-import React from "react";
 import {
-  FooterWithButtons,
+  FooterActions,
   H3,
   IOStyles,
   Pictogram,
   VSpacer
 } from "@pagopa/io-app-design-system";
+import React from "react";
 import { View } from "react-native";
 import I18n from "../i18n";
 
@@ -32,11 +32,10 @@ const TosWebviewErrorComponent = ({
         {I18n.t("onboarding.tos.error")}
       </H3>
     </View>
-    <FooterWithButtons
-      type="SingleButton"
-      primary={{
-        type: "Solid",
-        buttonProps: {
+    <FooterActions
+      actions={{
+        type: "SingleButton",
+        primary: {
           label: I18n.t("global.buttons.retry"),
           onPress: handleRetry,
           testID: "RetryButtonTest"

ts/components/__tests__/TosWebviewComponent.test.tsx

@@ -62,8 +62,7 @@ describe("TosWebviewComponent", () => {
     it("The footer should not render", () => {
       const renderAPI = commonSetup({ shouldRenderFooter: false });
       // The footer should be rendered
-      const footerWithButtonsViewRTI =
-        renderAPI.queryByTestId("FooterWithButtons");
+      const footerWithButtonsViewRTI = renderAPI.queryByTestId("FooterActions");
       expect(footerWithButtonsViewRTI).toBeFalsy();
     });
   });
@@ -74,7 +73,7 @@ describe("TosWebviewComponent", () => {
         onRightButton: rightButtonHandlerMock
       });
       // Find the right button and press it
-      const footerDefined = renderAPI.queryByTestId("FooterWithButtons");
+      const footerDefined = renderAPI.queryByTestId("FooterActions");
       expect(footerDefined).toBeDefined();
       const footerWithButtonsViewRTI =
         renderAPI.queryByTestId("AcceptToSButton");

ts/components/error/WorkunitGenericFailure.tsx

@@ -1,4 +1,4 @@
-import { FooterWithButtons } from "@pagopa/io-app-design-system";
+import { FooterActions } from "@pagopa/io-app-design-system";
 import * as React from "react";
 import { SafeAreaView } from "react-native";
 import { connect } from "react-redux";
@@ -35,13 +35,11 @@ const WorkunitGenericFailure = (props: Props): React.ReactElement => {
           title={title}
         />
       </SafeAreaView>
-      <FooterWithButtons
-        type="SingleButton"
-        primary={{
-          type: "Outline",
-          buttonProps: {
+      <FooterActions
+        actions={{
+          type: "SingleButton",
+          primary: {
             label: close,
-            accessibilityLabel: close,
             onPress: props.cancel
           }
         }}

ts/components/screens/GenericErrorComponent.tsx

@@ -1,6 +1,7 @@
 import {
   Body,
-  FooterWithButtons,
+  FooterActions,
+  FooterActionsInline,
   H4,
   Pictogram,
   VSpacer
@@ -48,36 +49,24 @@ const GenericErrorComponent = (props: Props) => {
 
   const renderFooterButtons = () =>
     props.onCancel ? (
-      <FooterWithButtons
-        type="TwoButtonsInlineHalf"
-        primary={{
-          type: "Outline",
-          buttonProps: {
-            label: props.cancelButtonTitle ?? I18n.t("global.buttons.cancel"),
-            accessibilityLabel:
-              props.cancelButtonTitle ?? I18n.t("global.buttons.cancel"),
-            onPress: props.onCancel
-          }
+      <FooterActionsInline
+        startAction={{
+          color: "primary",
+          label: props.cancelButtonTitle ?? I18n.t("global.buttons.cancel"),
+          onPress: props.onCancel
         }}
-        secondary={{
-          type: "Solid",
-          buttonProps: {
-            label: props.retryButtonTitle ?? I18n.t("global.buttons.retry"),
-            accessibilityLabel:
-              props.retryButtonTitle ?? I18n.t("global.buttons.retry"),
-            onPress: props.onRetry
-          }
+        endAction={{
+          color: "primary",
+          label: props.retryButtonTitle ?? I18n.t("global.buttons.retry"),
+          onPress: props.onRetry
         }}
       />
     ) : (
-      <FooterWithButtons
-        type="SingleButton"
-        primary={{
-          type: "Solid",
-          buttonProps: {
+      <FooterActions
+        actions={{
+          type: "SingleButton",
+          primary: {
             label: props.retryButtonTitle ?? I18n.t("global.buttons.retry"),
-            accessibilityLabel:
-              props.retryButtonTitle ?? I18n.t("global.buttons.retry"),
             onPress: props.onRetry
           }
         }}

ts/features/bonus/cdc/components/CdcRequirementsError.tsx

@@ -1,4 +1,4 @@
-import { FooterWithButtons } from "@pagopa/io-app-design-system";
+import { FooterActions } from "@pagopa/io-app-design-system";
 import { useNavigation } from "@react-navigation/native";
 import * as React from "react";
 import { SafeAreaView } from "react-native";
@@ -31,13 +31,11 @@ const CdcRequirementsError = () => {
           )}
         />
       </SafeAreaView>
-      <FooterWithButtons
-        type="SingleButton"
-        primary={{
-          type: "Outline",
-          buttonProps: {
+      <FooterActions
+        actions={{
+          type: "SingleButton",
+          primary: {
             label: I18n.t("global.buttons.close"),
-            accessibilityLabel: I18n.t("global.buttons.close"),
             onPress: onExitPress,
             testID: "closeButton"
           }

ts/features/bonus/cdc/screens/CdcBonusRequestInformationTos.tsx

@@ -1,5 +1,5 @@
 import {
-  FooterWithButtons,
+  FooterActionsInline,
   H4,
   H6,
   VSpacer
@@ -101,26 +101,19 @@ const CdcBonusRequestInformationTos = () => {
           <VSpacer size={16} />
         </ScrollView>
       </SafeAreaView>
-      <FooterWithButtons
-        type={"TwoButtonsInlineThird"}
-        primary={{
-          type: "Outline",
-          buttonProps: {
-            label: I18n.t("global.buttons.cancel"),
-            accessibilityLabel: I18n.t("global.buttons.cancel"),
-            onPress: () => {
-              navigation.getParent()?.goBack();
-            }
+      <FooterActionsInline
+        startAction={{
+          color: "primary",
+          label: I18n.t("global.buttons.cancel"),
+          onPress: () => {
+            navigation.getParent()?.goBack();
           }
         }}
-        secondary={{
-          type: "Solid",
-          buttonProps: {
-            label: I18n.t("global.buttons.continue"),
-            accessibilityLabel: I18n.t("global.buttons.continue"),
-            onPress: () => {
-              navigation.navigate(CDC_ROUTES.SELECT_BONUS_YEAR);
-            }
+        endAction={{
+          color: "primary",
+          label: I18n.t("global.buttons.continue"),
+          onPress: () => {
+            navigation.navigate(CDC_ROUTES.SELECT_BONUS_YEAR);
           }
         }}
       />

ts/features/bonus/cdc/screens/CdcBonusRequestSelectResidence.tsx

@@ -1,5 +1,5 @@
 import {
-  FooterWithButtons,
+  FooterActionsInline,
   H2,
   H6,
   HSpacer,
@@ -93,36 +93,29 @@ const CdcBonusRequestSelectResidence = () => {
           ))}
         </ScrollView>
       </SafeAreaView>
-      <FooterWithButtons
-        type="TwoButtonsInlineHalf"
-        primary={{
-          type: "Outline",
-          buttonProps: {
-            label: I18n.t("global.buttons.cancel"),
-            accessibilityLabel: I18n.t("global.buttons.cancel"),
-            onPress: () => {
-              navigation.getParent()?.goBack();
-            }
+      <FooterActionsInline
+        startAction={{
+          color: "primary",
+          label: I18n.t("global.buttons.cancel"),
+          onPress: () => {
+            navigation.getParent()?.goBack();
           }
         }}
-        secondary={{
-          type: "Solid",
-          buttonProps: {
-            label: I18n.t("global.buttons.continue"),
-            accessibilityLabel: I18n.t("global.buttons.continue"),
-            onPress: () => {
-              dispatch(
-                cdcSelectedBonusAction(
-                  cdcSelectedBonus?.map(b => ({
-                    year: b.year,
-                    residence: isResidentInItaly[b.year]
-                  }))
-                )
-              );
-              navigation.navigate(CDC_ROUTES.BONUS_REQUESTED);
-            },
-            disabled: cdcSelectedBonus.some(b => !isResidentInItaly[b.year])
-          }
+        endAction={{
+          color: "primary",
+          label: I18n.t("global.buttons.continue"),
+          onPress: () => {
+            dispatch(
+              cdcSelectedBonusAction(
+                cdcSelectedBonus?.map(b => ({
+                  year: b.year,
+                  residence: isResidentInItaly[b.year]
+                }))
+              )
+            );
+            navigation.navigate(CDC_ROUTES.BONUS_REQUESTED);
+          },
+          disabled: cdcSelectedBonus.some(b => !isResidentInItaly[b.year])
         }}
       />
     </BaseScreenComponent>

ts/features/bonus/cdc/screens/CdcBonusRequestSelectYear.tsx

@@ -1,6 +1,6 @@
 import {
   CheckboxLabel,
-  FooterWithButtons,
+  FooterActionsInline,
   H2,
   H6,
   VSpacer
@@ -89,30 +89,23 @@ const CdcBonusRequestSelectYear = () => {
           ))}
         </ScrollView>
       </SafeAreaView>
-      <FooterWithButtons
-        type="TwoButtonsInlineHalf"
-        primary={{
-          type: "Outline",
-          buttonProps: {
-            label: I18n.t("global.buttons.cancel"),
-            accessibilityLabel: I18n.t("global.buttons.cancel"),
-            onPress: () => {
-              navigation.getParent()?.goBack();
-            }
+      <FooterActionsInline
+        startAction={{
+          color: "primary",
+          label: I18n.t("global.buttons.cancel"),
+          onPress: () => {
+            navigation.getParent()?.goBack();
           }
         }}
-        secondary={{
-          type: "Solid",
-          buttonProps: {
-            label: I18n.t("global.buttons.continue"),
-            accessibilityLabel: I18n.t("global.buttons.continue"),
-            onPress: () => {
-              dispatch(cdcSelectedBonus(years.map(y => ({ year: y }))));
-              navigation.navigate(CDC_ROUTES.SELECT_RESIDENCE);
-            },
-            disabled: years.length === 0,
-            testID: "continueButton"
-          }
+        endAction={{
+          color: "primary",
+          label: I18n.t("global.buttons.continue"),
+          onPress: () => {
+            dispatch(cdcSelectedBonus(years.map(y => ({ year: y }))));
+            navigation.navigate(CDC_ROUTES.SELECT_RESIDENCE);
+          },
+          disabled: years.length === 0,
+          testID: "continueButton"
         }}
       />
     </BaseScreenComponent>