@@ -124,15 +115,15 @@ const DisputeSteps: React.FC< Props > = ( {
{ createInterpolateElement(
__(
- 'Challenge or accept the dispute by .',
+ 'Challenge or accept the dispute by .',
'woocommerce-payments'
),
{
- challengeicon: (
+ challengeIcon: (
}
buttonLabel={ __(
- 'Challenge the dispute',
+ 'Challenge the dispute tooltip',
'woocommerce-payments'
) }
content={ __(
@@ -141,11 +132,11 @@ const DisputeSteps: React.FC< Props > = ( {
) }
/>
),
- accepticon: (
+ acceptIcon: (
}
buttonLabel={ __(
- 'Accept the dispute',
+ 'Accept the dispute tooltip',
'woocommerce-payments'
) }
content={ sprintf(
@@ -161,35 +152,10 @@ const DisputeSteps: React.FC< Props > = ( {
) }
/>
),
- disputeduedate: (
-
- { respondByDate }
- 2,
- } ) }
- >
- { daysRemaining === 0
- ? __(
- '(Last day today)',
- 'woocommerce-payments'
- )
- : sprintf(
- // Translators: %s is the number of days left to respond to the dispute.
- _n(
- '(%s day left to respond)',
- '(%s days left to respond)',
- daysRemaining,
- 'woocommerce-payments'
- ),
- daysRemaining
- ) }
-
-
+ dueByDate: (
+
),
}
) }
@@ -199,4 +165,114 @@ const DisputeSteps: React.FC< Props > = ( {
);
};
-export default DisputeSteps;
+export const InquirySteps: React.FC< Props > = ( {
+ dispute,
+ customer,
+ chargeCreated,
+} ) => {
+ let emailLink;
+ if ( customer?.email ) {
+ const chargeDate = dateI18n(
+ 'Y-m-d',
+ moment( chargeCreated * 1000 ).toISOString()
+ );
+ const disputeDate = dateI18n(
+ 'Y-m-d',
+ moment( dispute.created * 1000 ).toISOString()
+ );
+ const emailSubject = sprintf(
+ // Translators: %1$s is the store name, %2$s is the charge date.
+ __(
+ `Problem with your purchase from %1$s on %2$s?`,
+ 'woocommerce-payments'
+ ),
+ wcpaySettings.storeName,
+ chargeDate
+ );
+ const customerName = customer?.name || '';
+ const emailBody = sprintf(
+ // Translators: %1$s is the customer name, %2$s is the dispute date, %3$s is the dispute amount with currency-code e.g. $15 USD, %4$s is the charge date.
+ __(
+ `Hello %1$s,\n\n` +
+ `We noticed that on %2$s, you disputed a %3$s charge on %4$s. We wanted to contact you to make sure everything was all right with your purchase and see if there's anything else we can do to resolve any problems you might have had.\n\n` +
+ `Alternatively, if the dispute was a mistake, you can easily withdraw it by calling the number on the back of your card. Thank you so much - we appreciate your business and look forward to working with you.`,
+ 'woocommerce-payments'
+ ),
+ customerName,
+ disputeDate,
+ formatExplicitCurrency( dispute.amount, dispute.currency ),
+ chargeDate
+ );
+ emailLink = `mailto:${ customer.email }?subject=${ encodeURIComponent(
+ emailSubject
+ ) }&body=${ encodeURIComponent( emailBody ) }`;
+ }
+
+ return (
+
+
+ { __( 'Steps to resolve:', 'woocommerce-payments' ) }
+
+
+ -
+ { customer?.email
+ ? createInterpolateElement(
+ __(
+ 'Email the customer to identify the issue and work towards a resolution where possible.',
+ 'woocommerce-payments'
+ ),
+ {
+ a: (
+ // eslint-disable-next-line jsx-a11y/anchor-has-content
+
+ ),
+ }
+ )
+ : __(
+ 'Email the customer to identify the issue and work towards a resolution where possible.',
+ 'woocommerce-payments'
+ ) }
+
+ -
+ { createInterpolateElement(
+ __(
+ 'Submit evidence or issue a refund by .',
+ 'woocommerce-payments'
+ ),
+ {
+ submitEvidenceIcon: (
+ }
+ buttonLabel={ __(
+ 'Submit evidence tooltip',
+ 'woocommerce-payments'
+ ) }
+ content={ createInterpolateElement(
+ __(
+ "To submit evidence, provide documentation that supports your case. Keep in mind that submitting evidence doesn't ensure a favorable outcome. If the cardholder agrees to withdraw the inquiry, you'll still need to officially submit your evidence to prevent bank escalation. Learn more",
+ 'woocommerce-payments'
+ ),
+ {
+ learnMoreLink: (
+
+ ),
+ }
+ ) }
+ />
+ ),
+ dueByDate: (
+
+ ),
+ }
+ ) }
+
+
+