|
| 1 | +import React from 'react'; |
| 2 | +import type {FormOnyxValues} from '@components/Form/types'; |
| 3 | +import {useSearchStateContext} from '@components/Search/SearchContext'; |
| 4 | +import useCurrentUserPersonalDetails from '@hooks/useCurrentUserPersonalDetails'; |
| 5 | +import useLocalize from '@hooks/useLocalize'; |
| 6 | +import useOnboardingTaskInformation from '@hooks/useOnboardingTaskInformation'; |
| 7 | +import useOnyx from '@hooks/useOnyx'; |
| 8 | +import usePermissions from '@hooks/usePermissions'; |
| 9 | +import usePolicyForTransaction from '@hooks/usePolicyForTransaction'; |
| 10 | +import useRestartOnReceiptFailure from '@hooks/useRestartOnReceiptFailure'; |
| 11 | +import {getIOURequestPolicyID, setMoneyRequestCategory} from '@libs/actions/IOU'; |
| 12 | +import {setDraftSplitTransaction} from '@libs/actions/IOU/Split'; |
| 13 | +import {updateMoneyRequestCategory} from '@libs/actions/IOU/UpdateMoneyRequest'; |
| 14 | +import {createPolicyCategory} from '@libs/actions/Policy/Category'; |
| 15 | +import getNonEmptyStringOnyxID from '@libs/getNonEmptyStringOnyxID'; |
| 16 | +import Navigation from '@libs/Navigation/Navigation'; |
| 17 | +import {hasTags} from '@libs/PolicyUtils'; |
| 18 | +import AccessOrNotFoundWrapper from '@pages/workspace/AccessOrNotFoundWrapper'; |
| 19 | +import CategoryForm from '@pages/workspace/categories/CategoryForm'; |
| 20 | +import CONST from '@src/CONST'; |
| 21 | +import ONYXKEYS from '@src/ONYXKEYS'; |
| 22 | +import ROUTES from '@src/ROUTES'; |
| 23 | +import type SCREENS from '@src/SCREENS'; |
| 24 | +import StepScreenWrapper from './StepScreenWrapper'; |
| 25 | +import type {WithFullTransactionOrNotFoundProps} from './withFullTransactionOrNotFound'; |
| 26 | +import withFullTransactionOrNotFound from './withFullTransactionOrNotFound'; |
| 27 | +import type {WithWritableReportOrNotFoundProps} from './withWritableReportOrNotFound'; |
| 28 | +import withWritableReportOrNotFound from './withWritableReportOrNotFound'; |
| 29 | + |
| 30 | +type IOURequestStepCategoryCreateProps = WithWritableReportOrNotFoundProps<typeof SCREENS.MONEY_REQUEST.STEP_CATEGORY_CREATE> & |
| 31 | + WithFullTransactionOrNotFoundProps<typeof SCREENS.MONEY_REQUEST.STEP_CATEGORY_CREATE>; |
| 32 | + |
| 33 | +function IOURequestStepCategoryCreate({ |
| 34 | + report: reportReal, |
| 35 | + reportDraft, |
| 36 | + route: { |
| 37 | + params: {transactionID, action, iouType, reportID, reportActionID, backTo}, |
| 38 | + }, |
| 39 | + transaction, |
| 40 | +}: IOURequestStepCategoryCreateProps) { |
| 41 | + const {translate} = useLocalize(); |
| 42 | + const currentUserPersonalDetails = useCurrentUserPersonalDetails(); |
| 43 | + const {isBetaEnabled} = usePermissions(); |
| 44 | + const isASAPSubmitBetaEnabled = isBetaEnabled(CONST.BETAS.ASAP_SUBMIT); |
| 45 | + const {currentSearchHash} = useSearchStateContext(); |
| 46 | + |
| 47 | + const isEditing = action === CONST.IOU.ACTION.EDIT; |
| 48 | + const isEditingSplit = (iouType === CONST.IOU.TYPE.SPLIT || iouType === CONST.IOU.TYPE.SPLIT_EXPENSE) && isEditing; |
| 49 | + |
| 50 | + const policyIdReal = getIOURequestPolicyID(transaction, reportReal); |
| 51 | + const policyIdDraft = getIOURequestPolicyID(transaction, reportDraft); |
| 52 | + const {policy} = usePolicyForTransaction({ |
| 53 | + transaction, |
| 54 | + reportPolicyID: policyIdReal ?? policyIdDraft, |
| 55 | + action, |
| 56 | + iouType, |
| 57 | + isPerDiemRequest: false, |
| 58 | + }); |
| 59 | + const policyID = policy?.id; |
| 60 | + |
| 61 | + const [splitDraftTransaction] = useOnyx(`${ONYXKEYS.COLLECTION.SPLIT_TRANSACTION_DRAFT}${transactionID}`); |
| 62 | + const [policyCategories] = useOnyx(`${ONYXKEYS.COLLECTION.POLICY_CATEGORIES}${policyID}`); |
| 63 | + const [policyTags] = useOnyx(`${ONYXKEYS.COLLECTION.POLICY_TAGS}${policyID}`); |
| 64 | + const [policyRecentlyUsedCategories] = useOnyx(`${ONYXKEYS.COLLECTION.POLICY_RECENTLY_USED_CATEGORIES}${policyID}`); |
| 65 | + const [parentReport] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT}${getNonEmptyStringOnyxID(reportReal?.parentReportID ?? reportDraft?.parentReportID)}`); |
| 66 | + const [parentReportNextStep] = useOnyx(`${ONYXKEYS.COLLECTION.NEXT_STEP}${getNonEmptyStringOnyxID(reportReal?.parentReportID ?? reportDraft?.parentReportID)}`); |
| 67 | + |
| 68 | + const report = reportReal ?? reportDraft; |
| 69 | + |
| 70 | + useRestartOnReceiptFailure(transaction, reportID, iouType, action); |
| 71 | + |
| 72 | + const policyHasTags = hasTags(policyTags); |
| 73 | + |
| 74 | + const { |
| 75 | + taskReport: setupCategoryTaskReport, |
| 76 | + taskParentReport: setupCategoryTaskParentReport, |
| 77 | + isOnboardingTaskParentReportArchived: isSetupCategoryTaskParentReportArchived, |
| 78 | + hasOutstandingChildTask, |
| 79 | + parentReportAction, |
| 80 | + } = useOnboardingTaskInformation(CONST.ONBOARDING_TASK_TYPE.SETUP_CATEGORIES); |
| 81 | + |
| 82 | + const { |
| 83 | + taskReport: setupCategoriesAndTagsTaskReport, |
| 84 | + taskParentReport: setupCategoriesAndTagsTaskParentReport, |
| 85 | + isOnboardingTaskParentReportArchived: isSetupCategoriesAndTagsTaskParentReportArchived, |
| 86 | + hasOutstandingChildTask: setupCategoriesAndTagsHasOutstandingChildTask, |
| 87 | + parentReportAction: setupCategoriesAndTagsParentReportAction, |
| 88 | + } = useOnboardingTaskInformation(CONST.ONBOARDING_TASK_TYPE.SETUP_CATEGORIES_AND_TAGS); |
| 89 | + |
| 90 | + const createCategory = (values: FormOnyxValues<typeof ONYXKEYS.FORMS.WORKSPACE_CATEGORY_FORM>) => { |
| 91 | + const categoryName = values.categoryName.trim(); |
| 92 | + |
| 93 | + if (!policyID) { |
| 94 | + return; |
| 95 | + } |
| 96 | + |
| 97 | + // 1. Create the category in the workspace (optimistic update, queued API call). |
| 98 | + createPolicyCategory({ |
| 99 | + policyID, |
| 100 | + categoryName, |
| 101 | + isSetupCategoriesTaskParentReportArchived: isSetupCategoryTaskParentReportArchived, |
| 102 | + setupCategoryTaskReport, |
| 103 | + setupCategoryTaskParentReport, |
| 104 | + currentUserAccountID: currentUserPersonalDetails.accountID, |
| 105 | + hasOutstandingChildTask, |
| 106 | + parentReportAction, |
| 107 | + setupCategoriesAndTagsTaskReport, |
| 108 | + setupCategoriesAndTagsTaskParentReport, |
| 109 | + isSetupCategoriesAndTagsTaskParentReportArchived, |
| 110 | + setupCategoriesAndTagsHasOutstandingChildTask, |
| 111 | + setupCategoriesAndTagsParentReportAction, |
| 112 | + policyHasTags, |
| 113 | + }); |
| 114 | + |
| 115 | + // 2. Apply the newly created category to the transaction. |
| 116 | + const policyCategoriesWithNewCategory = { |
| 117 | + ...policyCategories, |
| 118 | + [categoryName]: { |
| 119 | + name: categoryName, |
| 120 | + enabled: true, |
| 121 | + errors: null, |
| 122 | + pendingAction: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD, |
| 123 | + }, |
| 124 | + }; |
| 125 | + |
| 126 | + if (isEditingSplit && transaction) { |
| 127 | + setDraftSplitTransaction(transaction.transactionID, splitDraftTransaction, {category: categoryName}, policy); |
| 128 | + } else if (isEditing && report) { |
| 129 | + updateMoneyRequestCategory({ |
| 130 | + transactionID: transaction?.transactionID ?? transactionID, |
| 131 | + transactionThreadReport: report, |
| 132 | + parentReport, |
| 133 | + parentReportNextStep, |
| 134 | + category: categoryName, |
| 135 | + policy, |
| 136 | + policyTagList: policyTags, |
| 137 | + policyCategories: policyCategoriesWithNewCategory, |
| 138 | + policyRecentlyUsedCategories, |
| 139 | + currentUserAccountIDParam: currentUserPersonalDetails.accountID, |
| 140 | + currentUserEmailParam: currentUserPersonalDetails.login ?? '', |
| 141 | + isASAPSubmitBetaEnabled, |
| 142 | + hash: currentSearchHash, |
| 143 | + }); |
| 144 | + } else { |
| 145 | + setMoneyRequestCategory(transactionID, categoryName, policy); |
| 146 | + } |
| 147 | + |
| 148 | + if (!isEditing && action === CONST.IOU.ACTION.CATEGORIZE && !backTo) { |
| 149 | + Navigation.navigate(ROUTES.MONEY_REQUEST_STEP_CONFIRMATION.getRoute(action, iouType, transactionID, report?.reportID ?? reportID)); |
| 150 | + return; |
| 151 | + } |
| 152 | + Navigation.goBack(backTo); |
| 153 | + }; |
| 154 | + |
| 155 | + return ( |
| 156 | + <AccessOrNotFoundWrapper |
| 157 | + accessVariants={[CONST.POLICY.ACCESS_VARIANTS.ADMIN, CONST.POLICY.ACCESS_VARIANTS.PAID]} |
| 158 | + policyID={policyID} |
| 159 | + featureName={CONST.POLICY.MORE_FEATURES.ARE_CATEGORIES_ENABLED} |
| 160 | + > |
| 161 | + <StepScreenWrapper |
| 162 | + headerTitle={translate('workspace.categories.addCategory')} |
| 163 | + onBackButtonPress={() => Navigation.goBack(ROUTES.MONEY_REQUEST_STEP_CATEGORY.getRoute(action, iouType, transactionID, reportID, backTo, reportActionID))} |
| 164 | + shouldShowWrapper |
| 165 | + testID="IOURequestStepCategoryCreate" |
| 166 | + > |
| 167 | + <CategoryForm |
| 168 | + onSubmit={createCategory} |
| 169 | + policyCategories={policyCategories} |
| 170 | + addBottomSafeAreaPadding={false} |
| 171 | + /> |
| 172 | + </StepScreenWrapper> |
| 173 | + </AccessOrNotFoundWrapper> |
| 174 | + ); |
| 175 | +} |
| 176 | + |
| 177 | +const IOURequestStepCategoryCreateWithFullTransactionOrNotFound = withFullTransactionOrNotFound(IOURequestStepCategoryCreate); |
| 178 | +const IOURequestStepCategoryCreateWithWritableReportOrNotFound = withWritableReportOrNotFound(IOURequestStepCategoryCreateWithFullTransactionOrNotFound); |
| 179 | +export default IOURequestStepCategoryCreateWithWritableReportOrNotFound; |
0 commit comments