Implement new tractor order form

src/components/Tractor/Sow/SowOrderEstimatedTipPaid.tsx

@@ -0,0 +1,129 @@
+import { TV } from "@/classes/TokenValue";
+import { Row } from "@/components/Container";
+import TooltipSimple from "@/components/TooltipSimple";
+import IconImage from "@/components/ui/IconImage";
+import { DEFAULT_DELTA, INITIAL_CULTIVATION_FACTOR } from "@/constants/calculations";
+import { useCultivationFactor } from "@/hooks/pinto/useCultivationFactor";
+import { useInitialSoil } from "@/state/useFieldData";
+import { usePriceData } from "@/state/usePriceData";
+import { useMainToken } from "@/state/useTokenData";
+import { formatter } from "@/utils/format";
+import { solveArithmeticSeriesForN } from "@/utils/math";
+import { postSanitizedSanitizedValue } from "@/utils/string";
+import { useMemo } from "react";
+import { useFormContext, useWatch } from "react-hook-form";
+import { SowOrderV0FormSchema } from "../form/SowOrderV0Schema";
+import { TractorOperatorTipStrategy, getTractorOperatorTipAmountFromPreset } from "../form/fields/sharedFields";
+
+interface SowOrderEstimatedTipPaidProps {
+  averageTipPaid: number;
+  operatorTipPreset: TractorOperatorTipStrategy;
+}
+
+export const SowOrderEstimatedTipPaid = ({ averageTipPaid, operatorTipPreset }: SowOrderEstimatedTipPaidProps) => {
+  const mainToken = useMainToken();
+  const form = useFormContext<SowOrderV0FormSchema>();
+
+  // Fetch data for accurate arithmetic series calculation
+  const { data: cultivationFactor, isLoading: isCultivationLoading } = useCultivationFactor();
+  const { initialSoil, isLoading: isInitialSoilLoading } = useInitialSoil();
+  const { price: pintoPrice } = usePriceData();
+
+  const [operatorTip, customOperatorTip, maxPerSeason, minSoil, totalAmount] = useWatch({
+    control: form.control,
+    name: ["operatorTip", "customOperatorTip", "maxPerSeason", "minSoil", "totalAmount"],
+  }) as [string | undefined, string | undefined, string, string, string];
+
+  const tipEstimations = useMemo(() => {
+    const total = postSanitizedSanitizedValue(totalAmount ?? "", mainToken.decimals).tv;
+    const max = postSanitizedSanitizedValue(maxPerSeason ?? "", mainToken.decimals).tv;
+    const min = postSanitizedSanitizedValue(minSoil ?? "", mainToken.decimals).tv;
+
+    // Calculate tip from preset (same as OperatorTipPresetDropdown does)
+    // Use customOperatorTip when preset is Custom, otherwise use operatorTip
+    const tipAmount = operatorTipPreset === "Custom" ? customOperatorTip : operatorTip;
+    const tip =
+      getTractorOperatorTipAmountFromPreset(operatorTipPreset, averageTipPaid, tipAmount, mainToken.decimals) ??
+      TV.ZERO;
+
+    if (total.eq(0) || tip.eq(0)) {
+      return {
+        min: TV.ZERO,
+        max: TV.ZERO,
+      };
+    }
+
+    // Min executions = total / maxPerSeason (fewer executions = lower tip)
+    const minTimes = max.gt(0) ? total.div(max) : TV.ZERO;
+
+    // Max executions using accurate arithmetic series calculation
+    let maxTimes: TV;
+
+    // Check if we have all required data for accurate calculation
+    if (!cultivationFactor || !initialSoil || isCultivationLoading || isInitialSoilLoading || !pintoPrice) {
+      // Fallback to simple division while loading or if data unavailable
+      maxTimes = min.gt(0) ? total.div(min) : TV.ZERO;
+    } else {
+      // Calculate initial value: initialSoil * INITIAL_CULTIVATION_FACTOR / cultivationFactor
+      const initialValue = initialSoil.mul(INITIAL_CULTIVATION_FACTOR).div(cultivationFactor);
+
+      // Calculate delta: (DEFAULT_DELTA * initialValue / 1e6) * pintoPrice / 1e6
+      // Note: pintoPrice is TokenValue with 6 decimals, so divide by 1e6 to normalize
+      const delta = initialValue.mul(DEFAULT_DELTA).div(1e6).mul(pintoPrice).div(1e6);
+
+      // Solve for number of executions using arithmetic series
+      const maxExecutions = solveArithmeticSeriesForN(total, initialValue, delta);
+
+      // Convert number to TokenValue
+      maxTimes = TV.fromHuman(maxExecutions, mainToken.decimals);
+    }
+
+    return {
+      min: minTimes.mul(tip),
+      max: maxTimes.mul(tip),
+    };
+  }, [
+    operatorTip,
+    customOperatorTip,
+    maxPerSeason,
+    minSoil,
+    totalAmount,
+    operatorTipPreset,
+    averageTipPaid,
+    mainToken.decimals,
+    cultivationFactor,
+    initialSoil,
+    pintoPrice,
+    isCultivationLoading,
+    isInitialSoilLoading,
+  ]);
+
+  return (
+    <Row className="w-full justify-between">
+      <Row className="gap-1 items-center">
+        <div className="pinto-sm-light text-pinto-secondary">Estimated Total Tip</div>
+        <TooltipSimple
+          variant="outlined"
+          content={
+            <span>
+              The total tip paid depends on the number of executions needed to fill your order, based on the Soil supply
+              and Cultivation Factor.{" "}
+              <a
+                href="https://docs.pinto.money/pinto-mechanics/field-the-most-innovative-lending-facility-in-crypto/the-cultivation-system-optimal-soil-issuance"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="underline hover:text-pinto-green-4"
+              >
+                Learn more
+              </a>
+            </span>
+          }
+        />
+      </Row>
+      <Row className="gap-1 pinto-sm font-normal">
+        <IconImage src={mainToken.logoURI} alt="PINTO" size={4} className="rounded-full" />
+        {formatter.token(tipEstimations.min, mainToken)} - {formatter.token(tipEstimations.max, mainToken)}
+      </Row>
+    </Row>
+  );
+};

src/components/Tractor/Sow/SowOrderSharedComponents.tsx

@@ -0,0 +1,163 @@
+import { Col, Row } from "@/components/Container";
+import TooltipSimple from "@/components/TooltipSimple";
+import { Button } from "@/components/ui/Button";
+import { Card } from "@/components/ui/Card";
+import IconImage from "@/components/ui/IconImage";
+import { Label } from "@/components/ui/Label";
+import { Separator } from "@/components/ui/Separator";
+import { useTokenMap } from "@/hooks/pinto/useTokenMap";
+import { tractorTokenStrategyUtil as StrategyUtil } from "@/lib/Tractor";
+import { TractorTokenStrategy } from "@/lib/Tractor/types";
+import { formatter } from "@/utils/format";
+import { getTokenIndex } from "@/utils/token";
+import { MayPromise } from "@/utils/types.generic";
+import React from "react";
+import { useFormContext, useFormState, useWatch } from "react-hook-form";
+import { TOOLTIP_COPY } from "../form/SowOrderV0Fields";
+import { SowOrderV0FormSchema } from "../form/SowOrderV0Schema";
+import { TractorFormButtonsRow } from "../form/fields/sharedFields";
+
+// ============================================================================
+// Shared Components
+// ============================================================================
+
+export const SowOrderFormButtonRow = ({
+  handleBack,
+  handleNext,
+  isLoading,
+}: {
+  handleBack: (e: React.MouseEvent<HTMLButtonElement>) => void;
+  handleNext: (e: React.MouseEvent<HTMLButtonElement>) => MayPromise<void>;
+  isLoading: boolean;
+}) => {
+  const { errors } = useFormState<SowOrderV0FormSchema>();
+
+  const hasErrors = Boolean(Object.keys(errors).length);
+
+  return (
+    <TractorFormButtonsRow
+      handleLeft={handleBack}
+      handleRight={handleNext}
+      isLoading={isLoading}
+      right={{
+        content: "Submit",
+        disabled: Boolean(hasErrors),
+      }}
+      left={{
+        content: "← Back",
+      }}
+    />
+  );
+};
+
+export const SowOrderEntryFormParametersSummary = () => {
+  const ctx = useFormContext<SowOrderV0FormSchema>();
+  const values = useWatch({ control: ctx.control });
+  const tokenMap = useTokenMap();
+
+  const totalPintosToSow = `${values.totalAmount} PINTO`;
+  const minimumTemperature = `${values.temperature}%`;
+
+  const summary = StrategyUtil.getSummary(
+    (values.selectedTokenStrategy ?? { type: "LOWEST_SEEDS" }) as TractorTokenStrategy,
+  );
+
+  const renderTokenStrategy = () => {
+    if (summary.isLowestPrice) return "Token with Best Price";
+    if (summary.isLowestSeeds) return "Token with Least Seeds";
+
+    const addresses = summary.addresses ?? [];
+
+    if ((summary.isMulti || summary.isSingle) && !!addresses.length) {
+      return (
+        <Col className="gap-1">
+          {addresses.map((adr) => {
+            const tk = tokenMap[getTokenIndex(adr)];
+            return (
+              <Row key={`${adr}-selected-token-strategy`} className="gap-1 items-center">
+                <IconImage src={tk.logoURI} size={4} alt={tk.symbol} />
+                <div className="pinto-sm font-normal">{tk.symbol}</div>
+              </Row>
+            );
+          })}
+        </Col>
+      );
+    }
+
+    return <></>;
+  };
+
+  const morningAuction = values.morningAuction ? "Yes" : "No";
+
+  return (
+    <>
+      <ReviewRow label="Total Pintos to Sow" tooltip={TOOLTIP_COPY.totalAmount} value={totalPintosToSow} />
+      <ReviewRow label="Token Sources" tooltip={TOOLTIP_COPY.tokenStrategy} value={renderTokenStrategy()} />
+      <ReviewRow label="Minimum Temperature" tooltip={TOOLTIP_COPY.temperature} value={minimumTemperature} />
+      <ReviewRow label="Execute During Morning" tooltip={TOOLTIP_COPY.morningAuction} value={morningAuction} />
+    </>
+  );
+};
+
+export const SowOrderFormAdvancedParametersSummary = ({
+  toggleEdit,
+}: {
+  toggleEdit: (e: React.MouseEvent<HTMLButtonElement>) => void;
+}) => {
+  const ctx = useFormContext<SowOrderV0FormSchema>();
+  const values = useWatch({ control: ctx.control });
+
+  const minSoil = values.minSoil;
+  const maxPerSeason = values.maxPerSeason;
+  const podLineLength = values.podLineLength;
+
+  return (
+    <Card className="flex flex-col gap-2 border-none">
+      <ReviewRow
+        label="Min per Season"
+        tooltip="The minimum amount of PINTO to Sow per season."
+        value={minSoil ? `${formatter.number(minSoil)} PINTO` : "--"}
+      />
+      <ReviewRow
+        label="Max per Season"
+        tooltip="The maximum amount of PINTO to Sow per season."
+        value={maxPerSeason ? `${formatter.number(maxPerSeason)} PINTO` : "--"}
+      />
+      <ReviewRow
+        label="Pod Line Length"
+        tooltip="The maximum pod line length at which this order can be executed."
+        value={podLineLength ? `${formatter.number(podLineLength)} PODS` : "--"}
+      />
+      <Separator className="h-[0.5px] bg-pinto-gray-2 my-1" />
+      <Button variant="outline-primary-2" size="md" className="w-full rounded-sm" onClick={toggleEdit}>
+        <span>Edit Advanced Parameters</span>
+      </Button>
+    </Card>
+  );
+};
+
+const ReviewRow = ({
+  label,
+  tooltip,
+  value,
+}: {
+  label: string;
+  tooltip?: string;
+  value: string | JSX.Element;
+}) => {
+  return (
+    <Row className="w-full justify-between items-start">
+      <Row className="gap-1 items-center">
+        {tooltip ? (
+          <Row className="gap-1 items-center">
+            <div className="pinto-sm-light text-pinto-secondary">{label}</div>
+            <TooltipSimple content={tooltip} variant="outlined" triggerClassName="text-pinto-secondary" />
+          </Row>
+        ) : (
+          <Label variant="form">{label}</Label>
+        )}
+      </Row>
+      {typeof value === "string" ? <div className="pinto-sm font-normal">{value}</div> : value}
+    </Row>
+  );
+};