feat(payment_providers): Add MoneyHash

src/components/PaymentProviderChip.tsx

@@ -5,6 +5,7 @@ import { useInternationalization } from '~/hooks/core/useInternationalization'
 import Adyen from '~/public/images/adyen.svg'
 import Cashfree from '~/public/images/cashfree.svg'
 import Gocardless from '~/public/images/gocardless.svg'
+import Moneyhash from '~/public/images/moneyhash.svg'
 import Stripe from '~/public/images/stripe.svg'
 import { tw } from '~/styles/utils'
 
@@ -32,6 +33,10 @@ const providers: Record<ProviderTypeEnum, { icon: JSX.Element; label: string }>
     icon: <Cashfree />,
     label: 'text_17367626793434wkg1rk0114',
   },
+  [ProviderTypeEnum.Moneyhash]: {
+    icon: <Moneyhash />,
+    label: 'text_1733427981129n3wxjui0bex',
+  },
 }
 
 export const PaymentProviderChip: FC<PaymentProviderChipProps> = ({

src/components/customers/CustomerMainInfos.tsx

@@ -36,6 +36,7 @@ import Anrok from '~/public/images/anrok.svg'
 import Cashfree from '~/public/images/cashfree.svg'
 import Gocardless from '~/public/images/gocardless.svg'
 import Hubspot from '~/public/images/hubspot.svg'
+import Moneyhash from '~/public/images/moneyhash.svg'
 import Netsuite from '~/public/images/netsuite.svg'
 import Salesforce from '~/public/images/salesforce.svg'
 import Stripe from '~/public/images/stripe.svg'
@@ -142,6 +143,12 @@ gql`
           code
         }
 
+        ... on MoneyhashProvider {
+          id
+          name
+          code
+        }
+
         ... on AdyenProvider {
           id
           name
@@ -562,6 +569,8 @@ export const CustomerMainInfos = ({ loading, customer, onEdit }: CustomerMainInf
                         <Adyen />
                       ) : paymentProvider === ProviderTypeEnum?.Cashfree ? (
                         <Cashfree />
+                      ) : paymentProvider === ProviderTypeEnum?.Moneyhash ? (
+                        <Moneyhash />
                       ) : null}
                     </Avatar>
                     <Typography color="grey700">{linkedProvider?.name}</Typography>

src/components/customers/createCustomer/ExternalAppsAccordion/PaymentProvidersAccordion.tsx

@@ -17,6 +17,7 @@ import { useInternationalization } from '~/hooks/core/useInternationalization'
 import Adyen from '~/public/images/adyen.svg'
 import Cashfree from '~/public/images/cashfree.svg'
 import GoCardless from '~/public/images/gocardless.svg'
+import Moneyhash from '~/public/images/moneyhash.svg'
 import Stripe from '~/public/images/stripe.svg'
 
 import { ExternalAppsAccordionLayout } from './ExternalAppsAccordionLayout'
@@ -52,6 +53,13 @@ gql`
           name
           code
         }
+
+        ... on MoneyhashProvider {
+          __typename
+          id
+          name
+          code
+        }
       }
     }
   }
@@ -67,6 +75,7 @@ const avatarMapping: Record<ProviderTypeEnum, ReactNode> = {
   [ProviderTypeEnum.Cashfree]: <Cashfree />,
   [ProviderTypeEnum.Gocardless]: <GoCardless />,
   [ProviderTypeEnum.Stripe]: <Stripe />,
+  [ProviderTypeEnum.Moneyhash]: <Moneyhash />,
 }
 
 export const PaymentProvidersAccordion: FC<PaymentProvidersAccordionProps> = ({
@@ -183,7 +192,9 @@ export const PaymentProvidersAccordion: FC<PaymentProvidersAccordionProps> = ({
                       ? translate('text_635bdbda84c98758f9bba8aa')
                       : formikProps.values.paymentProvider === ProviderTypeEnum.Adyen
                         ? translate('text_645d0728ea0a5a7bbf76d5c7')
-                        : translate('text_635bdbda84c98758f9bba89e')
+                        : formikProps.values.paymentProvider === ProviderTypeEnum.Moneyhash
+                          ? translate('text_1733992108437qlovqhjhqj4')
+                          : translate('text_635bdbda84c98758f9bba89e')
                   }${
                     formikProps.values.paymentProviderCode
                       ? ` • ${
@@ -207,6 +218,12 @@ export const PaymentProvidersAccordion: FC<PaymentProvidersAccordionProps> = ({
             )}
           </div>
 
+          {formikProps.values.paymentProvider === ProviderTypeEnum.Moneyhash && (
+            <div className="border-t border-grey-400 p-4">
+              <Alert type="info">{translate('text_64aeb7b998c4322918c84214')}</Alert>
+            </div>
+          )}
+
           {formikProps.values.paymentProvider === ProviderTypeEnum.Stripe && (
             <div className="flex flex-col gap-6 p-4 shadow-t">
               <div>

src/components/settings/integrations/AddAdyenDialog.tsx

@@ -51,6 +51,9 @@ gql`
       ... on StripeProvider {
         id
       }
+      ... on MoneyhashProvider {
+        id
+      }
     }
   }
 

src/components/settings/integrations/AddCashfreeDialog.tsx

@@ -48,6 +48,9 @@ gql`
       ... on StripeProvider {
         id
       }
+      ... on MoneyhashProvider {
+        id
+      }
     }
   }
 

src/components/settings/integrations/AddEditDeleteSuccessRedirectUrlDialog.tsx

@@ -11,14 +11,17 @@ import {
   AdyenForCreateAndEditSuccessRedirectUrlFragment,
   CashfreeForCreateAndEditSuccessRedirectUrlFragment,
   GocardlessForCreateAndEditSuccessRedirectUrlFragment,
+  MoneyhashForCreateAndEditSuccessRedirectUrlFragment,
   StripeForCreateAndEditSuccessRedirectUrlFragment,
   UpdateAdyenPaymentProviderInput,
   UpdateCashfreePaymentProviderInput,
   UpdateGocardlessPaymentProviderInput,
+  UpdateMoneyhashPaymentProviderInput,
   UpdateStripePaymentProviderInput,
   useUpdateAdyenPaymentProviderMutation,
   useUpdateCashfreePaymentProviderMutation,
   useUpdateGocardlessPaymentProviderMutation,
+  useUpdateMoneyhashPaymentProviderMutation,
   useUpdateStripePaymentProviderMutation,
 } from '~/generated/graphql'
 import { useInternationalization } from '~/hooks/core/useInternationalization'
@@ -44,6 +47,12 @@ gql`
     successRedirectUrl
   }
 
+  fragment MoneyhashForCreateAndEditSuccessRedirectUrl on MoneyhashProvider {
+    id
+    flowId
+    successRedirectUrl
+  }
+
   mutation updateAdyenPaymentProvider($input: UpdateAdyenPaymentProviderInput!) {
     updateAdyenPaymentProvider(input: $input) {
       id
@@ -71,6 +80,13 @@ gql`
       successRedirectUrl
     }
   }
+
+  mutation updateMoneyhashPaymentProvider($input: UpdateMoneyhashPaymentProviderInput!) {
+    updateMoneyhashPaymentProvider(input: $input) {
+      id
+      flowId
+    }
+  }
 `
 
 const AddEditDeleteSuccessRedirectUrlDialogMode = {
@@ -84,6 +100,7 @@ const AddEditDeleteSuccessRedirectUrlDialogProviderType = {
   Stripe: 'Stripe',
   GoCardless: 'GoCardless',
   Cashfree: 'Cashfree',
+  Moneyhash: 'Moneyhash',
 } as const
 
 type LocalProviderType = {
@@ -94,6 +111,7 @@ type LocalProviderType = {
     | CashfreeForCreateAndEditSuccessRedirectUrlFragment
     | GocardlessForCreateAndEditSuccessRedirectUrlFragment
     | StripeForCreateAndEditSuccessRedirectUrlFragment
+    | MoneyhashForCreateAndEditSuccessRedirectUrlFragment
     | null
 }
 
@@ -158,11 +176,23 @@ export const AddEditDeleteSuccessRedirectUrlDialog =
       },
     })
 
+    const [updateMoneyhashProvider] = useUpdateMoneyhashPaymentProviderMutation({
+      onCompleted(data) {
+        if (data && data.updateMoneyhashPaymentProvider) {
+          addToast({
+            message: successToastMessage,
+            severity: 'success',
+          })
+        }
+      },
+    })
+
     const formikProps = useFormik<
       | UpdateAdyenPaymentProviderInput
       | UpdateCashfreePaymentProviderInput
       | UpdateGocardlessPaymentProviderInput
       | UpdateStripePaymentProviderInput
+      | UpdateMoneyhashPaymentProviderInput
     >({
       initialValues: {
         id: localData?.provider?.id || '',
@@ -179,6 +209,7 @@ export const AddEditDeleteSuccessRedirectUrlDialog =
           [AddEditDeleteSuccessRedirectUrlDialogProviderType.Stripe]: updateStripeProvider,
           [AddEditDeleteSuccessRedirectUrlDialogProviderType.GoCardless]: updateGocardlessProvider,
           [AddEditDeleteSuccessRedirectUrlDialogProviderType.Cashfree]: updateCashfreeProvider,
+          [AddEditDeleteSuccessRedirectUrlDialogProviderType.Moneyhash]: updateMoneyhashProvider,
         }
 
         const method = methodLoojup[localData?.type as LocalProviderType['type']]

src/components/settings/integrations/AddGocardlessDialog.tsx

@@ -47,6 +47,9 @@ gql`
       ... on StripeProvider {
         id
       }
+      ... on MoneyhashProvider {
+        id
+      }
     }
   }