Allow dry run of data load #330

apps/jetstream/src/app/components/load-records/LoadRecords.tsx

@@ -111,10 +111,10 @@ export const LoadRecords: FunctionComponent<LoadRecordsProps> = ({ featureFlags
 
   const resetApiModeState = useResetRecoilState(fromLoadRecordsState.apiModeState);
   const resetBatchSizeState = useResetRecoilState(fromLoadRecordsState.batchSizeState);
-  const resetBatchSizeErrorState = useResetRecoilState(fromLoadRecordsState.batchSizeErrorState);
   const resetInsertNullsState = useResetRecoilState(fromLoadRecordsState.insertNullsState);
   const resetSerialModeState = useResetRecoilState(fromLoadRecordsState.serialModeState);
-  const resetDateFormatState = useResetRecoilState(fromLoadRecordsState.dateFormatState);
+  const resetTrialRunState = useResetRecoilState(fromLoadRecordsState.trialRunState);
+  const resetTrialRunSizeState = useResetRecoilState(fromLoadRecordsState.trialRunSizeState);
 
   useEffect(() => {
     isMounted.current = true;
@@ -137,17 +137,16 @@ export const LoadRecords: FunctionComponent<LoadRecordsProps> = ({ featureFlags
     setBatchSize(getMaxBatchSize(apiMode));
     setSerialMode(apiMode === 'BATCH');
 
-    resetBatchSizeErrorState();
     resetInsertNullsState();
-    resetDateFormatState();
+    resetTrialRunState();
+    resetTrialRunSizeState();
   }, [
     inputFileData,
     inputZipFileData,
-    resetBatchSizeErrorState,
     resetBatchSizeState,
-    resetDateFormatState,
+    resetTrialRunSizeState,
+    resetTrialRunState,
     resetInsertNullsState,
-    resetSerialModeState,
     setApiMode,
     setBatchSize,
     setSerialMode,
@@ -168,10 +167,10 @@ export const LoadRecords: FunctionComponent<LoadRecordsProps> = ({ featureFlags
         resetInputZipFilename();
         resetApiModeState();
         resetBatchSizeState();
-        resetBatchSizeErrorState();
         resetInsertNullsState();
         resetSerialModeState();
-        resetDateFormatState();
+        resetTrialRunState();
+        resetTrialRunSizeState();
       }
     };
   }, [
@@ -187,10 +186,10 @@ export const LoadRecords: FunctionComponent<LoadRecordsProps> = ({ featureFlags
     resetInputZipFilename,
     resetApiModeState,
     resetBatchSizeState,
-    resetBatchSizeErrorState,
     resetInsertNullsState,
     resetSerialModeState,
-    resetDateFormatState,
+    resetTrialRunState,
+    resetTrialRunSizeState,
   ]);
 
   useEffect(() => {
@@ -382,10 +381,10 @@ export const LoadRecords: FunctionComponent<LoadRecordsProps> = ({ featureFlags
     setExternalId('');
     resetApiModeState();
     resetBatchSizeState();
-    resetBatchSizeErrorState();
     resetInsertNullsState();
     resetSerialModeState();
-    resetDateFormatState();
+    resetTrialRunState();
+    resetTrialRunSizeState();
     trackEvent(ANALYTICS_KEYS.load_StartOver, { page: currentStep.name });
   }
 

apps/jetstream/src/app/components/load-records/components/load-results/LoadRecordsResults.tsx

@@ -38,7 +38,7 @@ export const LoadRecordsResults: FunctionComponent<LoadRecordsResultsProps> = ({
   onFinish,
 }) => {
   return (
-    <div>
+    <div className="slds-m-bottom_medium">
       {apiMode === 'BULK' && (
         <LoadRecordsBulkApiResults
           selectedOrg={selectedOrg}

apps/jetstream/src/app/components/load-records/load-records.state.ts

@@ -1,6 +1,6 @@
 import { logger } from '@jetstream/shared/client-logger';
-import { DATE_FORMATS, INDEXED_DB } from '@jetstream/shared/constants';
-import { formatNumber } from '@jetstream/shared/ui-utils';
+import { INDEXED_DB } from '@jetstream/shared/constants';
+import { detectDateFormatForLocale, formatNumber } from '@jetstream/shared/ui-utils';
 import { InsertUpdateUpsertDelete, MapOf, Maybe } from '@jetstream/types';
 import type { DescribeGlobalSObjectResult } from 'jsforce';
 import localforage from 'localforage';
@@ -20,6 +20,7 @@ const SUPPORTED_ATTACHMENT_OBJECTS = new Map<string, { bodyField: string }>();
 SUPPORTED_ATTACHMENT_OBJECTS.set('Attachment', { bodyField: 'Body' });
 SUPPORTED_ATTACHMENT_OBJECTS.set('Document', { bodyField: 'Body' });
 SUPPORTED_ATTACHMENT_OBJECTS.set('ContentVersion', { bodyField: 'VersionData' });
+const DATE_FIELDS = new Set(['date', 'datetime']);
 
 export interface LoadSavedMappingItem {
   key: string; // object:createdDate
@@ -169,11 +170,6 @@ export const batchSizeState = atom<Maybe<number>>({
   default: MAX_BULK,
 });
 
-export const batchSizeErrorState = atom<Maybe<string>>({
-  key: 'batchSizeErrorState',
-  default: null,
-});
-
 export const insertNullsState = atom({
   key: 'insertNullsState',
   default: false,
@@ -184,9 +180,24 @@ export const serialModeState = atom({
   default: false,
 });
 
+export const trialRunState = atom({
+  key: 'trialRunState',
+  default: false,
+});
+
+export const trialRunSizeState = atom<Maybe<number>>({
+  key: 'trialRunSizeState',
+  default: 1,
+});
+
 export const dateFormatState = atom({
   key: 'dateFormatState',
-  default: DATE_FORMATS.MM_DD_YYYY,
+  default: detectDateFormatForLocale(),
+});
+
+export const selectHasDateFieldMapped = selector({
+  key: 'load.selectHasDateFieldMapped',
+  get: ({ get }) => Object.values(get(fieldMappingState)).some((item) => item.fieldMetadata && DATE_FIELDS.has(item.fieldMetadata.type)),
 });
 
 export const selectBatchSizeError = selector<string | null>({
@@ -218,6 +229,18 @@ export const selectBatchApiLimitError = selector<string | null>({
   },
 });
 
+export const selectTrialRunSizeError = selector<string | null>({
+  key: 'load.selectTrialRunSizeError',
+  get: ({ get }) => {
+    const inputLength = get(inputFileDataState)?.length || 1;
+    const trialRunSize = get(trialRunSizeState) || 1;
+    if (!isNumber(trialRunSize) || trialRunSize <= 0 || trialRunSize >= inputLength) {
+      return `Must be between 1 and ${formatNumber(inputLength - 1)}`;
+    }
+    return null;
+  },
+});
+
 export const selectBulkApiModeLabel = selector<string | JSX.Element>({
   key: 'load.selectBulkApiModeLabel',
   get: ({ get }) => {