From b9a6d9ceec9717cb21e96d07c51e2999ee9c5eaf Mon Sep 17 00:00:00 2001
From: Zack Sunderland <SimplyComplexable@gmail.com>
Date: Sat, 17 Mar 2018 15:13:31 -0600
Subject: [PATCH] Allow Un-subscribed Users to Claim Mystery Items (#9270)

Remove restriction on mystery/special inventory items that prevents
non-subscribed users from seeing the items. Organize the imports on the
page.

Resolves: Issue #9228
---
 .../components/inventory/items/index.vue      | 31 +++++++++----------
 1 file changed, 15 insertions(+), 16 deletions(-)

diff --git a/website/client/components/inventory/items/index.vue b/website/client/components/inventory/items/index.vue
index f0839b2d4d..da86d5711c 100644
--- a/website/client/components/inventory/items/index.vue
+++ b/website/client/components/inventory/items/index.vue
@@ -193,31 +193,32 @@
 </style>
 
 <script>
-import { mapState } from 'client/libs/store';
 import each from 'lodash/each';
 import throttle from 'lodash/throttle';
-
+import moment from 'moment';
 import Item from 'client/components/inventory/item';
 import ItemRows from 'client/components/ui/itemRows';
 import CountBadge from 'client/components/ui/countBadge';
 
 import cardsModal from './cards-modal';
+
 import HatchedPetDialog from '../stable/hatchedPetDialog';
-
 import startQuestModal from '../../groups/startQuestModal';
-
-import createAnimal from 'client/libs/createAnimal';
-
 import QuestInfo from '../../shops/quests/questInfo.vue';
 
-import moment from 'moment';
+import Item from 'client/components/inventory/item';
+import ItemRows from 'client/components/ui/itemRows';
+import CountBadge from 'client/components/ui/countBadge';
 
-const allowedSpecialItems = ['snowball', 'spookySparkles', 'shinySeed', 'seafoam'];
+import { mapState } from 'client/libs/store';
+import createAnimal from 'client/libs/createAnimal';
 
 import notifications from 'client/mixins/notifications';
 import DragDropDirective from 'client/directives/dragdrop.directive';
 import MouseMoveDirective from 'client/directives/mouseposition.directive';
 
+const allowedSpecialItems = ['snowball', 'spookySparkles', 'shinySeed', 'seafoam'];
+
 const groups = [
   ['eggs', 'Pet_Egg_'],
   ['hatchingPotions', 'Pet_HatchingPotion_'],
@@ -321,14 +322,12 @@ export default {
 
       let specialArray = itemsByType.special;
 
-      if (this.user.purchased.plan.customerId) {
-        specialArray.push({
-          key: 'mysteryItem',
-          class: `inventory_present inventory_present_${moment().format('MM')}`,
-          text: this.$t('subscriberItemText'),
-          quantity: this.user.purchased.plan.mysteryItems.length,
-        });
-      }
+      specialArray.push({
+        key: 'mysteryItem',
+        class: `inventory_present inventory_present_${moment().format('MM')}`,
+        text: this.$t('subscriberItemText'),
+        quantity: this.user.purchased.plan.mysteryItems.length,
+      });
 
       for (let type in this.content.cardTypes) {
         let card = this.user.items.special[`${type}Received`] || [];