feat: assign default default messages on sales transactions

packages/webapp/src/containers/Preferences/Receipts/PreferencesReceiptsForm.tsx

@@ -4,11 +4,7 @@ import { Form } from 'formik';
 import { Button, Intent } from '@blueprintjs/core';
 import { useHistory } from 'react-router-dom';
 
-import {
-  FormattedMessage as T,
-  FFormGroup,
-  FTextArea,
-} from '@/components';
+import { FormattedMessage as T, FFormGroup, FTextArea } from '@/components';
 
 /**
  * Preferences general form.
@@ -23,6 +19,20 @@ export function PreferencesReceiptsForm({ isSubmitting }) {
 
   return (
     <Form>
+      {/* ---------- Customer Notes ----------  */}
+      <FFormGroup
+        name={'receiptMessage'}
+        label={<T id={'pref.receipts.receiptMessage.field'} />}
+        fastField={true}
+      >
+        <FTextArea
+          medium={'true'}
+          name={'receiptMessage'}
+          fastField={true}
+          fill={true}
+        />
+      </FFormGroup>
+
       {/* ---------- Terms & Conditions ----------  */}
       <FFormGroup
         name={'termsConditions'}
@@ -37,20 +47,6 @@ export function PreferencesReceiptsForm({ isSubmitting }) {
         />
       </FFormGroup>
 
-      {/* ---------- Customer Notes ----------  */}
-      <FFormGroup
-        name={'customerNotes'}
-        label={<T id={'pref.receipts.customerNotes.field'} />}
-        fastField={true}
-      >
-        <FTextArea
-          medium={'true'}
-          name={'tax_number'}
-          fastField={true}
-          fill={true}
-        />
-      </FFormGroup>
-
       <CardFooterActions>
         <Button loading={isSubmitting} intent={Intent.PRIMARY} type="submit">
           <T id={'save'} />

packages/webapp/src/containers/Preferences/Receipts/PreferencesReceiptsFormBoot.tsx

@@ -15,7 +15,7 @@ function PreferencesReceiptsBoot({ ...props }) {
 
   // Provider state.
   const provider = {
-    organization: {},
+    isSettingsLoading,
   };
 
   // Detarmines whether if any query is loading.

packages/webapp/src/containers/Preferences/Receipts/PreferencesReceiptsFormPage.tsx

@@ -3,18 +3,21 @@ import React, { useEffect } from 'react';
 import intl from 'react-intl-universal';
 import { Formik } from 'formik';
 import { Intent } from '@blueprintjs/core';
+import * as R from 'ramda';
 
 import { AppToaster } from '@/components';
 import { PreferencesReceiptsFormSchema } from './PreferencesReceiptsForm.schema';
-import { usePreferencesReceiptsFormContext } from './PreferencesReceiptsFormBoot';
 import { PreferencesReceiptsForm } from './PreferencesReceiptsForm';
 import withDashboardActions from '@/containers/Dashboard/withDashboardActions';
 
-import { compose, transformToForm } from '@/utils';
+import { compose, transformToForm, transfromToSnakeCase } from '@/utils';
+import withSettings from '@/containers/Settings/withSettings';
+import { useSaveSettings } from '@/hooks/query';
+import { transferObjectOptionsToArray } from '../Accountant/utils';
 
 const defaultValues = {
   termsConditions: '',
-  customerNotes: '',
+  receiptMessage: '',
 };
 
 /**
@@ -23,8 +26,12 @@ const defaultValues = {
 function PreferencesReceiptsFormPageRoot({
   // #withDashboardActions
   changePreferencesPageTitle,
+
+  // #withSettings
+  receiptSettings,
 }) {
-  const { organization } = usePreferencesReceiptsFormContext();
+  // Save settings.
+  const { mutateAsync: saveSettingMutate } = useSaveSettings();
 
   useEffect(() => {
     changePreferencesPageTitle(intl.get('preferences.receipts'));
@@ -33,12 +40,17 @@ function PreferencesReceiptsFormPageRoot({
   // Initial values.
   const initialValues = {
     ...defaultValues,
-    ...transformToForm(organization.metadata, defaultValues),
+    ...transformToForm(receiptSettings, defaultValues),
   };
   // Handle the form submit.
   const handleFormSubmit = (values, { setSubmitting }) => {
+    const options = R.compose(
+      transferObjectOptionsToArray,
+      transfromToSnakeCase,
+    )({ salesReceipts: { ...values } });
+
     // Handle request success.
-    const onSuccess = (response) => {
+    const onSuccess = () => {
       AppToaster.show({
         message: intl.get('preferences.receipts.success_message'),
         intent: Intent.SUCCESS,
@@ -49,9 +61,7 @@ function PreferencesReceiptsFormPageRoot({
     const onError = () => {
       setSubmitting(false);
     };
-    // updateOrganization({ ...values })
-    //   .then(onSuccess)
-    //   .catch(onError);
+    saveSettingMutate({ options }).then(onSuccess).catch(onError);
   };
 
   return (
@@ -64,6 +74,9 @@ function PreferencesReceiptsFormPageRoot({
   );
 }
 
-export const PreferencesReceiptsFormPage = compose(withDashboardActions)(
-  PreferencesReceiptsFormPageRoot,
-);
+export const PreferencesReceiptsFormPage = compose(
+  withDashboardActions,
+  withSettings(({ receiptSettings }) => ({
+    receiptSettings: receiptSettings,
+  })),
+)(PreferencesReceiptsFormPageRoot);