[WIP] new client - seasonal-shop (#9018)

* extract seasonal-shop config - use summer season items (to work on) * add suggested border to shopItems * refactor getOfficialPinnedItems (now includes the seasonal gear) * refactor shops.getSeasonalShop - add featured items to result - add the set to special equipment items * feat(content): Fall 2017 seasonal gear Also adds set keys for all prior seasonal gear. * show item limited time (buyModal & shopItem) * select seasonal fall sets * WIP(seasonal-shop): placeholder Fall 2017 items * fix lint * sprites * styling + fix purchase of seasonal spells * compile sprites * fixes: check isPinned with officialItems * enable purchase of seasonal items for testing * fix shop apis * add featuredItems to market * quest shop: add featuredItems to api * tiem travelers shop: add featuredItems to api * fix gear types filter * feat(content): Fall 2017 compleat * chore(sprites): compile * show opened shop state (npc+background) * add opened seasonal npc * current seasonal users class set = purchase by gold - lock other sets of the current season * hide event badge in seasonal shop - dot only for suggested items - cursor: pointer on shopItems * refresh rewards column list (seasonal gear won't refresh it on purchase) * fix duplicate seasonal gear -> remove special items from the old reward gear (which is used to reset the pinned gears) * every current season gear is purchased by gold - prevent buyModal on locked items * use the current event date range * list seasonal sets by event date * use custom method instead of updateStore to list the pinnable gear * change daterange to 10-31 * fix start quest modal from items - disable invite quest button if a quest is already active * toggle pin in buy-dialogs * check if the item is not undefined/null - renamed the watch function
2025-12-15 21:57:22 +01:00 · 2017-09-21 02:28:11 +02:00
parent cd0222e208
commit 0a691ffb4f
122 changed files with 18533 additions and 17300 deletions
--- a/website/common/script/libs/shops.js
+++ b/website/common/script/libs/shops.js
@@ -1,6 +1,7 @@
 import values from 'lodash/values';
 import map from 'lodash/map';
 import keys from 'lodash/keys';
+import get from 'lodash/get';
 import each from 'lodash/each';
 import filter from 'lodash/filter';
 import eachRight from 'lodash/eachRight';
@@ -11,10 +12,34 @@ import content from '../content/index';
 import i18n from '../i18n';
 import getItemInfo from './getItemInfo';
 import updateStore from './updateStore';
+import seasonalShopConfig from './shops-seasonal.config';
+import featuredItems from '../content/shop-featuredItems';
+
+import getOfficialPinnedItems from './getOfficialPinnedItems';

 let shops = {};

+/* Market */
+
+shops.getMarketShop = function getMarketShop (user, language) {
+  return {
+    identifier: 'market',
+    text: i18n.t('market'),
+    notes: i18n.t('welcomeMarketMobile'),
+    imageName: 'npc_alex',
+    categories: shops.getMarketCategories(user, language),
+    featured: {
+      text: i18n.t('featuredItems'),
+      items: featuredItems.market.map(i => {
+        return getItemInfo(user, i.type, get(content, i.path));
+      }),
+    },
+  };
+};
+
 shops.getMarketCategories = function getMarket (user, language) {
+  let officialPinnedItems = getOfficialPinnedItems(user);
+
  let categories = [];
  let eggsCategory = {
    identifier: 'eggs',
@@ -26,7 +51,7 @@ shops.getMarketCategories = function getMarket (user, language) {
    .filter(egg => egg.canBuy(user))
    .concat(values(content.dropEggs))
    .map(egg => {
-      return getItemInfo(user, 'eggs', egg, language);
+      return getItemInfo(user, 'eggs', egg, officialPinnedItems, language);
    }), 'key');
  categories.push(eggsCategory);

@@ -38,7 +63,7 @@ shops.getMarketCategories = function getMarket (user, language) {
  hatchingPotionsCategory.items = sortBy(values(content.hatchingPotions)
    .filter(hp => !hp.limited)
    .map(hatchingPotion => {
-      return getItemInfo(user, 'hatchingPotions', hatchingPotion, language);
+      return getItemInfo(user, 'hatchingPotions', hatchingPotion, officialPinnedItems, language);
    }), 'key');
  categories.push(hatchingPotionsCategory);

@@ -50,7 +75,7 @@ shops.getMarketCategories = function getMarket (user, language) {
  premiumHatchingPotionsCategory.items = sortBy(values(content.hatchingPotions)
    .filter(hp => hp.limited && hp.canBuy())
    .map(premiumHatchingPotion => {
-      return getItemInfo(user, 'premiumHatchingPotion', premiumHatchingPotion, language);
+      return getItemInfo(user, 'premiumHatchingPotion', premiumHatchingPotion, officialPinnedItems, language);
    }), 'key');
  if (premiumHatchingPotionsCategory.items.length > 0) {
    categories.push(premiumHatchingPotionsCategory);
@@ -64,7 +89,7 @@ shops.getMarketCategories = function getMarket (user, language) {
  foodCategory.items = sortBy(values(content.food)
    .filter(food => food.canDrop || food.key === 'Saddle')
    .map(foodItem => {
-      return getItemInfo(user, 'food', foodItem, language);
+      return getItemInfo(user, 'food', foodItem, officialPinnedItems, language);
    }), 'key');
  categories.push(foodCategory);

@@ -99,6 +124,12 @@ shops.checkMarketGearLocked = function checkMarketGearLocked (user, items) {
      gear.locked = false;
    }

+    if (Boolean(gear.specialClass) && Boolean(gear.set)) {
+      let currentSet = gear.set === seasonalShopConfig.pinnedSets[gear.specialClass];
+
+      gear.locked = currentSet && user.stats.class !== gear.specialClass;
+    }
+
    if (gear.canOwn) {
      gear.locked = !gear.canOwn(user);
    }
@@ -114,6 +145,7 @@ shops.checkMarketGearLocked = function checkMarketGearLocked (user, items) {

 shops.getMarketGearCategories = function getMarketGear (user, language) {
  let categories = [];
+  let officialPinnedItems = getOfficialPinnedItems(user);

  for (let classType of content.classes) {
    let category = {
@@ -123,7 +155,7 @@ shops.getMarketGearCategories = function getMarketGear (user, language) {

    let result = filter(content.gear.flat, ['klass', classType]);
    category.items = map(result, (e) => {
-      let newItem = getItemInfo(user, 'marketGear', e);
+      let newItem = getItemInfo(user, 'marketGear', e, officialPinnedItems);

      return newItem;
    });
@@ -136,9 +168,27 @@ shops.getMarketGearCategories = function getMarketGear (user, language) {
  return categories;
 };

+/* Quests */
+
+shops.getQuestShop = function getQuestShop (user, language) {
+  return {
+    identifier: 'questShop',
+    text: i18n.t('quests'),
+    notes: i18n.t('ianTextMobile'),
+    imageName: 'npc_ian',
+    categories: shops.getQuestShopCategories(user, language),
+    featured: {
+      text: i18n.t('featuredQuests'),
+      items: featuredItems.quests.map(i => {
+        return getItemInfo(user, i.type, get(content, i.path));
+      }),
+    },
+  };
+};

 shops.getQuestShopCategories = function getQuestShopCategories (user, language) {
  let categories = [];
+  let officialPinnedItems = getOfficialPinnedItems(user);

  /*
   * ---------------------------------------------------------------
@@ -202,7 +252,7 @@ shops.getQuestShopCategories = function getQuestShopCategories (user, language)
  bundleCategory.items = sortBy(values(content.bundles)
    .filter(bundle => bundle.type === 'quests' && bundle.canBuy())
    .map(bundle => {
-      return getItemInfo(user, 'bundles', bundle, language);
+      return getItemInfo(user, 'bundles', bundle, officialPinnedItems, language);
    }));

  if (bundleCategory.items.length > 0) {
@@ -218,7 +268,7 @@ shops.getQuestShopCategories = function getQuestShopCategories (user, language)
    category.items = content.questsByLevel
      .filter(quest => quest.canBuy(user) && quest.category === type)
      .map(quest => {
-        return getItemInfo(user, 'quests', quest, language);
+        return getItemInfo(user, 'quests', quest, officialPinnedItems, language);
      });

    categories.push(category);
@@ -227,6 +277,21 @@ shops.getQuestShopCategories = function getQuestShopCategories (user, language)
  return categories;
 };

+/* Time Travelers */
+
+shops.getTimeTravelersShop = function getTimeTravelersShop (user, language) {
+  let hasTrinkets = user.purchased.plan.consecutive.trinkets > 0;
+
+  return {
+    identifier: 'timeTravelersShop',
+    text: i18n.t('timeTravelers'),
+    opened: hasTrinkets,
+    notes: hasTrinkets ? i18n.t('timeTravelersPopover') : i18n.t('timeTravelersPopoverNoSubMobile'),
+    imageName: hasTrinkets ? 'npc_timetravelers_active' : 'npc_timetravelers',
+    categories: shops.getTimeTravelersCategories(user, language),
+  };
+};
+
 shops.getTimeTravelersCategories = function getTimeTravelersCategories (user, language) {
  let categories = [];
  let stable = {pets: 'Pet-', mounts: 'Mount_Icon_'};
@@ -298,24 +363,64 @@ shops.getTimeTravelersCategories = function getTimeTravelersCategories (user, la
  return categories;
 };

+
+/* Seasonal */
+
+let flatGearArray = toArray(content.gear.flat);
+
+shops.getSeasonalGearBySet = function getSeasonalGearBySet (user, set, officialPinnedItems, language, ignoreAlreadyOwned = false) {
+  return flatGearArray.filter((gear) => {
+    if (!ignoreAlreadyOwned && user.items.gear.owned[gear.key] !== undefined)
+      return false;
+
+    return gear.set === set;
+  }).map(gear => {
+    let currentSet = gear.set === seasonalShopConfig.pinnedSets[gear.specialClass];
+
+    // only the current season set can be purchased by gold
+    let itemInfo = getItemInfo(null, currentSet ? 'marketGear' : 'gear', gear, officialPinnedItems, language);
+    itemInfo.locked = currentSet && user.stats.class !== gear.specialClass;
+
+    return itemInfo;
+  });
+};
+
+shops.getSeasonalShop = function getSeasonalShop (user, language) {
+  let officialPinnedItems = getOfficialPinnedItems(user);
+
+  let resObject = {
+    identifier: 'seasonalShop',
+    text: i18n.t('seasonalShop'),
+    notes: i18n.t(`seasonalShop${seasonalShopConfig.currentSeason}Text`),
+    imageName: seasonalShopConfig.opened ? 'seasonalshop_open' : 'seasonalshop_closed',
+    opened: seasonalShopConfig.opened,
+    categories: this.getSeasonalShopCategories(user, language),
+    featured: {
+      text: i18n.t(seasonalShopConfig.featuredSet),
+      items: shops.getSeasonalGearBySet(user, seasonalShopConfig.featuredSet, officialPinnedItems, language, true),
+    },
+  };
+
+  return resObject;
+};
+
 // To switch seasons/available inventory, edit the AVAILABLE_SETS object to whatever should be sold.
 // let AVAILABLE_SETS = {
 //   setKey: i18n.t('setTranslationString', language),
 // };
 shops.getSeasonalShopCategories = function getSeasonalShopCategories (user, language) {
-  const AVAILABLE_SETS = {
-  };
+  let officialPinnedItems = getOfficialPinnedItems(user);

  const AVAILABLE_SPELLS = [
+    ...seasonalShopConfig.availableSpells,
  ];

  const AVAILABLE_QUESTS = [
+    ...seasonalShopConfig.availableQuests,
  ];

  let categories = [];

-  let flatGearArray = toArray(content.gear.flat);
-
  let spells = pickBy(content.spells.special, (spell, key) => {
    return AVAILABLE_SPELLS.indexOf(key) !== -1;
  });
@@ -327,7 +432,7 @@ shops.getSeasonalShopCategories = function getSeasonalShopCategories (user, lang
    };

    category.items = map(spells, (spell) => {
-      return getItemInfo(user, 'seasonalSpell', spell, language);
+      return getItemInfo(user, 'seasonalSpell', spell, officialPinnedItems, language);
    });

    categories.push(category);
@@ -350,23 +455,20 @@ shops.getSeasonalShopCategories = function getSeasonalShopCategories (user, lang
    categories.push(category);
  }

-  for (let key in AVAILABLE_SETS) {
-    if (AVAILABLE_SETS.hasOwnProperty(key)) {
-      let category = {
-        identifier: key,
-        text: AVAILABLE_SETS[key],
-      };
+  for (let set of seasonalShopConfig.availableSets) {
+    let category = {
+      identifier: set,
+      text: i18n.t(set),
+    };

-      category.items = flatGearArray.filter((gear) => {
-        return user.items.gear.owned[gear.key] === undefined && gear.index === key;
-      }).map(gear => {
-        return getItemInfo(null, 'gear', gear, language);
-      });
+    category.items = shops.getSeasonalGearBySet(user, set, officialPinnedItems, language, false);

-      if (category.items.length > 0) {
-        category.specialClass = category.items[0].specialClass;
-        categories.push(category);
-      }
+    if (category.items.length > 0) {
+      let item = category.items[0];
+
+      category.specialClass = item.specialClass;
+      category.event = item.event;
+      categories.push(category);
    }
  }

@@ -375,6 +477,7 @@ shops.getSeasonalShopCategories = function getSeasonalShopCategories (user, lang

 shops.getBackgroundShopSets = function getBackgroundShopSets (language) {
  let sets = [];
+  let officialPinnedItems = getOfficialPinnedItems();

  eachRight(content.backgrounds, (group, key) => {
    let set = {
@@ -383,7 +486,7 @@ shops.getBackgroundShopSets = function getBackgroundShopSets (language) {
    };

    set.items = map(group, (background) => {
-      return getItemInfo(null, 'background', background, language);
+      return getItemInfo(null, 'background', background, officialPinnedItems, language);
    });

    sets.push(set);