feat(income-plan): Use new temporary income plan calculation data

libs/application/templates/social-insurance-administration/income-plan/src/fields/PrintScreen/index.tsx

@@ -0,0 +1,18 @@
+import { Box, Button } from '@island.is/island-ui/core'
+
+export const PrintScreen = () => {
+  return (
+    <Box display="flex" justifyContent="flexEnd">
+      <Button
+        variant="utility"
+        icon="print"
+        onClick={(e) => {
+          e.preventDefault()
+          window.print()
+        }}
+      />
+    </Box>
+  )
+}
+
+export default PrintScreen

libs/application/templates/social-insurance-administration/income-plan/src/fields/TemporaryCalculationTable/index.tsx

@@ -6,7 +6,6 @@ import { formatCurrency } from '@island.is/application/ui-components'
 import {
   AlertMessage,
   Box,
-  Button,
   SkeletonLoader,
   Stack,
   Table as T,
@@ -21,13 +20,20 @@ import {
 } from '../../lib/incomePlanUtils'
 import { incomePlanFormMessage } from '../../lib/messages'
 import { SocialInsuranceTemporaryCalculationGroup } from '../../types/schema'
+import { MONTHS } from '@island.is/application/templates/social-insurance-administration-core/lib/constants'
+import { useFormContext } from 'react-hook-form'
 
 export const TemporaryCalculationTable: FC<
   React.PropsWithChildren<FieldBaseProps>
 > = ({ application }) => {
   const { formatMessage } = useLocale()
 
   const { incomePlan } = getApplicationAnswers(application.answers)
+  const { watch } = useFormContext()
+  const temporaryCalculationMonth = watch('temporaryCalculation.month')
+  const monthIndex = MONTHS.findIndex(
+    (month) => month.value === temporaryCalculationMonth,
+  )
   const { categorizedIncomeTypes, incomePlanConditions } =
     getApplicationExternalData(application.externalData)
 
@@ -149,29 +155,27 @@ export const TemporaryCalculationTable: FC<
 
   return (
     <Box>
-      <Box display="flex" justifyContent="flexEnd">
-        <Button
-          variant="utility"
-          icon="print"
-          onClick={(e) => {
-            e.preventDefault()
-            window.print()
-          }}
-        />
-      </Box>
       <Box marginY={3}>
         <Stack space={3}>
           <T.Table>
             <T.Head>
               <T.Row>
                 <T.HeadData width="50%">
-                  {formatMessage(incomePlanFormMessage.info.tableHeaderOne)}
+                  {formatMessage(
+                    incomePlanFormMessage.info.tableHeaderPaymentTypes,
+                  )}
                 </T.HeadData>
                 <T.HeadData width="25%" align="right" box={{ paddingRight: 0 }}>
-                  {formatMessage(incomePlanFormMessage.info.tableHeaderTwo)}
+                  {formatMessage(
+                    MONTHS.find(
+                      ({ value }) => value === temporaryCalculationMonth,
+                    )?.label ?? MONTHS[0].label,
+                  )}
                 </T.HeadData>
                 <T.HeadData width="25%" align="right">
-                  {formatMessage(incomePlanFormMessage.info.tableHeaderThree)}
+                  {formatMessage(incomePlanFormMessage.info.tableHeaderTotal, {
+                    year: incomePlanConditions.incomePlanYear,
+                  })}
                 </T.HeadData>
               </T.Row>
             </T.Head>
@@ -190,8 +194,7 @@ export const TemporaryCalculationTable: FC<
                       align="right"
                       box={{ paddingRight: 0 }}
                     >
-                      {group.total &&
-                        formatCurrency(Math.round(group.total / 12).toString())}
+                      {group.monthTotals?.[monthIndex].amount}
                     </T.HeadData>
                     <T.HeadData width="25%" align="right">
                       {group.total && formatCurrency(group.total.toString())}
@@ -203,8 +206,7 @@ export const TemporaryCalculationTable: FC<
                     <T.Row key={`row-${rowIndex}`}>
                       <T.Data>{row.name}</T.Data>
                       <T.Data align="right" box={{ paddingRight: 0 }}>
-                        {row.total &&
-                          formatCurrency(Math.round(row.total / 12).toString())}
+                        {row.months?.[monthIndex].amount}
                       </T.Data>
                       <T.Data align="right">
                         {row.total && formatCurrency(row.total.toString())}
@@ -221,13 +223,11 @@ export const TemporaryCalculationTable: FC<
                 <T.HeadData width="50%">
                   {formatMessage(incomePlanFormMessage.info.paidTableHeader)}
                 </T.HeadData>
-                <T.HeadData width="25%" align="right" box={{ paddingRight: 0 }}>
-                  {formatCurrency(
-                    Math.round(
-                      data?.getTemporaryCalculations?.paidOut / 12,
-                    ).toString(),
-                  )}
-                </T.HeadData>
+                <T.HeadData
+                  width="25%"
+                  align="right"
+                  box={{ paddingRight: 0 }}
+                ></T.HeadData>
                 <T.HeadData width="25%" align="right">
                   {formatCurrency(
                     data?.getTemporaryCalculations?.paidOut.toString(),

libs/application/templates/social-insurance-administration/income-plan/src/fields/index.ts

@@ -1,2 +1,3 @@
 export { Review } from './Review'
 export { TemporaryCalculationTable } from './TemporaryCalculationTable'
+export { PrintScreen } from './PrintScreen'

libs/application/templates/social-insurance-administration/income-plan/src/forms/IncomePlanForm.ts

@@ -4,6 +4,7 @@ import {
   buildForm,
   buildMultiField,
   buildSection,
+  buildSelectField,
   buildSubSection,
   buildSubmitField,
   buildTableRepeaterField,
@@ -37,6 +38,7 @@ import {
   getTypesOptions,
 } from '../lib/incomePlanUtils'
 import { incomePlanFormMessage } from '../lib/messages'
+import { MONTHS } from '@island.is/application/templates/social-insurance-administration-core/lib/constants'
 
 export const IncomePlanForm: Form = buildForm({
   id: 'IncomePlanDraft',
@@ -625,6 +627,19 @@ export const IncomePlanForm: Form = buildForm({
           title: incomePlanFormMessage.info.temporaryCalculationTitle,
           description: incomePlanFormMessage.info.tableDescription,
           children: [
+            buildCustomField({
+              title: '',
+              id: 'overviewPrint',
+              doesNotRequireAnswer: true,
+              component: 'PrintScreen',
+            }),
+            buildSelectField({
+              id: 'temporaryCalculation.month',
+              title: socialInsuranceAdministrationMessage.period.month,
+              width: 'half',
+              options: MONTHS,
+              defaultValue: 'January',
+            }),
             buildCustomField({
               id: 'temporaryCalculationTable',
               title: '',

libs/application/templates/social-insurance-administration/income-plan/src/lib/incomePlanUtils.ts

@@ -80,7 +80,15 @@ export const getApplicationAnswers = (answers: Application['answers']) => {
     [],
   ) as IncomePlanRow[]
 
-  return { incomePlan }
+  const temporaryCalculationMonth = getValueViaPath(
+    answers,
+    'temporaryCalculation.month',
+  ) as string
+
+  return {
+    incomePlan,
+    temporaryCalculationMonth,
+  }
 }
 
 export const getOneInstanceOfCategory = (

libs/application/templates/social-insurance-administration/income-plan/src/lib/messages.ts

@@ -98,20 +98,15 @@ export const incomePlanFormMessage: MessageDir = {
       defaultMessage: 'Bráðabirgðaútreikningur',
       description: 'Temporary calculation',
     },
-    tableHeaderOne: {
-      id: 'ip.application:table.header.one',
+    tableHeaderPaymentTypes: {
+      id: 'ip.application:table.header.payment.type',
       defaultMessage: 'Greiðslutegundir',
       description: 'Payment types',
     },
-    tableHeaderTwo: {
-      id: 'ip.application:table.header.two',
-      defaultMessage: 'Samtals á mánuði',
-      description: 'Montly total',
-    },
-    tableHeaderThree: {
-      id: 'ip.application:table.header.three',
-      defaultMessage: 'Samtals á ári',
-      description: 'Annual total',
+    tableHeaderTotal: {
+      id: 'ip.application:table.header.total',
+      defaultMessage: 'Samtals {year}',
+      description: 'Total {year}',
     },
     tableDescription: {
       id: 'ip.application:table.description',