Add new capability to set tracking rate and unit

src/components/Icon/Illustrations.js

@@ -14,6 +14,7 @@ import MoneyMousePink from '../../../assets/images/product-illustrations/money-m
 import ReceiptYellow from '../../../assets/images/product-illustrations/receipt--yellow.svg';
 import RocketOrange from '../../../assets/images/product-illustrations/rocket--orange.svg';
 import TadaYellow from '../../../assets/images/product-illustrations/tada--yellow.svg';
+import GpsTrackOrange from '../../../assets/images/product-illustrations/gps-track--orange.svg';
 
 export {
     BankArrowPink,
@@ -32,4 +33,5 @@ export {
     ReceiptYellow,
     RocketOrange,
     TadaYellow,
+    GpsTrackOrange,
 };

src/languages/en.js

@@ -718,7 +718,7 @@ export default {
             edit: 'Edit workspace',
             delete: 'Delete Workspace',
             settings: 'General settings',
-            reimburse: 'Reimburse receipts',
+            reimburse: 'Reimburse expenses',
             bills: 'Pay bills',
             invoices: 'Send invoices',
             travel: 'Book travel',
@@ -762,8 +762,14 @@ export default {
         reimburse: {
             captureReceipts: 'Capture receipts',
             fastReimbursementsHappyMembers: 'Fast reimbursements = happy members!',
+            kilometers: 'Kilometers',
+            miles: 'Miles',
             viewAllReceipts: 'View all receipts',
             reimburseReceipts: 'Reimburse receipts',
+            trackDistance: 'Track distance',
+            trackDistanceCopy: 'Set the per mile/km rate and choose a default unit to track.',
+            trackDistanceRate: 'Rate',
+            trackDistanceUnit: 'Unit',
             unlockNextDayReimbursements: 'Unlock next-day reimbursements',
             captureNoVBACopyBeforeEmail: 'Ask your workspace members to forward receipts to ',
             captureNoVBACopyAfterEmail: ' and download the Expensify App to track cash expenses on the go.',

src/languages/es.js

@@ -764,8 +764,14 @@ export default {
         reimburse: {
             captureReceipts: 'Captura recibos',
             fastReimbursementsHappyMembers: '¡Reembolsos rápidos = miembros felices!',
+            kilometers: '',
+            miles: '',
             viewAllReceipts: 'Ver todos los recibos',
             reimburseReceipts: 'Reembolsar recibos',
+            trackDistance: '',
+            trackDistanceCopy: '',
+            trackDistanceRate: '',
+            trackDistanceUnit: '',
             unlockNextDayReimbursements: 'Desbloquea reembolsos diarios',
             captureNoVBACopyBeforeEmail: 'Pide a los miembros de tu espacio de trabajo que envíen recibos a ',
             captureNoVBACopyAfterEmail: ' y descarga la App de Expensify para controlar tus gastos en efectivo sobre la marcha.',

src/libs/API.js

@@ -1091,6 +1091,31 @@ function Policy_Create(parameters) {
     return Network.post(commandName, parameters);
 }
 
+/**
+ * @param {Object} parameters
+ * @param {String} parameters.policyID
+ * @param {String} parameters.value
+ * @returns {Promise}
+ */
+function Policy_CustomUnit_Update(parameters) {
+    const commandName = 'Policy_CustomUnit_Update';
+    requireParameters(['policyID', 'customUnit'], parameters, commandName);
+    return Network.post(commandName, parameters);
+}
+
+/**
+ * @param {Object} parameters
+ * @param {String} parameters.policyID
+ * @param {String} parameters.customUnitID
+ * @param {String} parameters.value
+ * @returns {Promise}
+ */
+function Policy_CustomUnitRate_Update(parameters) {
+    const commandName = 'Policy_CustomUnitRate_Update';
+    requireParameters(['policyID', 'customUnitID', 'customUnitRate'], parameters, commandName);
+    return Network.post(commandName, parameters);
+}
+
 /**
  * @param {Object} parameters
  * @param {String} [parameters.policyID]
@@ -1267,6 +1292,8 @@ export {
     GetLocalCurrency,
     GetCurrencyList,
     Policy_Create,
+    Policy_CustomUnit_Update,
+    Policy_CustomUnitRate_Update,
     Policy_Employees_Remove,
     PreferredLocale_Update,
     Policy_Delete,

src/libs/actions/Policy.js

@@ -53,10 +53,27 @@ function getSimplifiedEmployeeList(employeeList) {
  * @param {String} [fullPolicyOrPolicySummary.avatarURL]
  * @param {String} [fullPolicyOrPolicySummary.value.avatarURL]
  * @param {Object} [fullPolicyOrPolicySummary.value.employeeList]
+ * @param {Object} [fullPolicyOrPolicySummary.value.customUnits]
+ * @param {Boolean} isFromFullPolicy,
  * @returns {Object}
  */
-function getSimplifiedPolicyObject(fullPolicyOrPolicySummary) {
+function getSimplifiedPolicyObject(fullPolicyOrPolicySummary, isFromFullPolicy) {
+    const customUnit = lodashGet(fullPolicyOrPolicySummary, 'value.customUnits[0]', undefined);
+    const customUnitValue = lodashGet(customUnit, 'attributes.unit', 'mi');
+    const customUnitRate = lodashGet(customUnit, 'rates[0]', {});
+    const customUnitSimplified = customUnit && {
+        id: customUnit.customUnitID,
+        name: customUnit.name,
+        value: customUnitValue,
+        rate: {
+            id: customUnitRate.customUnitRateID,
+            name: customUnitRate.name,
+            currency: customUnitRate.currency,
+            value: Number(customUnitRate.rate),
+        },
+    };
     return {
+        isFromFullPolicy,
         id: fullPolicyOrPolicySummary.id,
         name: fullPolicyOrPolicySummary.name,
         role: fullPolicyOrPolicySummary.role,
@@ -68,6 +85,7 @@ function getSimplifiedPolicyObject(fullPolicyOrPolicySummary) {
         // avatarUrl will be nested within the key "value"
         avatarURL: fullPolicyOrPolicySummary.avatarURL || lodashGet(fullPolicyOrPolicySummary, 'value.avatarURL', ''),
         employeeList: getSimplifiedEmployeeList(lodashGet(fullPolicyOrPolicySummary, 'value.employeeList')),
+        customUnit: customUnitSimplified,
     };
 }
 
@@ -192,7 +210,7 @@ function getPolicyList() {
 
             const policyCollection = _.reduce(data.policySummaryList, (memo, policy) => ({
                 ...memo,
-                [`${ONYXKEYS.COLLECTION.POLICY}${policy.id}`]: getSimplifiedPolicyObject(policy),
+                [`${ONYXKEYS.COLLECTION.POLICY}${policy.id}`]: getSimplifiedPolicyObject(policy, false),
             }), {});
 
             if (!_.isEmpty(policyCollection)) {
@@ -229,7 +247,7 @@ function loadFullPolicy(policyID) {
                 return;
             }
 
-            Onyx.merge(`${ONYXKEYS.COLLECTION.POLICY}${policy.id}`, getSimplifiedPolicyObject(policy));
+            Onyx.merge(`${ONYXKEYS.COLLECTION.POLICY}${policy.id}`, getSimplifiedPolicyObject(policy, true));
         });
 }
 
@@ -409,6 +427,66 @@ function hideWorkspaceAlertMessage(policyID) {
     Onyx.merge(`${ONYXKEYS.COLLECTION.POLICY}${policyID}`, {alertMessage: ''});
 }
 
+/**
+ * @param {String} policyID
+ * @param {Object} values
+ */
+function setCustomUnit(policyID, values) {
+    API.Policy_CustomUnit_Update({
+        policyID: policyID.toString(),
+        customUnit: JSON.stringify(values),
+        lastModified: null,
+    })
+        .then((response) => {
+            if (response.jsonCode !== 200) {
+                throw new Error();
+            }
+
+            updateLocalPolicyValues(policyID, {
+                customUnit: {
+                    id: values.customUnitID,
+                    name: values.name,
+                    value: values.attributes.unit,
+                },
+            });
+        }).catch(() => {
+            // Show the user feedback
+            Growl.error(Localize.translateLocal('workspace.editor.genericFailureMessage'), 5000);
+        });
+}
+
+/**
+ * @param {String} policyID
+ * @param {String} customUnitID
+ * @param {Object} values
+ */
+function setCustomUnitRate(policyID, customUnitID, values) {
+    API.Policy_CustomUnitRate_Update({
+        policyID: policyID.toString(),
+        customUnitID: customUnitID.toString(),
+        customUnitRate: JSON.stringify(values),
+        lastModified: null,
+    })
+        .then((response) => {
+            if (response.jsonCode !== 200) {
+                throw new Error();
+            }
+
+            updateLocalPolicyValues(policyID, {
+                customUnit: {
+                    rate: {
+                        id: values.customUnitRateID,
+                        name: values.name,
+                        value: Number(values.rate),
+                    },
+                },
+            });
+        }).catch(() => {
+            // Show the user feedback
+            Growl.error(Localize.translateLocal('workspace.editor.genericFailureMessage'), 5000);
+        });
+}
+
 /**
  * Stores in Onyx the policy ID of the last workspace that was accessed by the user
  * @param {String} policyID
@@ -431,5 +509,7 @@ export {
     deletePolicy,
     createAndNavigate,
     createAndGetPolicyList,
+    setCustomUnit,
+    setCustomUnitRate,
     updateLastAccessedWorkspace,
 };