From 8b90a4c45b020f03e5c6859a6afdb73d7d77dcd8 Mon Sep 17 00:00:00 2001
From: soxepo <bogdanvin@gmail.com>
Date: Wed, 2 Oct 2019 01:03:42 +0300
Subject: [PATCH 1/7] try to run

---
 packages/hyper-ui/src/index.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/hyper-ui/src/index.js b/packages/hyper-ui/src/index.js
index 483d9d0..1157c37 100644
--- a/packages/hyper-ui/src/index.js
+++ b/packages/hyper-ui/src/index.js
@@ -1,6 +1,7 @@
 import * as directives from './directives'
 import Vue from 'vue'
-import { swiper, swiperSlide } from 'vue-awesome-swiper'
+//TODO I think we should install it
+// import { swiper, swiperSlide } from 'vue-awesome-swiper'
 
 // export const ActivityBlock = require('./components/activity-block')
 // export const ActivityChart = require('./components/activity-chart')
@@ -438,3 +439,4 @@ export const Loading = require('./components/loading-indicator')
 export const Message = require('./components/message')
 export const Drawer = require('./components/drawer')
 export const SimpleTable = require('./components/table-simple')
+// export const InfiniteContent = require('./components/infinite-content')

From 84b28213bf2db9053ef2c877bd9978ab38f3c471 Mon Sep 17 00:00:00 2001
From: soxepo <bogdanvin@gmail.com>
Date: Sun, 6 Oct 2019 23:20:06 +0300
Subject: [PATCH 2/7] fix

---
 packages/hyper-ui/package.json                |  1 +
 .../src/components/community/comment-v2.vue   |  5 +--
 .../src/components/community/comment.vue      |  7 ++--
 .../src/components/community/post-item.vue    |  5 +--
 .../components/product-card/product-card.vue  |  1 +
 .../src/components/send-funds-popup/index.vue |  2 ++
 .../src/components/user-card/index.vue        |  5 +--
 packages/hyper-ui/src/index.js                |  4 ++-
 packages/hyper-ui/yarn.lock                   | 33 +++++++++++++++++++
 9 files changed, 52 insertions(+), 11 deletions(-)

diff --git a/packages/hyper-ui/package.json b/packages/hyper-ui/package.json
index d1a9b58..bb19302 100644
--- a/packages/hyper-ui/package.json
+++ b/packages/hyper-ui/package.json
@@ -61,6 +61,7 @@
         "emoji-mart-vue": "^2.6.6",
         "howler": "^2.1.2",
         "moment": "^2.24.0",
+        "vue-awesome-swiper": "^3.1.3",
         "vue-multiselect": "^2.1.6",
         "vue-youtube": "^1.3.5"
     }
diff --git a/packages/hyper-ui/src/components/community/comment-v2.vue b/packages/hyper-ui/src/components/community/comment-v2.vue
index 080679c..e4242e5 100644
--- a/packages/hyper-ui/src/components/community/comment-v2.vue
+++ b/packages/hyper-ui/src/components/community/comment-v2.vue
@@ -52,10 +52,11 @@ import VueEmojiReact from 'vue-emoji-react'
 
 export default {
     components: {
-        'Dropdown-menu': () => import('../../').then(m => m.Dropdown-menu),
-        'CommunityReply': () => import('../../').then(m => m.CommunityReply),
+        'DropdownMenu': () => import('../../').then(m => m.Dropdown4),
+        'CommunityReply': () => import('../../').then(m => m.ProductCommunityReply),
         'Button': () => import('../../').then(m => m.Button),
         'ButtonArrows': () => import('../../').then(m => m.ButtonArrows),
+        'Img': () => import('../../').then(m => m.Img),
         'EmojiPicker': VueEmojiReact
     },
     props: {
diff --git a/packages/hyper-ui/src/components/community/comment.vue b/packages/hyper-ui/src/components/community/comment.vue
index 0cbea6f..591a63e 100644
--- a/packages/hyper-ui/src/components/community/comment.vue
+++ b/packages/hyper-ui/src/components/community/comment.vue
@@ -16,7 +16,7 @@
             <div
                 class="comment-container"
                 :class="{ 'w-100' : !rate }">
-                <Dropdown-menu
+                <DropdownMenu
                     dropPosition="right"
                     style="right: 5px; top: 10px;" />
                 <div class="comment-content">
@@ -45,13 +45,12 @@
 </template>
 
 <script>
-import moment from 'moment'
 
 export default {
     name: 'Comment',
     components: {
-        'Dropdown-menu': () => import('../../').then(m => m.Dropdown-menu),
-        'CommunityReply': () => import('../../').then(m => m.CommunityReply),
+        'DropdownMenu': () => import('../../').then(m => m.Dropdown4),
+        'CommunityReply': () => import('../../').then(m => m.ProductCommunityReply),
         'ButtonArrows': () => import('../../').then(m => m.ButtonArrows)
     },
     props: {
diff --git a/packages/hyper-ui/src/components/community/post-item.vue b/packages/hyper-ui/src/components/community/post-item.vue
index a81e145..018bea7 100644
--- a/packages/hyper-ui/src/components/community/post-item.vue
+++ b/packages/hyper-ui/src/components/community/post-item.vue
@@ -78,8 +78,9 @@ import moment from 'moment'
 
 export default {
     components: {
-        'PostComment': import('../../').then(m => m.PostComment),
-        'CommunityReply': () => import('../../').then(m => m.CommunityReply)
+        'Img': import('../../').then(m => m.Img),
+        'PostComment': import('../../').then(m => m.ProductCommunityComment),
+        'CommunityReply': () => import('../../').then(m => m.ProductCommunityReply)
     },
     props: {
         id: {
diff --git a/packages/hyper-ui/src/components/product-card/product-card.vue b/packages/hyper-ui/src/components/product-card/product-card.vue
index fad9b59..36dacba 100644
--- a/packages/hyper-ui/src/components/product-card/product-card.vue
+++ b/packages/hyper-ui/src/components/product-card/product-card.vue
@@ -26,6 +26,7 @@
 export default {
     components: {
         'Button': () => import('../../').then(m => m.Button),
+        'Img': () => import('../../').then(m => m.Img),
         'Tags': () => import('../../').then(m => m.Tags)
     },
     props: {
diff --git a/packages/hyper-ui/src/components/send-funds-popup/index.vue b/packages/hyper-ui/src/components/send-funds-popup/index.vue
index 817c4ca..d1e88bf 100644
--- a/packages/hyper-ui/src/components/send-funds-popup/index.vue
+++ b/packages/hyper-ui/src/components/send-funds-popup/index.vue
@@ -193,6 +193,8 @@ export default {
     components: {
         'Button': () => import('../../').then(m => m.Button),
         'Popup': () => import('../../').then(m => m.Popup),
+        'Tabs': () => import('../../').then(m => m.Tabs),
+        'Tab': () => import('../../').then(m => m.Tab),
     },
     props: ['activated'],
     data() {
diff --git a/packages/hyper-ui/src/components/user-card/index.vue b/packages/hyper-ui/src/components/user-card/index.vue
index 8845af8..00fb137 100644
--- a/packages/hyper-ui/src/components/user-card/index.vue
+++ b/packages/hyper-ui/src/components/user-card/index.vue
@@ -33,7 +33,7 @@
                     <Img
                         v-else
                         class="user-data__avatar user-avatar"
-                        src="/img/user.png" />
+                        src="https://via.placeholder.com/150" />
                 </Button>
             </div>
             <div
@@ -47,7 +47,7 @@
                 </a>
                 <Img
                     v-else
-                    src="/img/user.png" />
+                    src="https://via.placeholder.com/150" />
             </div>
 
             <div style="text-align: left;">
@@ -123,6 +123,7 @@
 export default {
     components: {
         'Button': () => import('../../').then(m => m.Button),
+        'Img': () => import('../../').then(m => m.Img),
         'Loading': () => import('../../').then(m => m.Loading)
     },
     props: {
diff --git a/packages/hyper-ui/src/index.js b/packages/hyper-ui/src/index.js
index 1157c37..795f869 100644
--- a/packages/hyper-ui/src/index.js
+++ b/packages/hyper-ui/src/index.js
@@ -1,7 +1,7 @@
 import * as directives from './directives'
 import Vue from 'vue'
 //TODO I think we should install it
-// import { swiper, swiperSlide } from 'vue-awesome-swiper'
+import { swiper, swiperSlide } from 'vue-awesome-swiper'
 
 // export const ActivityBlock = require('./components/activity-block')
 // export const ActivityChart = require('./components/activity-chart')
@@ -304,6 +304,7 @@ export const Pagination = require('./components/pagination/index')
 export const ProductCommunity = require('./components/community/post-item')
 export const ProductCommunityComment = require('./components/community/comment')
 export const ProductCommunityReply = require('./components/community/reply')
+export const ProductCommunityPost = require('./components/community/post-item')
 export const ProjectCard = require('./components/project/card')
 export const UserCard = require('./components/user-card')
 export const ScreenGallery = require('./components/screen-gallery/gallery')
@@ -439,4 +440,5 @@ export const Loading = require('./components/loading-indicator')
 export const Message = require('./components/message')
 export const Drawer = require('./components/drawer')
 export const SimpleTable = require('./components/table-simple')
+export const SendingFundsPopup = require('./components/send-funds-popup')
 // export const InfiniteContent = require('./components/infinite-content')
diff --git a/packages/hyper-ui/yarn.lock b/packages/hyper-ui/yarn.lock
index b8e277f..a912426 100644
--- a/packages/hyper-ui/yarn.lock
+++ b/packages/hyper-ui/yarn.lock
@@ -98,6 +98,13 @@ debug@^2.6.6:
   dependencies:
     ms "2.0.0"
 
+dom7@^2.1.3:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/dom7/-/dom7-2.1.3.tgz#a736f9c3bfbc4ca039a81cd095f97d1d7f3de19c"
+  integrity sha512-QTxHHDox+M6ZFz1zHPAHZKI3JOHY5iY4i9BK2uctlggxKQwRhO3q3HHFq1BKsT25Bm/ySSj70K6Wk/G4bs9rMQ==
+  dependencies:
+    ssr-window "^1.0.1"
+
 emoji-mart-vue@^2.6.6:
   version "2.6.6"
   resolved "https://registry.yarnpkg.com/emoji-mart-vue/-/emoji-mart-vue-2.6.6.tgz#afd60da47ff0b59938b3d3cd90dacab6ab0f531e"
@@ -238,6 +245,11 @@ ms@2.0.0:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
   integrity sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=
 
+object-assign@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+  integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
+
 parse-json@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-4.0.0.tgz#be35f5425be1f7f6c747184f98a788cb99477ee0"
@@ -307,6 +319,11 @@ sprintf-js@~1.0.2:
   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
   integrity sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=
 
+ssr-window@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/ssr-window/-/ssr-window-1.0.1.tgz#30752a6a4666e7767f0b7e6aa6fc2fdbd0d9b369"
+  integrity sha512-dgFqB+f00LJTEgb6UXhx0h+SrG50LJvti2yMKMqAgzfUmUXZrLSv2fjULF7AWGwK25EXu8+smLR3jYsJQChPsg==
+
 supports-color@^5.3.0:
   version "5.5.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
@@ -321,6 +338,14 @@ supports-color@^6.1.0:
   dependencies:
     has-flag "^3.0.0"
 
+swiper@^4.0.7:
+  version "4.5.1"
+  resolved "https://registry.yarnpkg.com/swiper/-/swiper-4.5.1.tgz#ed43998e780ceb478610079c8d23fd425eca636f"
+  integrity sha512-se6I7PWWu950NAMXXT+ENtF/6SVb8mPyO+bTfNxbQBILSeLqsYp3Ndap+YOA0EczOIUlea274PKejT6gKZDseA==
+  dependencies:
+    dom7 "^2.1.3"
+    ssr-window "^1.0.1"
+
 uri-js@^4.2.2:
   version "4.2.2"
   resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.2.2.tgz#94c540e1ff772956e2299507c010aea6c8838eb0"
@@ -328,6 +353,14 @@ uri-js@^4.2.2:
   dependencies:
     punycode "^2.1.0"
 
+vue-awesome-swiper@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/vue-awesome-swiper/-/vue-awesome-swiper-3.1.3.tgz#05500b501ffb3fec9bf7eb9985bcf4ae8360ed9e"
+  integrity sha512-E7suzkyApO8vNZbgdEnjSmnpsmQZyRvSVXJ7sey3XYwKPOkLhH3+GnHroBw+5PZIQXvWBwdCeQsPG1xQ1r1Rhg==
+  dependencies:
+    object-assign "^4.1.1"
+    swiper "^4.0.7"
+
 vue-multiselect@^2.1.6:
   version "2.1.6"
   resolved "https://registry.yarnpkg.com/vue-multiselect/-/vue-multiselect-2.1.6.tgz#5be5d811a224804a15c43a4edbb7485028a89c7f"

From 22fd1e48ae4ea910ed34384dd7fe81c8848ba984 Mon Sep 17 00:00:00 2001
From: soxepo <bogdanvin@gmail.com>
Date: Mon, 7 Oct 2019 17:55:49 +0300
Subject: [PATCH 3/7] fix components

---
 packages/hyper-ui/src/components/community/comment.vue      | 3 ++-
 packages/hyper-ui/src/components/community/post-item.vue    | 5 +++--
 packages/hyper-ui/src/components/screen-gallery/gallery.vue | 2 ++
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/hyper-ui/src/components/community/comment.vue b/packages/hyper-ui/src/components/community/comment.vue
index 591a63e..61238cc 100644
--- a/packages/hyper-ui/src/components/community/comment.vue
+++ b/packages/hyper-ui/src/components/community/comment.vue
@@ -49,8 +49,9 @@
 export default {
     name: 'Comment',
     components: {
-        'DropdownMenu': () => import('../../').then(m => m.Dropdown4),
+        'DropdownMenu': () => import('../../').then(m => m.DropdownPost),
         'CommunityReply': () => import('../../').then(m => m.ProductCommunityReply),
+        'Img': () => import('../../').then(m => m.Img),
         'ButtonArrows': () => import('../../').then(m => m.ButtonArrows)
     },
     props: {
diff --git a/packages/hyper-ui/src/components/community/post-item.vue b/packages/hyper-ui/src/components/community/post-item.vue
index 018bea7..1dfcca4 100644
--- a/packages/hyper-ui/src/components/community/post-item.vue
+++ b/packages/hyper-ui/src/components/community/post-item.vue
@@ -75,11 +75,12 @@
 
 <script>
 import moment from 'moment'
+import a from './../../index'
 
 export default {
     components: {
-        'Img': import('../../').then(m => m.Img),
-        'PostComment': import('../../').then(m => m.ProductCommunityComment),
+        'Img': () => import('./../../index').then(m => m.Img),
+        'PostComment': () => import('../../').then(m => m.ProductCommunityComment),
         'CommunityReply': () => import('../../').then(m => m.ProductCommunityReply)
     },
     props: {
diff --git a/packages/hyper-ui/src/components/screen-gallery/gallery.vue b/packages/hyper-ui/src/components/screen-gallery/gallery.vue
index a575401..d3860e9 100644
--- a/packages/hyper-ui/src/components/screen-gallery/gallery.vue
+++ b/packages/hyper-ui/src/components/screen-gallery/gallery.vue
@@ -70,6 +70,8 @@
 export default {
     components: {
         'Modal': () => import('../../').then(m => m.Modal),
+        'Img': () => import('../../').then(m => m.Img),
+        'Icon': () => import('../../').then(m => m.Icon),
         'ImagesExplorer': () => import('../../').then(m => m.ImagesExplorer),
         'ImageOverlay': () => import('../../').then(m => m.ImageOverlay)
     },

From d59f6341dd906143b714b5951d97cbf2046ced24 Mon Sep 17 00:00:00 2001
From: soxepo <bogdanvin@gmail.com>
Date: Sun, 13 Oct 2019 17:56:57 +0300
Subject: [PATCH 4/7] fix components(Product Review)

---
 packages/hyper-ui/src/components/collection/list.vue        | 1 +
 packages/hyper-ui/src/components/curator-review/index.vue   | 3 ++-
 packages/hyper-ui/src/components/curator-reviews/index.vue  | 4 +++-
 .../src/components/game-series/game-description.vue         | 5 +++--
 .../src/components/game-series/game-includes-list.vue       | 4 ++--
 .../hyper-ui/src/components/product-card/product-cards.vue  | 5 +++--
 packages/hyper-ui/src/components/progress-bar/fancy.vue     | 2 +-
 packages/hyper-ui/src/components/review/index.vue           | 6 ++----
 packages/hyper-ui/src/index.js                              | 4 +++-
 9 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/packages/hyper-ui/src/components/collection/list.vue b/packages/hyper-ui/src/components/collection/list.vue
index daad6fa..79c9fc3 100644
--- a/packages/hyper-ui/src/components/collection/list.vue
+++ b/packages/hyper-ui/src/components/collection/list.vue
@@ -91,6 +91,7 @@ export default {
         position: relative;
         backdrop-filter: blur(2px);
         display: flex;
+        flex-direction: column;
     }
     .collection-list__header{
         display: flex;
diff --git a/packages/hyper-ui/src/components/curator-review/index.vue b/packages/hyper-ui/src/components/curator-review/index.vue
index 077272f..fc0e099 100644
--- a/packages/hyper-ui/src/components/curator-review/index.vue
+++ b/packages/hyper-ui/src/components/curator-review/index.vue
@@ -64,7 +64,8 @@ export default {
     components: {
         'Author': () => import('../../').then(m => m.Author),
         'RatingStars': () => import('../../').then(m => m.RatingStars),
-        'Button': () => import('../../').then(m => m.Button)
+        'Button': () => import('../../').then(m => m.Button),
+        'Img': () => import('../../').then(m => m.Img),
     },
     props: {
         review: {
diff --git a/packages/hyper-ui/src/components/curator-reviews/index.vue b/packages/hyper-ui/src/components/curator-reviews/index.vue
index 8cb5e0e..8084185 100644
--- a/packages/hyper-ui/src/components/curator-reviews/index.vue
+++ b/packages/hyper-ui/src/components/curator-reviews/index.vue
@@ -25,7 +25,9 @@ export default {
     components: {
         'Button': () => import('../../').then(m => m.Button),
         'HeadingBar': () => import('../../').then(m => m.HeadingBar),
-        'CuratorReview': () => import('../../').then(m => m.CuratorReview)
+        'CuratorReview': () => import('../../').then(m => m.CuratorReview),
+        'Swiper': () => import('../../').then(m => m.Swiper),
+        'SwiperSlide': () => import('../../').then(m => m.SwiperSlide),
     },
     props: {
         reviews: {
diff --git a/packages/hyper-ui/src/components/game-series/game-description.vue b/packages/hyper-ui/src/components/game-series/game-description.vue
index 48ac202..97d1acc 100644
--- a/packages/hyper-ui/src/components/game-series/game-description.vue
+++ b/packages/hyper-ui/src/components/game-series/game-description.vue
@@ -51,14 +51,15 @@
 </template>
 
 <script>
-import moment from 'moment'
+import moment from 'moment';
 
 export default {
     components: {
         'Button': () => import('../../').then(m => m.Button),
         'Swiper': () => import('../../').then(m => m.Swiper),
         'SwiperSlide': () => import('../../').then(m => m.SwiperSlide),
-        'Tags': () => import('../../').then(m => m.Tags)
+        'Tags': () => import('../../').then(m => m.Tags),
+        'Img': () => import('../../').then(m => m.Img),
     },
     props: {
         id: Number,
diff --git a/packages/hyper-ui/src/components/game-series/game-includes-list.vue b/packages/hyper-ui/src/components/game-series/game-includes-list.vue
index 92f3b84..f796203 100644
--- a/packages/hyper-ui/src/components/game-series/game-includes-list.vue
+++ b/packages/hyper-ui/src/components/game-series/game-includes-list.vue
@@ -10,7 +10,7 @@
                 :key="item.id"
                 class="game-includes__item-container"
                 :style="{ width: 'calc(100% / ' + showNumber + ')'}">
-                <IncludesItem
+                <GameIncludesItem
                     :id="item.id"
                     :name="item.name"
                     :developer="item.developer"
@@ -37,7 +37,7 @@
 <script>
 export default {
     components: {
-        'IncludesItem': () => import('../../').then(m => m.IncludesItem),
+        'GameIncludesItem': () => import('../../').then(m => m.GameIncludesItem),
         'LoadMore': () => import('../../').then(m => m.LoadMore)
     },
     props: {
diff --git a/packages/hyper-ui/src/components/product-card/product-cards.vue b/packages/hyper-ui/src/components/product-card/product-cards.vue
index f6cfde1..48a213d 100644
--- a/packages/hyper-ui/src/components/product-card/product-cards.vue
+++ b/packages/hyper-ui/src/components/product-card/product-cards.vue
@@ -1,14 +1,15 @@
 <template>
     <div class="product-grid-wrapper">
+<!--        {{ products }}-->
         <ProductCardDynamic
             v-for="(product, index) in products"
             :key="index"
             :id="product.id"
             :price="product.price"
-            :mediumTile="product.images.mediumTile"
+            :mediumTile="product.meta.images.mediumTile"
             :video="product.video"
             :shortDescription="product.shortDescription"
-            :previewImages="product.images.review"
+            :previewImages="product.meta.images.review"
             :developerTags="product.developerTags" />
     </div>
 </template>
diff --git a/packages/hyper-ui/src/components/progress-bar/fancy.vue b/packages/hyper-ui/src/components/progress-bar/fancy.vue
index c523a3f..6575a7e 100644
--- a/packages/hyper-ui/src/components/progress-bar/fancy.vue
+++ b/packages/hyper-ui/src/components/progress-bar/fancy.vue
@@ -16,7 +16,7 @@
 export default {
     props: {
         percent: {
-            type: Number,
+            type: [Number, String],
             default: 0
         }
     },
diff --git a/packages/hyper-ui/src/components/review/index.vue b/packages/hyper-ui/src/components/review/index.vue
index 65d0f83..8a3acd8 100644
--- a/packages/hyper-ui/src/components/review/index.vue
+++ b/packages/hyper-ui/src/components/review/index.vue
@@ -64,9 +64,6 @@
                 {{ show_more ? 'HIDE REVIEW' : 'READ MORE...' }}
             </a>
         </div>
-        <!--<BasicPopup :activated="show_more" @close=" show_more = !show_more " width="800">-->
-        <!--<Post :post="post"/>-->
-        <!--</BasicPopup>-->
     </div>
 </template>
 
@@ -77,7 +74,8 @@ export default {
         'RatingStars': () => import('../../').then(m => m.RatingStars),
         'Author': () => import('../../').then(m => m.Author),
         'BasicPopup': () => import('../../').then(m => m.BasicPopup),
-        'Post': () => import('../../').then(m => m.Post)
+        'Post': () => import('../../').then(m => m.Post),
+        'Img': () => import('../../').then(m => m.Img),
     },
     props: {
         review: {
diff --git a/packages/hyper-ui/src/index.js b/packages/hyper-ui/src/index.js
index 795f869..346e31f 100644
--- a/packages/hyper-ui/src/index.js
+++ b/packages/hyper-ui/src/index.js
@@ -312,7 +312,7 @@ export const ProductCardDynamic = require('./components/product-card/product-car
 export const ProductCard = require('./components/product-card/product-card')
 export const ProductsCards = require('./components/product-card/product-cards')
 export const CuratorReview = require('./components/curator-review')
-export const CuratorsReviews = require('./components/curator-reviews')
+export const CuratorReviews = require('./components/curator-reviews')
 export const ImagesExplorer = require('./components/images-explorer')
 export const CollectionItem = require('./components/collection/item')
 export const CollectionList = require('./components/collection/list')
@@ -326,6 +326,7 @@ export const ProjectMilestone = require('./components/project/milestone')
 export const CommunitySpotlight = require('./components/community-spotlight')
 export const ProductReview = require('./components/review')
 export const ProductReviewForm = require('./components/review/create')
+export const ProductViewReview = require('./components/review/view')
 export const Banner = require('./components/banner')
 export const LanguageSupport = require('./components/product-overview/language-support')
 export const Input = require('./components/inputs')
@@ -441,4 +442,5 @@ export const Message = require('./components/message')
 export const Drawer = require('./components/drawer')
 export const SimpleTable = require('./components/table-simple')
 export const SendingFundsPopup = require('./components/send-funds-popup')
+export const TextFormatting = require('./components/text-formatting')
 // export const InfiniteContent = require('./components/infinite-content')

From 00ef797d67bd2e1aa27a38d47452220b56298b10 Mon Sep 17 00:00:00 2001
From: soxepo <bogdanvin@gmail.com>
Date: Sat, 26 Oct 2019 15:54:18 +0300
Subject: [PATCH 5/7] fix components(Timeline)

---
 packages/hyper-ui/src/components/review/view.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/hyper-ui/src/components/review/view.vue b/packages/hyper-ui/src/components/review/view.vue
index 4b9e441..6dc2bc5 100644
--- a/packages/hyper-ui/src/components/review/view.vue
+++ b/packages/hyper-ui/src/components/review/view.vue
@@ -67,7 +67,7 @@
             <div
                 v-if="comments"
                 class="w-100">
-                <Comment
+                <ProductCommunityComment
                     v-for="(comment, idx) in comments"
                     :key="`comment=${idx}`"
                     :canReply="false"
@@ -90,7 +90,7 @@
 export default {
     components: {
         'Button': () => import('../../').then(m => m.Button),
-        'Comment': () => import('../../').then(m => m.Comment)
+        'ProductCommunityComment': () => import('../../').then(m => m.ProductCommunityComment)
     },
     props: {
         isRecommend: {

From c51324ac87e09a068fc9eaa9ba929b8f5f8584f0 Mon Sep 17 00:00:00 2001
From: soxepo <bogdanvin@gmail.com>
Date: Sun, 27 Oct 2019 16:46:09 +0200
Subject: [PATCH 6/7] fix components(Guide)

---
 .../src/components/buttons/favorite.vue       |   3 +
 .../src/components/contribute/form.vue        |  10 +-
 .../src/components/contribute/pledge.vue      |   2 +-
 .../src/components/game-installer/index.vue   |   3 +-
 .../components/participation-tier/index.vue   |   6 +-
 .../src/components/purchase-block/index.vue   |   4 +-
 .../hyper-ui/src/components/timeline/list.vue |   2 +-
 .../src/components/token-sale-box/index.vue   |   2 +-
 .../src/components/token-sale-box/type-2.vue  | 331 ------------------
 packages/hyper-ui/src/index.js                |  11 +-
 10 files changed, 28 insertions(+), 346 deletions(-)
 delete mode 100644 packages/hyper-ui/src/components/token-sale-box/type-2.vue

diff --git a/packages/hyper-ui/src/components/buttons/favorite.vue b/packages/hyper-ui/src/components/buttons/favorite.vue
index d4d1926..8b4a2f1 100644
--- a/packages/hyper-ui/src/components/buttons/favorite.vue
+++ b/packages/hyper-ui/src/components/buttons/favorite.vue
@@ -33,6 +33,9 @@ export default {
             default: 'heart'
         }
     },
+    components:{
+        'Icon': () => import('../../').then(m => m.Icon),
+    },
     computed: {
         dynamicTitle() {
             const { target, active } = this
diff --git a/packages/hyper-ui/src/components/contribute/form.vue b/packages/hyper-ui/src/components/contribute/form.vue
index f062705..7e70444 100644
--- a/packages/hyper-ui/src/components/contribute/form.vue
+++ b/packages/hyper-ui/src/components/contribute/form.vue
@@ -40,8 +40,14 @@ export default {
             type: Boolean,
             default: false
         },
-        value: Number,
-        defaultValue: Number,
+        value: {
+            type: [Number, String],
+            default: 0
+        },
+        defaultValue: {
+            type: [Number, String],
+            default: 0
+        },
         currency: String
     },
     data() {
diff --git a/packages/hyper-ui/src/components/contribute/pledge.vue b/packages/hyper-ui/src/components/contribute/pledge.vue
index e671065..a200969 100644
--- a/packages/hyper-ui/src/components/contribute/pledge.vue
+++ b/packages/hyper-ui/src/components/contribute/pledge.vue
@@ -79,7 +79,7 @@ export default {
             default: '$'
         },
         minPrice: {
-            type: String,
+            type: [Number, String],
             default: null
         },
         title: {
diff --git a/packages/hyper-ui/src/components/game-installer/index.vue b/packages/hyper-ui/src/components/game-installer/index.vue
index bef2ad5..c1e79c3 100644
--- a/packages/hyper-ui/src/components/game-installer/index.vue
+++ b/packages/hyper-ui/src/components/game-installer/index.vue
@@ -114,7 +114,8 @@
 export default {
     components: {
         'BasicPopup': () => import('../../').then(m => m.BasicPopup),
-        'Dropdown': () => import('../../').then(m => m.Dropdown)
+        'Dropdown': () => import('../../').then(m => m.Dropdown),
+        'Img': () => import('../../').then(m => m.Img),
     },
     props: {
         activated: {
diff --git a/packages/hyper-ui/src/components/participation-tier/index.vue b/packages/hyper-ui/src/components/participation-tier/index.vue
index b66e9fe..7c6258e 100644
--- a/packages/hyper-ui/src/components/participation-tier/index.vue
+++ b/packages/hyper-ui/src/components/participation-tier/index.vue
@@ -38,15 +38,15 @@ export default {
     props: {
         id: Number,
         price: {
-            type: Number,
+            type: [Number, String],
             default: 0
         },
         sold: {
-            type: Number,
+            type: [Number, String],
             default: 0
         },
         left: {
-            type: Number,
+            type: [Number, String],
             default: 0
         },
         tag: {
diff --git a/packages/hyper-ui/src/components/purchase-block/index.vue b/packages/hyper-ui/src/components/purchase-block/index.vue
index ee71404..e126b7c 100644
--- a/packages/hyper-ui/src/components/purchase-block/index.vue
+++ b/packages/hyper-ui/src/components/purchase-block/index.vue
@@ -146,8 +146,8 @@ export default {
             default: 0
         },
         releaseDate: {
-            type: String,
-            default: new Date()
+            type: [String, Date],
+            default: () => new Date()
         },
         offersPurchases: {
             type: Boolean,
diff --git a/packages/hyper-ui/src/components/timeline/list.vue b/packages/hyper-ui/src/components/timeline/list.vue
index 8cebda4..4bf412f 100644
--- a/packages/hyper-ui/src/components/timeline/list.vue
+++ b/packages/hyper-ui/src/components/timeline/list.vue
@@ -7,7 +7,7 @@
                 :key="index"
                 :item="item"
                 :index="index"
-                :projectId="project_id" />
+                :projectId="projectId" />
             <div
                 v-if="item.period"
                 class="post-timeline__period-info">
diff --git a/packages/hyper-ui/src/components/token-sale-box/index.vue b/packages/hyper-ui/src/components/token-sale-box/index.vue
index 05d8272..8aaa190 100644
--- a/packages/hyper-ui/src/components/token-sale-box/index.vue
+++ b/packages/hyper-ui/src/components/token-sale-box/index.vue
@@ -3,7 +3,7 @@
         <div class="token-sale-box__head">
             <div class="d-flex align-items-center">
                 <div class="coin-img">
-                    <img src="/img/icons/token-icon.png">
+                    <img src="https://via.placeholder.com/150">
                 </div>
                 <div class="box-title">
                     <h1 class="text-uppercase p-0 m-0">
diff --git a/packages/hyper-ui/src/components/token-sale-box/type-2.vue b/packages/hyper-ui/src/components/token-sale-box/type-2.vue
deleted file mode 100644
index d9cd861..0000000
--- a/packages/hyper-ui/src/components/token-sale-box/type-2.vue
+++ /dev/null
@@ -1,331 +0,0 @@
-<template>
-    <div class="token-sale-box">
-        <div class="token-sale-box__head">
-            <div class="d-flex align-items-center">
-                <div class="coin-img">
-                    <img src="/img/icons/token-icon.png">
-                </div>
-                <div class="box-title">
-                    <h1 class="text-uppercase p-0 m-0">
-                        HBX
-                    </h1>
-                    <h3 class="text-uppercase p-0 m-0">
-                        token sale
-                    </h3>
-                </div>
-            </div>
-            <div class="d-flex align-items-center">
-                <div class="text-center mr-5">
-                    <div>
-                        Token
-                    </div>
-                    <div>
-                        <h2 class="font-weight-bold p-0 m-0">
-                            HBX
-                        </h2>
-                    </div>
-                </div>
-                <div>
-                    <Button
-                        status="success"
-                        size="lg"
-                        iconHide
-                        @click="$emit('purchase')">
-                        Purchase HBX
-                    </Button>
-                </div>
-            </div>
-        </div>
-        <div class="token-sale-box__body">
-            <div class="token-sale-box_body-info">
-                <h2 class="p-0 mb-2">
-                    Sale status
-                </h2>
-                <div style="margin-top: 10px;">
-                    <strong>
-                        Sold
-                    </strong>
-                    <span class="ml-4">
-                        {{ soldDollar | convertCurrency }}
-                    </span>
-                    <span class="ml-3">
-                        {{ soldTokens | numeralFormat(0,0) }} HBX
-                    </span>
-                </div>
-                <div class="mt-3">
-                    <ProgressBar :percentages="percentProgress" />
-                </div>
-                <div class="token-sale-box__money-info">
-                    <div>
-                        <strong>
-                            Supply
-                        </strong>
-                        <span>
-                            {{ volume | numeralFormat(0,0) }} HBX
-                        </span>
-                    </div>
-                    <div>
-                        <strong>
-                            Hard Cap
-                        </strong>
-                        <span>
-                            {{ hardCap | convertCurrency }}
-                        </span>
-                    </div>
-                    <div>
-                        <strong>
-                            Soft Cap
-                        </strong>
-                        <span>
-                            {{ softCap | convertCurrency }}
-                        </span>
-                    </div>
-                </div>
-                <div class="token-sale-box_body-links">
-                    <h3>
-                        More on HBX
-                    </h3>
-                    <ul>
-                        <li>
-                            <a
-                                href="https://hyperbridge.org/downloads/whitepaper.pdf"
-                                target="_blank">
-                                <i class="fas fa-file-alt" />
-                                White Paper
-                            </a>
-                        </li>
-                        <li>
-                            <a
-                                href="https://hyperbridge.org/team"
-                                target="_blank">
-                                <i class="fas fa-users" />
-                                Team
-                            </a>
-                        </li>
-                        <li>
-                            <a
-                                href="https://hyperbridge.org/roadmap"
-                                target="_blank">
-                                <i class="fas fa-gamepad" />
-                                Roadmap
-                            </a>
-                        </li>
-                        <li>
-                            <a
-                                href="https://hyperbridge.org/"
-                                target="_blank">
-                                <i class="fas fa-home" />
-                                Corp. website
-                            </a>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-            <div class="token-sale-box_block-divider" />
-            <div class="token-sale-box__body-media">
-                <iframe
-                    width="380"
-                    height="220"
-                    src="https://www.youtube.com/embed/-QEdXZWMe-M"
-                    frameborder="0"
-                    allow="accelerometer; encrypted-media; gyroscope; picture-in-picture"
-                    allowfullscreen />
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-
-export default {
-    name: 'TokenSale',
-    components: {
-        'Button': () => import('../../').then(m => m.Button),
-        'ProgressBar': () => import('../../').then(m => m.ProgressBar)
-    },
-    props: {
-        hardCap: {
-            type: Number,
-            default: 0
-        },
-        softCap: {
-            type: Number,
-            default: 0
-        },
-        volume: {
-            type: Number,
-            default: 0
-        },
-        soldDollar: {
-            type: Number,
-            default: 0
-        },
-        soldTokens: {
-            type: Number,
-            default: 0
-        }
-    },
-    computed: {
-        percentProgress() {
-            return Number(this.soldTokens) * 100 / Number(this.volume)
-        }
-    }
-}
-</script>
-
-<style lang="scss" scoped>
-    .token-sale-box{
-        display: flex;
-        flex-direction: column;
-        border-radius: 10px;
-        overflow: hidden;
-        color: #fff;
-        box-shadow: 0 0 3px rgba(0, 0, 0, .3);
-    }
-    .token-sale-box__head{
-        background: rgba(0, 0, 0, .45);
-        padding: 10px 20px;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        h1, h2, h3, h4, h5{
-            color: #fff;
-        }
-        h1{
-            font-size: 28px;
-            font-weight: 900;
-        }
-        h3{
-            font-size: 18px;
-            font-weight: 100;
-        }
-        .coin-img{
-            height: 60px;
-            width: 60px;
-            margin-right: 20px;
-            img{
-                width: 100%;
-                height: 100%;
-                object-fit: cover;
-            }
-        }
-    }
-    .token-sale-box__body{
-        padding: 20px;
-        display: flex;
-        background: #3D3E5D;
-        align-items: stretch;
-        justify-content: space-between;
-        @media (max-width: 1280px){
-            flex-wrap: wrap;
-        }
-    }
-    .token-sale-box_body-info{
-        display: flex;
-        flex-direction: column;
-        min-width: 450px;
-        @media (max-width: 1440px) {
-            width: 50%;
-        }
-        @media (max-width: 1280px) {
-            width: 100%;
-        }
-        .progress.progress-bar-horizontal{
-            height: 15px;
-            border-radius: 10px;
-            .progress-bar{
-                border-radius: 10px;
-            }
-        }
-    }
-    .token-sale-box_body-links{
-        position: relative;
-        text-align: left;
-        h3{
-            color: #fff;
-            padding: 0;
-            margin: 20px 0 5px 0;
-        }
-        ul{
-            padding: 0;
-            margin: 0;
-            display: flex;
-            justify-content: space-between;
-            li{
-                list-style: none;
-                text-align: right;
-                display: flex;
-                align-items: center;
-                padding: 5px 0;
-                justify-content: flex-end;
-                a{
-                    color: #FFFFFF;
-                    text-decoration: none;
-                    i{
-                        width: 20px;
-                        color: #FADC72;
-                        text-align: center;
-                        margin-right: 5px;
-                        font-size: 16px;
-                        transition: all 200ms ease-in-out;
-                    }
-                    &:hover{
-                        color: #FADC72;
-                    }
-                }
-            }
-        }
-    }
-    .token-sale-box__money-info{
-        background: rgba(0, 0, 0, .3);
-        border-radius: 10px;
-        overflow: hidden;
-        display: flex;
-        margin-top: auto;
-        @media (max-width: 1280px) {
-            margin-top: 15px;
-        }
-        div{
-            text-align: left;
-            display: flex;
-            padding: 10px;
-            flex-direction: column;
-            white-space: nowrap;
-            border-left: 3px solid #3D3E5D;
-            min-width: 140px;
-            &:first-child{
-                border-left: none;
-            }
-        }
-    }
-    .token-sale-box__body-media{
-        overflow: hidden;
-        border-radius: 10px;
-        width: 440px;
-        height: 248px;
-        @media (max-width: 1440px) {
-            width: 35%;
-        }
-        @media (max-width: 1280px) {
-            width: 100%;
-            margin-top: 30px;
-        }
-        video{
-            width: auto;
-            height: 158px;
-            border-radius: 10px;
-        }
-        iframe{
-            border-radius: 10px;
-            overflow: hidden;
-            height: 100%;
-            width: 100%;
-        }
-    }
-    .token-sale-box_block-divider{
-        width: 2px;
-        border-radius: 50%;
-        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,ffffff+50,ffffff+50&0+0,0.15+15,0.15+86,0+100 */
-        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.15) 15%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 86%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-    }
-</style>
diff --git a/packages/hyper-ui/src/index.js b/packages/hyper-ui/src/index.js
index 346e31f..36b741c 100644
--- a/packages/hyper-ui/src/index.js
+++ b/packages/hyper-ui/src/index.js
@@ -81,7 +81,6 @@ import { swiper, swiperSlide } from 'vue-awesome-swiper'
 // export const GameIncludesItem = require('./components/game-series/game-includes-item')
 // export const GameIncludesList = require('./components/game-series/game-includes-list')
 // export const GameInstaller = null
-// export const GameInstallerModal = require('./components/game-installer')
 // export const GameLibraryCard = null
 // export const GamePlan = require('./components/game-plans/plan')
 // export const GameSeries = require('./components/game-series')
@@ -349,9 +348,10 @@ export const GameInstallerModal = require('./components/game-installer')
 export const Emoji = require('./components/emoji')
 export const EmojiSingle = require('./components/emoji/single')
 export const Landing = require('./components/landing')
-export const LandingTitle = require('./components/landing/block-title/simple')
-export const LandingTitleShadow = require('./components/landing/block-title/shadow')
-export const LandingTitleGradient = require('./components/landing/block-title/gradient')
+export const LandingBlockTitle = require('./components/landing/block-title/simple')
+export const LandingBlockTitleShadow = require('./components/landing/block-title/shadow')
+export const LandingBlockDivider = require('./components/landing/block-content/divider')
+export const LandingBlockTitleGradient = require('./components/landing/block-title/gradient')
 export const LandingContent = require('./components/landing/block-content/simple')
 export const SimpleBanner = require('./components/banner/simple')
 export const ProfileChooser = require('./components/profile-chooser')
@@ -374,6 +374,7 @@ export const ChatGroup = require('./components/chat-new/content/group')
 export const ArrayView = require('./components/json-editor/array-view')
 export const Breadcrumb = require('./components/breadcrumb')
 export const Button = require('./components/buttons')
+export const ButtonFav = require('./components/buttons/favorite')
 export const Icon = require('./components/icon')
 export const Img = require('./components/img')
 export const JsonView = require('./components/json-editor/json-view')
@@ -443,4 +444,6 @@ export const Drawer = require('./components/drawer')
 export const SimpleTable = require('./components/table-simple')
 export const SendingFundsPopup = require('./components/send-funds-popup')
 export const TextFormatting = require('./components/text-formatting')
+export const TokenSale = require('./components/token-sale-box')
+export const Guide = require('./components/guide')
 // export const InfiniteContent = require('./components/infinite-content')

From 04958a0a1883548b01c6d1820b6346ba27442771 Mon Sep 17 00:00:00 2001
From: soxepo <bogdanvin@gmail.com>
Date: Sun, 27 Oct 2019 21:41:44 +0200
Subject: [PATCH 7/7] fix components(Wallet)

---
 packages/hyper-ui/src/components/video-popup/index.vue   | 7 ++++---
 packages/hyper-ui/src/components/video/index.vue         | 2 +-
 packages/hyper-ui/src/components/wallet/account-edit.vue | 2 +-
 packages/hyper-ui/src/components/wallet/base.vue         | 5 +++--
 packages/hyper-ui/src/components/wallet/index.vue        | 3 ++-
 packages/hyper-ui/src/components/wallet/token.vue        | 3 ++-
 packages/hyper-ui/src/index.js                           | 2 ++
 7 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/packages/hyper-ui/src/components/video-popup/index.vue b/packages/hyper-ui/src/components/video-popup/index.vue
index 8a7dd4c..e3831ab 100644
--- a/packages/hyper-ui/src/components/video-popup/index.vue
+++ b/packages/hyper-ui/src/components/video-popup/index.vue
@@ -7,7 +7,7 @@
             slot="customContent"
             class="video-popup">
             <div class="video-popup__video-container">
-                <LoadingBarCircle v-if="showLoader" />
+                <LoadingCircle v-if="showLoader" />
                 <youtube
                     v-if="youtube"
                     :video-id="youtube"
@@ -74,8 +74,9 @@ export default {
         'HeadingBar': () => import('../../').then(m => m.HeadingBar),
         'Youtube': () => import('../../').then(m => m.Youtube),
         'Video': () => import('../../').then(m => m.Video),
-        'Twitch': () => import('../../').then(m => m.Twitch),
-        'LoadingBarCircle': () => import('../../').then(m => m.LoadingBarCircle)
+        // 'Twitch': () => import('../../').then(m => m.Twitch),
+        'Button': () => import('../../').then(m => m.Button),
+        'LoadingCircle': () => import('../../').then(m => m.LoadingCircle)
     },
     props: {
         activated: {
diff --git a/packages/hyper-ui/src/components/video/index.vue b/packages/hyper-ui/src/components/video/index.vue
index 5f62a68..f54aae6 100644
--- a/packages/hyper-ui/src/components/video/index.vue
+++ b/packages/hyper-ui/src/components/video/index.vue
@@ -38,7 +38,7 @@ export default {
     components: {
         'Twitch': () => import('../../').then(m => m.Twitch),
         'LocalVideo': () => import('./_local.vue').then(m => m.default),
-        'LoadingBarCircle': () => import('../../').then(m => m.LoadingBarCircle)
+        'LoadingCircle': () => import('../../').then(m => m.LoadingCircle)
     },
     props: {
         src: {
diff --git a/packages/hyper-ui/src/components/wallet/account-edit.vue b/packages/hyper-ui/src/components/wallet/account-edit.vue
index c1098e6..1e88916 100644
--- a/packages/hyper-ui/src/components/wallet/account-edit.vue
+++ b/packages/hyper-ui/src/components/wallet/account-edit.vue
@@ -43,7 +43,7 @@
 <script>
 export default {
     component: {
-        'Button': () => import('../../').then(m => m.Button)
+        'Button': () => import('../../').then(m => m.Button),
     },
     data() {
         return {
diff --git a/packages/hyper-ui/src/components/wallet/base.vue b/packages/hyper-ui/src/components/wallet/base.vue
index 5290dfb..2b9e460 100644
--- a/packages/hyper-ui/src/components/wallet/base.vue
+++ b/packages/hyper-ui/src/components/wallet/base.vue
@@ -163,8 +163,9 @@ export default {
     name: 'WalletPopup',
     components: {
         'Dropdown': () => import('../../').then(m => m.Dropdown),
-        'DropdownSecond': () => import('../../').then(m => m.DropdownSecond),
-        'Button': () => import('../../').then(m => m.Button)
+        'DropdownSecond': () => import('../../').then(m => m.Dropdown),
+        'Button': () => import('../../').then(m => m.Button),
+        'Img': () => import('../../').then(m => m.Img),
     },
     props: {},
     data() {
diff --git a/packages/hyper-ui/src/components/wallet/index.vue b/packages/hyper-ui/src/components/wallet/index.vue
index 2c501be..473b5d3 100644
--- a/packages/hyper-ui/src/components/wallet/index.vue
+++ b/packages/hyper-ui/src/components/wallet/index.vue
@@ -43,7 +43,8 @@ export default {
     name: 'WalletPopup',
     props: {},
     components: {
-        'Button': () => import('../../').then(m => m.Button)
+        'Button': () => import('../../').then(m => m.Button),
+        'Img': () => import('../../').then(m => m.Img),
     },
 }
 </script>
diff --git a/packages/hyper-ui/src/components/wallet/token.vue b/packages/hyper-ui/src/components/wallet/token.vue
index 0d00ebc..94c13c0 100644
--- a/packages/hyper-ui/src/components/wallet/token.vue
+++ b/packages/hyper-ui/src/components/wallet/token.vue
@@ -98,7 +98,8 @@
 export default {
     components: {
         'Input': () => import('../../').then(m => m.Input),
-        'Button': () => import('../../').then(m => m.Button)
+        'Button': () => import('../../').then(m => m.Button),
+        'Img': () => import('../../').then(m => m.Img),
     },
     data() {
         return {
diff --git a/packages/hyper-ui/src/index.js b/packages/hyper-ui/src/index.js
index 36b741c..7156279 100644
--- a/packages/hyper-ui/src/index.js
+++ b/packages/hyper-ui/src/index.js
@@ -446,4 +446,6 @@ export const SendingFundsPopup = require('./components/send-funds-popup')
 export const TextFormatting = require('./components/text-formatting')
 export const TokenSale = require('./components/token-sale-box')
 export const Guide = require('./components/guide')
+export const VideoPopup = require('./components/video-popup')
+export const Youtube = require('./components/youtube')
 // export const InfiniteContent = require('./components/infinite-content')