vending-machine-game/src/game/runtime/purchaseFlow.js

import * as THREE from 'three';
import { MAX_WALKING_SPEED } from '../device/realworld.js';
import { machines, CATEGORIES, FACTORY } from '../../constants/locations.js';
import {
  catalog,
  priceAt,
  isOpen,
  purchaseBlocker,
  formatHetoman,
  fa,
  canAffordAnything,
} from '../economy/gameState.js';
import {
  createPayment,
  beginPayment,
  readyPayment,
  swipePayment,
  cancelPayment,
} from '../economy/payment.js';
import { awardsFor, rankFor } from '../economy/scoring.js';
import { strings } from '../../i18n/fa.js';
import { MISSIONS } from '../missions/missions.js';
/**
 * Runs the open showroom operation for this subsystem.
 * @param {*} context - context.
 * @returns {*} Operation result, when applicable.
 */
export function openShowroom(context) {
  const inFactory =
    Math.hypot(context.player.x - FACTORY.center.x, context.player.z - FACTORY.center.z) < 130;
  const sample =
    context.nearShowroom() ??
    (inFactory && !context.real.on && context.mode === 'walk' ? context.showroom.samples[0] : null);
  if (!sample || context.state.busy || context.payment.phase !== 'idle' || context.ended) return;
  context.ui.patch('showroom', {
    modelId: sample.model.id,
  });
  context.ui.patch('showroom-response', {
    text: strings.showroom.allModels,
  });
  context.keys.clear();
  document.exitPointerLock?.();
  context.ui.open('showroom');
}
/**
 * Runs the interact operation for this subsystem.
 * @param {*} context - context.
 * @returns {*} Operation result, when applicable.
 */
export function interact(context) {
  const station = context.nearStation();
  if (!station || context.state.busy || context.payment.phase !== 'idle' || context.ended) return;
  if (context.real.on && (context.real.fix?.speed ?? 0) > MAX_WALKING_SPEED) {
    context.say('father', strings.dialogue.tooFastToBuy);
    return;
  }
  if (!isOpen(station.def, context.state.minutes)) {
    context.say(
      context.guideOut() ? 'robot' : 'father',
      strings.dialogue.machineClosed(context.hoursText(station.def)),
      'serious',
    );
    return;
  }
  context.shopStation = station;
  context.renderShop();
  document.exitPointerLock?.();
  context.keys.clear();
  context.ui.open('shop');
  context.tone(750);
}
/**
 * Runs the render shop operation for this subsystem.
 * @param {*} context - context.
 * @returns {*} Operation result, when applicable.
 */
export function renderShop(context) {
  const def = context.shopStation.def;
  context.ui.patch('shop-category', {
    text: strings.shop.category(
      CATEGORIES[def.category].icon,
      CATEGORIES[def.category].label,
      context.hoursText(def),
    ),
  });
  context.ui.patch('shop-name', {
    text: strings.shop.title(def.name),
  });
  context.ui.patch('shop-address', {
    text: def.address,
  });
  context.ui.patch('shop-note', {
    text: strings.shop.balance(def.note, formatHetoman(context.state.balance)),
  });
  context.ui.patch('products', {
    items: def.products.map((id) => ({
      id,
      ...catalog[id],
      price: priceAt(def, id),
      blocked: purchaseBlocker(context.state, def, id),
    })),
  });
}
/**
 * Runs the start payment operation for this subsystem.
 * @param {*} context - context.
 * @param {*} productId - product Id.
 * @returns {*} Operation result, when applicable.
 */
export function startPayment(context, productId) {
  if (!beginPayment(context.state, context.payment, context.shopStation.def, productId)) return;
  context.payment.station = context.shopStation;
  context.payment.timer = 0;
  context.ui.close('shop');
  const p = catalog[productId];
  context.ui.patch('payment', {
    hidden: false,
  });
  context.ui.patch('payment-title', {
    text: `${p.icon} ${p.name} · ${formatHetoman(priceAt(context.shopStation.def, productId))}`,
  });
  context.ui.patch('payment-step', {
    text: strings.payment.approaching,
  });
  context.ui.patch('swipe', {
    disabled: true,
  });
  context.ui.patch('cancel-payment', {
    hidden: false,
  });
  context.say('child', strings.dialogue.childSwipes);
}
/**
 * Runs the swipe operation for this subsystem.
 * @param {*} context - context.
 * @returns {*} Operation result, when applicable.
 */
export function swipe(context) {
  if (!swipePayment(context.state, context.payment)) return;
  context.payment.timer = 0;
  context.payment.station.model.card.visible = true;
  context.ui.patch('swipe', {
    disabled: true,
  });
  context.ui.patch('cancel-payment', {
    hidden: true,
  });
  context.ui.patch('payment-step', {
    text: strings.payment.success,
  });
  context.tone(1100, 0.3);
  context.refreshHUD();
}
/**
 * Runs the cancel operation for this subsystem.
 * @param {*} context - context.
 * @returns {*} Operation result, when applicable.
 */
export function cancel(context) {
  if (!cancelPayment(context.state, context.payment)) return;
  context.ui.patch('payment', {
    hidden: true,
  });
}
/**
 * Updates payment from the active simulation.
 * @param {*} context - context.
 * @param {*} dt - dt.
 * @returns {*} Operation result, when applicable.
 */
export function updatePayment(context, dt) {
  if (context.payment.phase === 'idle') return;
  context.payment.timer += dt;
  const model = context.payment.station.model;
  if (context.payment.phase === 'approaching' && context.payment.timer > 1) {
    readyPayment(context.payment);
    context.ui.patch('swipe', {
      disabled: false,
    });
    context.ui.patch('payment-step', {
      text: strings.payment.swipeHint,
    });
  }
  if (context.payment.phase === 'approved') {
    const t = Math.min(1, context.payment.timer);
    model.card.position.set(0.95 - t * 0.25, 1.7 - t * 0.1, 0.66);
    if (context.payment.timer > 1.2) {
      model.card.visible = false;
      context.ui.patch('payment', {
        hidden: true,
      });
      model.setDelivery(context.payment.productId);
      context.deliveryTimer = 2.6;
      context.payment.delivering = {
        station: context.payment.station,
        record: context.payment.record,
      };
      Object.assign(context.payment, createPayment());
    }
  }
}
/**
 * Updates delivery from the active simulation.
 * @param {*} context - context.
 * @param {*} dt - dt.
 * @returns {*} Operation result, when applicable.
 */
export function updateDelivery(context, dt) {
  if (context.deliveryTimer <= 0) return;
  context.deliveryTimer = Math.max(0, context.deliveryTimer - dt);
  const { station, record } = context.payment.delivering,
    model = station.model,
    t = 2.6 - context.deliveryTimer;
  const slot = record ? catalog[record.productId] : null;
  model.delivery.visible = t < 2.4;
  // Falls from a shelf, waits in the tray, then lifts toward the child's hands.
  const shelf = new THREE.Vector3(
    -0.5 + (record.price % 7) * 0.1,
    1.2 + (record.price % 5) * 0.15,
    0.45,
  );
  if (t < 0.8) model.delivery.position.lerpVectors(shelf, model.slotPoint, t / 0.8);
  else
    model.delivery.position
      .copy(model.slotPoint)
      .add(new THREE.Vector3(0, Math.max(0, t - 1.6) * 0.6, Math.max(0, t - 1.6) * 0.8));
  model.flap.rotation.x = t > 0.7 && t < 2 ? -1 : 0;
  if (context.deliveryTimer > 0) return;
  model.flap.rotation.x = 0;
  context.state.busy = false;
  context.tone(980, 0.18);
  context.reward(record, slot);
}
/**
 * Runs the reward operation for this subsystem.
 * @param {*} context - context.
 * @param {*} record - record.
 * @param {*} product - product.
 * @returns {*} Operation result, when applicable.
 */
export function reward(context, record, product) {
  const awards = awardsFor(context.state.purchases.slice(0, -1), record),
    rankBefore = rankFor(context.state.xp).index;
  if (context.real.on)
    awards.push({
      label: strings.payment.realPurchase,
      points: 200,
    });
  const total = awards.reduce((s, a) => s + a.points, 0);
  context.state.xp += total;
  context.ui.patch('awards', {
    items: awards,
    total,
  });
  context.clearTimeout(context.reward.timeout);
  context.reward.timeout = context.setTimeout(
    () =>
      context.ui.patch('awards', {
        items: [],
      }),
    3200,
  );
  context.say('child', strings.dialogue.childGotIt(product.icon, product.name));
  const { mission } = context.reportMissionEvent({ type: 'buy', machineId: record.machineId });
  if (rankFor(context.state.xp).index > rankBefore)
    context.setTimeout(
      () =>
        context.showBanner(
          strings.rewards.rankUp,
          rankFor(context.state.xp).name,
          strings.rewards.findMore,
        ),
      mission ? 3400 : 0,
    );
  context.refreshHUD();
  context.checkEnd();
}
/**
 * Runs the show banner operation for this subsystem.
 * @param {*} context - context.
 * @param {*} tag - tag.
 * @param {*} title - title.
 * @param {*} sub - sub.
 * @returns {*} Operation result, when applicable.
 */
export function showBanner(context, tag, title, sub) {
  context.ui.patch('banner', {
    tag,
    title,
    sub,
    hidden: false,
  });
  context.clearTimeout(context.showBanner.timeout);
  context.showBanner.timeout = context.setTimeout(
    () =>
      context.ui.patch('banner', {
        hidden: true,
      }),
    3200,
  );
}
/**
 * Runs the check end operation for this subsystem.
 * @param {*} context - context.
 * @returns {*} Operation result, when applicable.
 */
export function checkEnd(context) {
  const allDone = context.state.missionsDone.length === MISSIONS.length;
  if (context.ended || (!allDone && canAffordAnything(context.state, machines))) return;
  context.ended = true;
  document.exitPointerLock?.();
  context.ui.patch('end-tag', {
    text: allDone ? strings.end.success : strings.end.outOfBudget,
  });
  context.ui.patch('end-title', {
    text: allDone ? strings.end.successHeading : strings.end.budgetHeading,
  });
  context.ui.patch('end-text', {
    text: allDone ? strings.end.successText : strings.end.budgetText,
  });
  const places = new Set(context.state.purchases.map((p) => p.machineId)).size;
  context.ui.patch('end-stats', {
    items: [
      [strings.end.score, `${fa(context.state.xp)} XP`],
      [strings.end.rank, rankFor(context.state.xp).name],
      [strings.end.purchases, fa(context.state.purchases.length)],
      [strings.end.places, strings.end.outOf(fa(places), fa(machines.length))],
      [
        strings.end.missions,
        strings.end.outOf(fa(context.state.missionsDone.length), fa(MISSIONS.length)),
      ],
      [strings.end.remaining, formatHetoman(context.state.balance)],
    ],
  });
  context.ui.patch('continue', {
    hidden: !allDone,
  });
  context.ui.open('end');
}