@autobusal/routes-order 1.9.3 → 1.11.1

package/Step5/Step5.tsx

@@ -1,185 +0,0 @@
-import { useCallback, useState } from 'react';
-import { TFunction } from 'i18next';
-import { useForm } from 'react-hook-form';
-import { useNavigate } from 'react-router-dom';
-import { RiShoppingCartLine } from 'react-icons/ri';
-import { AiOutlineCaretLeft } from 'react-icons/ai';
-import { MdDone } from 'react-icons/md';
-import { Button } from '@autobusal/common';
-import Steps from '../Steps/Steps';
-import Summary from './Summary/Summary';
-import Coupons from './Coupons/Coupons';
-import Addons from './Addons/Addons';
-import Billing from './Billing/Billing';
-import Payments from './Payments/Payments';
-import { getTotal, convertCoupon } from './utilities';
-import { Title, Actions } from '../styles';
-import { PersonData, BillingData } from '@autobusal/providers/types/persons';
-import { FoundData } from '@autobusal/providers/types/routes';
-import { CouponData } from '@autobusal/providers/types/orders';
-import { RoutesSearchForm } from '@autobusal/routes-search/types';
-import { TotalData } from '../types';
-import { useUserStore } from '@autobusal/providers/stores/user';
-import { useGetSettings } from '@autobusal/providers/services';
-import { usePostOrder } from '../services';
-
-interface Props {
-  step1: RoutesSearchForm
-  step2: FoundData
-  step3?: FoundData
-  step4: PersonData
-  isPartner?: boolean
-  t: TFunction<'common'>
-  onBack: (step: number) => void
-}
-
-const Step5 = ({ step1, step2, step3, step4, isPartner, t, onBack }: Props): JSX.Element => {
-  const [ coupon, setCoupon ] = useState<CouponData | undefined>(undefined);
-  const [ total, setTotal ] = useState<TotalData>(
-    getTotal(step2, step3)
-  );
-  const [ action, setAction ] = useState<string | undefined>(undefined);
-
-  const [ addonWhatsapp, setAddonWhatsapp ] = useState<boolean>(false);
-  const [ addonWhatsappNumber, setAddonWhatsappNumber ] = useState<string>('');
-  const [ addonTelegram, setAddonTelegram ] = useState<boolean>(false);
-
-  const { data: UserData } = useUserStore();
-  const { data: SettingsData } = useGetSettings();
-
-  const navigate = useNavigate();
-
-  const { register, handleSubmit, formState: { errors } } = useForm<BillingData>();
-
-  // Edited: Ferjolt Ozuni - Date: 2026-07-25
-  // Paid addons are priced/verified server-side (see obtapi's
-  // App\Libraries\Orders\Make\Addons) - this is only for the checkout
-  // summary display and the grand total shown before payment.
-  const currency = total.display.split(' ')[1] ?? '';
-
-  const addonItems = [
-    addonWhatsapp && SettingsData?.addons?.whatsapp.available ? {
-      label: t('routes_order.step5.addons.whatsapp.label'),
-      price: SettingsData.addons.whatsapp.price
-    } : null,
-    addonTelegram && SettingsData?.addons?.telegram.available ? {
-      label: t('routes_order.step5.addons.telegram.label'),
-      price: SettingsData.addons.telegram.price
-    } : null
-  ].filter((item): item is { label: string, price: number } => item !== null);
-
-  const addonsValue = addonItems.reduce((sum, item) => sum + item.price, 0);
-
-  const grandTotal: TotalData = {
-    display: `${ total.value + addonsValue } ${ currency }`,
-    value: total.value + addonsValue
-  };
-
-  const { mutate: OrderSend, isPending } = usePostOrder(step1, step2, step3, step4, coupon, action, {
-    whatsapp: addonWhatsapp,
-    whatsappNumber: addonWhatsappNumber,
-    telegram: addonTelegram
-  });
-
-  const onApplyCoupon = (data: CouponData): void => {
-    setTotal(
-      convertCoupon(data)
-    );
-
-    setCoupon(data);
-  };
-
-  const onAction = useCallback((action: string): void => {
-    setAction(action);
-  }, []);
-
-  const onSendForm = async (): Promise<void> => {
-    if (addonWhatsapp && addonWhatsappNumber.trim().length < 5) {
-      alert(t('routes_order.step5.addons.whatsapp.phone_error'));
-
-      return;
-    }
-
-    await handleSubmit(onSubmit)();
-  };
-
-  const onSubmit = (data: BillingData): void => {
-    OrderSend(data, {
-      onSuccess: (data) => {
-        if (data === undefined) {
-          return;
-        }
-
-        const hash = step1.type === 'return' ? data.return : data.departure;
-
-        navigate(`/orders/process/${ action }/${ hash }`);
-      }
-    });
-  };
-
-  return (
-    <>
-      <Title>
-        <RiShoppingCartLine />
-        { t('routes_order.step5.title') }
-      </Title>
-
-      <Steps value={ 5 } />
-
-      <Summary
-        step1={ step1 }
-        step2={ step2 }
-        step3={ step3 }
-        step4={ step4 }
-        coupon={ coupon }
-        addons={ addonItems.map(item => ({ label: item.label, value: `${ item.price } ${ currency }` })) }
-        total={ grandTotal }
-        t={ t }
-      />
-
-      <Coupons current={ coupon } step2={ step2 } total={ total } t={ t } onApplied={ onApplyCoupon } />
-
-      <Addons
-        data={ SettingsData?.addons }
-        currency={ currency }
-        whatsapp={ addonWhatsapp }
-        whatsappNumber={ addonWhatsappNumber }
-        telegram={ addonTelegram }
-        t={ t }
-        onChangeWhatsapp={ setAddonWhatsapp }
-        onChangeWhatsappNumber={ setAddonWhatsappNumber }
-        onChangeTelegram={ setAddonTelegram }
-      />
-
-      { UserData === undefined && <Billing t={ t } errors={ errors } refs={ register } /> }
-
-      <Payments
-        selected={ action ?? '' }
-        isPartner={ isPartner ?? false }
-        t={ t }
-        onChange={ onAction }
-      />
-
-      <Actions>
-        <Button
-          type="button"
-          subtype="secondary"
-          text={ <><AiOutlineCaretLeft /> { t('routes_order.step5.back') }</> }
-          noMargin
-          onClick={ () => onBack(4) }
-        />
-
-        <Button
-          loading={isPending}
-          noMargin
-          text={ (
-            <><MdDone />{ t('routes_order.step5.next') }</>
-          ) }
-          onClick={ onSendForm }
-        />
-      </Actions>
-    </>
-  );
-};
-
-export default Step5;