@ozdao/prometheus-framework 0.2.321 → 0.2.322

package/dist/prometheus-framework/src/modules/products/components/blocks/CardPosition.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Field = require("../../../../components/Field/Field.vue2.cjs");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 ;/* empty css                                                   */
 const IconAdd = require("../../../icons/navigation/IconAdd.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");

package/dist/prometheus-framework/src/modules/products/components/blocks/CardPosition.vue.js

@@ -1,6 +1,6 @@
 import { ref, computed, watch, openBlock, createElementBlock, createElementVNode, toDisplayString, createBlock, withCtx, createVNode, createCommentVNode, unref } from "vue";
 import Field from "../../../../components/Field/Field.vue2.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 /* empty css                                                 */
 import _sfc_main$1 from "../../../icons/navigation/IconAdd.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconDelete.vue.js";

package/dist/prometheus-framework/src/modules/products/components/pages/CategoryEdit.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue2.cjs");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 const Field = require("../../../../components/Field/Field.vue2.cjs");
 ;/* empty css                                         */

package/dist/prometheus-framework/src/modules/products/components/pages/CategoryEdit.vue.js

@@ -2,7 +2,7 @@ import { computed, onUnmounted, openBlock, createElementBlock, createBlock, with
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$5 from "../../../icons/navigation/IconDelete.vue.js";
 import _sfc_main$3 from "../../../../components/Button/Button.vue2.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$4 from "../../../../components/UploadImage/UploadImage.vue.js";
 import Field from "../../../../components/Field/Field.vue2.js";
 /* empty css                                       */

package/dist/prometheus-framework/src/modules/products/components/pages/EditLeftover.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Field = require("../../../../components/Field/Field.vue2.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 ;/* empty css                                                   */
 const CardPosition = require("../blocks/CardPosition.vue.cjs");

package/dist/prometheus-framework/src/modules/products/components/pages/EditLeftover.vue.js

@@ -2,7 +2,7 @@ import { ref, computed, onMounted, openBlock, createElementBlock, createElementV
 import _sfc_main$4 from "../../../../components/Block/Block.vue.js";
 import Field from "../../../../components/Field/Field.vue2.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";
 /* empty css                                                 */
 import _sfc_main$5 from "../blocks/CardPosition.vue.js";

package/dist/prometheus-framework/src/modules/products/components/sections/EditProductInfo.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 ;/* empty css                                         */
 ;/* empty css                                         */
 const Field = require("../../../../components/Field/Field.vue2.cjs");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 const _sfc_main = {
   __name: "EditProductInfo",
   props: {

package/dist/prometheus-framework/src/modules/products/components/sections/EditProductInfo.vue.js

@@ -2,7 +2,7 @@ import { openBlock, createElementBlock, Fragment, createVNode, withCtx } from "v
 /* empty css                                       */
 /* empty css                                       */
 import Field from "../../../../components/Field/Field.vue2.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 const _sfc_main = {
   __name: "EditProductInfo",
   props: {

package/dist/prometheus-framework/src/modules/products/components/sections/HeroRecommendation.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeroRecommendation.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/HeroRecommendation.vue"],"sourcesContent":["<script setup>\n\timport { ref, onMounted } from 'vue'\n\n\timport FieldBig from \"@pf/src/components/FieldBig/FieldBig.vue\";\n\timport Shader from \"@pf/src/components/Shader/Shader.vue\";\n\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport * as products from '@pf/src/modules/products/store/products';\n\n\tconst router = useRouter()\n\n\tconst text = {\n    messages: {\n      \"en\": {\n\t\t    \"title\": \"Increase Your High <br><b class='t-main'>Boosted by AI Budtender</b>\",\n\t\t    \"description\": \"Just tell us what you're want, and Weeder will find your ideal match.\",\n\t\t    \"placeholderTexts\": [\n\t\t    \t'Lowest THC, please!',\n\t\t    \t'Something with banana flavors?',\n\t\t    \t\"I'm in the mood for trippy vibes.\"\n\t\t    ],\n\t\t    \"subdescription\": \"AI Curated Recommendations for Your Mood:\",\n\t\t    \"presets\": {\n\t\t      \"sleep\": \"sleep\",\n\t\t      \"creative\": \"creative\",\n\t\t      \"giggly\": \"giggly\",\n\t\t      \"libido\": \"libido\",\n\t\t      \"trippy\": \"trippy\",\n\t\t      \"euphoric\": \"euphoric\"\n\t\t    },\n\t\t    \"placeholder\": \"Tell us what you're after...\",\n\t\t    \"action\": \"Transmit\"\n\t\t  },\n\t\t  \"ru\": {\n\t\t    \"title\": \"Персональный Накур,<br><b class='t-main'>Напрямую от AI</b>\",\n\t\t    \"description\": \"AI на страже твоего релакса, бро. Мы подбираем самые космические товары с учетом твоего желаемого настроения:\",\n\t\t    \"placeholderTexts\": [\n\t\t    \t'Я хочу самый низкий THC',\n\t\t    \t'Я хочу чего-нибудь бананового',\n\t\t    \t'Я хочу курнуть хейза'\n\t\t    ],\n\t\t   \t \"presets\": {\n\t\t      \"sleep\": \"сон\",\n\t\t      \"creative\": \"креатив\",\n\t\t      \"giggly\": \"смех\",\n\t\t      \"libido\": \"либидо\",\n\t\t      \"trippy\": \"трип\",\n\t\t      \"euphoric\": \"кайф\"\n\t\t    },\n\t\t    \"subdescription\": \"Или выберите тег, и наш AI направит тебя к самым крутым вариантам:\",\n\t\t    \"placeholder\": \"Опиши свой желаемый хай, bro...\",\n\t\t    \"action\": \"Передать\"\n\t\t  }\n\t\t}\t\n\t}\n\n\tconst { t, rt } = useI18n(text)\n\n\tlet mood = ref('')\n\n\tconst presets = ['sleep','creative','giggly','libido','trippy','euphoric'];\n\n\tasync function submitMood(presetMood = null) {\n\t\tconst moodToSend = presetMood || mood.value;\n\t\tawait products.actions.submitMood(moodToSend);\n\t}\n\n\t\n</script>\n\n<template>\n\t<div \n\t\tclass=\"pd-big bg-black t-white pos-relative o-hidden \"\n\t>\n\t\t<div class=\"flex-column flex-center flex t-center pos-relative z-index-1\">\n\t\t\t\n\t\t\t<h1 \n\t\t\t\tclass=\"mn-b-semi\" \n\t\t\t\tv-html=\"t('title')\"\n\t\t\t/>\n\n\t\t\t<p \n\t\t\t\tclass=\"mn-b-big p-big t-transp\" \n\t\t\t\tv-html=\"t('description')\"\n\t\t\t/>\n\t\t\t\n\t\t\t<FieldBig \n\t\t\t\t:input=\"mood\" \n\t\t    :typingSpeed=\"100\"\n\t\t    :loopTyping=\"true\"\n\t\t    :enableTyping=\"true\"\n\t\t    :placeholder=\"t('placeholder')\"\n\t\t    :action=\"t('action')\"\n\t\t    @update:input=\"mood = $event\"\n\t\t    @action=\"router.push({name: 'Product Recommmendation', query: {mood: mood}})\"\n\t\t\t\tclass=\"mn-b-big pd-big bg-dark-transp-50 bg-blur-thin w-100 w-max-40r\"\n\t\t\t/>\n\n\t\t\t<p \n\t\t\t\tclass=\"w-m-60r t-transp mn-b-semi p-medium\" \n\t\t\t\tv-html=\"t('subdescription')\"\n\t\t\t/>\n\n\t\t\t<div style=\"max-width: 50rem;\" class=\"w-100 h-max gap-thin cols-6\">\n\n\t\t\t\t<button \n\t\t\t\t\tv-for=\"(preset,index) in presets\" \n\t\t\t\t\t:key=\"preset\" \n\t\t\t\t\t@click.stop=\"router.push({name: 'ProductRecommmendation', query: {mood: preset}})\"\n\t\t\t\t\tclass=\"\n\t\t\t\t\t\tuppercase \n\t\t\t\t\t\tpd-thin\n\t\t\t\t\t\tt-medium\n\t\t\t\t\t\tflex-center\n\t\t\t\t\t\tflex-column\n\t\t\t\t\t\tflex-nowrap\n\t\t\t\t\t\tflex\n\t\t\t\t\t\tbg-dark-transp-50 \n\t\t\t\t\t\tbg-blur-thin\n\t\t\t\t\t\tradius-semi\n\t\t\t\t\t\tcursor-pointer\n\t\t\t\t\t\ttransition-elastic\n\t\t\t\t\t\thover-easeInOut-1 \n\t\t\t\t\t\"\n\t\t\t\t>\n\t\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + '/icons/moods/' + preset + '.svg'\" \n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<span class=\"t-white\"> \n\t\t\t\t\t\t{{ t(`presets.` + preset) }}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t</div>\n\n\t\t</div>\n\n\t\t<!-- <Shader class=\"w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0\"/> -->\n\n    <!-- <div class=\"w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0\">\n  \t  <div style=\"background-image: url(/spiral.jpg)\" class=\"spiral\"></div>\n    </div> -->\n\n\t</div>\n</template>\n\n<style>\n.spiral {\n\t\n  background-size: cover;\n  width: 100rem;\n  height: 100rem;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  opacity: 0.066;\n  transform: translate(-50%, -50%) rotate(0deg);\n  transform-origin: center center;\n  animation: spin 5s linear infinite;\n}\n\n@keyframes spin {\n  0% {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n  100% {\n    transform: translate(-50%, -50%) rotate(360deg);\n  }\n}\n</style>"],"names":["useRouter","useI18n","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAWC,UAAM,SAASA,UAAAA,UAAW;AAE1B,UAAM,OAAO;AAAA,MACV,UAAU;AAAA,QACR,MAAM;AAAA,UACN,SAAS;AAAA,UACT,eAAe;AAAA,UACf,oBAAoB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,UACA;AAAA,UACD,kBAAkB;AAAA,UAClB,WAAW;AAAA,YACT,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,YAAY;AAAA,UACb;AAAA,UACD,eAAe;AAAA,UACf,UAAU;AAAA,QACX;AAAA,QACD,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,eAAe;AAAA,UACf,oBAAoB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,UACA;AAAA,UACA,WAAW;AAAA,YACV,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,YAAY;AAAA,UACb;AAAA,UACD,kBAAkB;AAAA,UAClB,eAAe;AAAA,UACf,UAAU;AAAA,QACX;AAAA,MACF;AAAA,IACD;AAED,UAAM,EAAE,GAAG,OAAOC,QAAAA,QAAQ,IAAI;AAE9B,QAAI,OAAOC,IAAG,IAAC,EAAE;AAEjB,UAAM,UAAU,CAAC,SAAQ,YAAW,UAAS,UAAS,UAAS,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HeroRecommendation.vue.cjs","sources":["../../../../../../../src/modules/products/components/sections/HeroRecommendation.vue"],"sourcesContent":["<script setup>\n\timport { ref, onMounted } from 'vue'\n\n\timport FieldBig from \"@pf/src/components/FieldBig/FieldBig.vue\";\n\timport Shader from \"@pf/src/components/Shader/Shader.vue\";\n\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport * as products from '@pf/src/modules/products/store/products';\n\n\tconst router = useRouter()\n\n\tconst text = {\n    messages: {\n      \"en\": {\n\t\t    \"title\": \"Increase Your High <br><b class='t-main'>Boosted by AI Budtender</b>\",\n\t\t    \"description\": \"Just tell us what you're want, and Weeder will find your ideal match.\",\n\t\t    \"placeholderTexts\": [\n\t\t    \t'Lowest THC, please!',\n\t\t    \t'Something with banana flavors?',\n\t\t    \t\"I'm in the mood for trippy vibes.\"\n\t\t    ],\n\t\t    \"subdescription\": \"AI Curated Recommendations for Your Mood:\",\n\t\t    \"presets\": {\n\t\t      \"sleep\": \"sleep\",\n\t\t      \"creative\": \"creative\",\n\t\t      \"giggly\": \"giggly\",\n\t\t      \"libido\": \"libido\",\n\t\t      \"trippy\": \"trippy\",\n\t\t      \"euphoric\": \"euphoric\"\n\t\t    },\n\t\t    \"placeholder\": \"Tell us what you're after...\",\n\t\t    \"action\": \"Transmit\"\n\t\t  },\n\t\t  \"ru\": {\n\t\t    \"title\": \"Персональный Накур,<br><b class='t-main'>Напрямую от AI</b>\",\n\t\t    \"description\": \"AI на страже твоего релакса, бро. Мы подбираем самые космические товары с учетом твоего желаемого настроения:\",\n\t\t    \"placeholderTexts\": [\n\t\t    \t'Я хочу самый низкий THC',\n\t\t    \t'Я хочу чего-нибудь бананового',\n\t\t    \t'Я хочу курнуть хейза'\n\t\t    ],\n\t\t   \t \"presets\": {\n\t\t      \"sleep\": \"сон\",\n\t\t      \"creative\": \"креатив\",\n\t\t      \"giggly\": \"смех\",\n\t\t      \"libido\": \"либидо\",\n\t\t      \"trippy\": \"трип\",\n\t\t      \"euphoric\": \"кайф\"\n\t\t    },\n\t\t    \"subdescription\": \"Или выберите тег, и наш AI направит тебя к самым крутым вариантам:\",\n\t\t    \"placeholder\": \"Опиши свой желаемый хай, bro...\",\n\t\t    \"action\": \"Передать\"\n\t\t  }\n\t\t}\t\n\t}\n\n\tconst { t, rt } = useI18n(text)\n\n\tlet mood = ref('')\n\n\tconst presets = ['sleep','creative','giggly','libido','trippy','euphoric'];\n\n\tasync function submitMood(presetMood = null) {\n\t\tconst moodToSend = presetMood || mood.value;\n\t\tawait products.actions.submitMood(moodToSend);\n\t}\n\n\t\n</script>\n\n<template>\n\t<div \n\t\tclass=\"pd-big bg-black t-white pos-relative o-hidden \"\n\t>\n\t\t<div class=\"flex-column flex-center flex t-center pos-relative z-index-1\">\n\t\t\t\n\t\t\t<h1 \n\t\t\t\tclass=\"mn-b-semi\" \n\t\t\t\tv-html=\"t('title')\"\n\t\t\t/>\n\n\t\t\t<p \n\t\t\t\tclass=\"mn-b-big p-big t-transp\" \n\t\t\t\tv-html=\"t('description')\"\n\t\t\t/>\n\t\t\t\n\t\t\t<FieldBig \n\t\t\t\t:input=\"mood\" \n\t\t    :typingSpeed=\"100\"\n\t\t    :loopTyping=\"true\"\n\t\t    :enableTyping=\"true\"\n\t\t    :placeholder=\"t('placeholder')\"\n\t\t    :action=\"t('action')\"\n\t\t    @update:input=\"mood = $event\"\n\t\t    @action=\"router.push({name: 'Product Recommmendation', query: {mood: mood}})\"\n\t\t\t\tclass=\"mn-b-big pd-big bg-dark-transp-50 bg-blur-thin w-100 w-max-40r\"\n\t\t\t/>\n\n\t\t\t<p \n\t\t\t\tclass=\"w-m-60r t-transp mn-b-semi p-medium\" \n\t\t\t\tv-html=\"t('subdescription')\"\n\t\t\t/>\n\n\t\t\t<div style=\"max-width: 50rem;\" class=\"w-100 h-max gap-thin cols-6\">\n\n\t\t\t\t<button \n\t\t\t\t\tv-for=\"(preset,index) in presets\" \n\t\t\t\t\t:key=\"preset\" \n\t\t\t\t\t@click.stop=\"router.push({name: 'ProductRecommmendation', query: {mood: preset}})\"\n\t\t\t\t\tclass=\"\n\t\t\t\t\t\tuppercase \n\t\t\t\t\t\tpd-thin\n\t\t\t\t\t\tt-medium\n\t\t\t\t\t\tflex-center\n\t\t\t\t\t\tflex-column\n\t\t\t\t\t\tflex-nowrap\n\t\t\t\t\t\tflex\n\t\t\t\t\t\tbg-dark-transp-50 \n\t\t\t\t\t\tbg-blur-thin\n\t\t\t\t\t\tradius-semi\n\t\t\t\t\t\tcursor-pointer\n\t\t\t\t\t\ttransition-elastic\n\t\t\t\t\t\thover-easeInOut-1 \n\t\t\t\t\t\"\n\t\t\t\t>\n\t\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + '/icons/moods/' + preset + '.svg'\" \n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<span class=\"t-white\"> \n\t\t\t\t\t\t{{ t(`presets.` + preset) }}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t</div>\n\n\t\t</div>\n\n\t\t<!-- <Shader class=\"w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0\"/> -->\n\n    <!-- <div class=\"w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0\">\n  \t  <div style=\"background-image: url(/spiral.jpg)\" class=\"spiral\"></div>\n    </div> -->\n\n\t</div>\n</template>\n\n<style style=\"scoped\">\n.spiral {\n\t\n  background-size: cover;\n  width: 100rem;\n  height: 100rem;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  opacity: 0.066;\n  transform: translate(-50%, -50%) rotate(0deg);\n  transform-origin: center center;\n  animation: spin 5s linear infinite;\n}\n\n@keyframes spin {\n  0% {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n  100% {\n    transform: translate(-50%, -50%) rotate(360deg);\n  }\n}\n</style>"],"names":["useRouter","useI18n","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAWC,UAAM,SAASA,UAAAA,UAAW;AAE1B,UAAM,OAAO;AAAA,MACV,UAAU;AAAA,QACR,MAAM;AAAA,UACN,SAAS;AAAA,UACT,eAAe;AAAA,UACf,oBAAoB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,UACA;AAAA,UACD,kBAAkB;AAAA,UAClB,WAAW;AAAA,YACT,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,YAAY;AAAA,UACb;AAAA,UACD,eAAe;AAAA,UACf,UAAU;AAAA,QACX;AAAA,QACD,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,eAAe;AAAA,UACf,oBAAoB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,UACA;AAAA,UACA,WAAW;AAAA,YACV,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,YAAY;AAAA,UACb;AAAA,UACD,kBAAkB;AAAA,UAClB,eAAe;AAAA,UACf,UAAU;AAAA,QACX;AAAA,MACF;AAAA,IACD;AAED,UAAM,EAAE,GAAG,OAAOC,QAAAA,QAAQ,IAAI;AAE9B,QAAI,OAAOC,IAAG,IAAC,EAAE;AAEjB,UAAM,UAAU,CAAC,SAAQ,YAAW,UAAS,UAAS,UAAS,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/products/components/sections/HeroRecommendation.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeroRecommendation.vue.js","sources":["../../../../../../../src/modules/products/components/sections/HeroRecommendation.vue"],"sourcesContent":["<script setup>\n\timport { ref, onMounted } from 'vue'\n\n\timport FieldBig from \"@pf/src/components/FieldBig/FieldBig.vue\";\n\timport Shader from \"@pf/src/components/Shader/Shader.vue\";\n\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport * as products from '@pf/src/modules/products/store/products';\n\n\tconst router = useRouter()\n\n\tconst text = {\n    messages: {\n      \"en\": {\n\t\t    \"title\": \"Increase Your High <br><b class='t-main'>Boosted by AI Budtender</b>\",\n\t\t    \"description\": \"Just tell us what you're want, and Weeder will find your ideal match.\",\n\t\t    \"placeholderTexts\": [\n\t\t    \t'Lowest THC, please!',\n\t\t    \t'Something with banana flavors?',\n\t\t    \t\"I'm in the mood for trippy vibes.\"\n\t\t    ],\n\t\t    \"subdescription\": \"AI Curated Recommendations for Your Mood:\",\n\t\t    \"presets\": {\n\t\t      \"sleep\": \"sleep\",\n\t\t      \"creative\": \"creative\",\n\t\t      \"giggly\": \"giggly\",\n\t\t      \"libido\": \"libido\",\n\t\t      \"trippy\": \"trippy\",\n\t\t      \"euphoric\": \"euphoric\"\n\t\t    },\n\t\t    \"placeholder\": \"Tell us what you're after...\",\n\t\t    \"action\": \"Transmit\"\n\t\t  },\n\t\t  \"ru\": {\n\t\t    \"title\": \"Персональный Накур,<br><b class='t-main'>Напрямую от AI</b>\",\n\t\t    \"description\": \"AI на страже твоего релакса, бро. Мы подбираем самые космические товары с учетом твоего желаемого настроения:\",\n\t\t    \"placeholderTexts\": [\n\t\t    \t'Я хочу самый низкий THC',\n\t\t    \t'Я хочу чего-нибудь бананового',\n\t\t    \t'Я хочу курнуть хейза'\n\t\t    ],\n\t\t   \t \"presets\": {\n\t\t      \"sleep\": \"сон\",\n\t\t      \"creative\": \"креатив\",\n\t\t      \"giggly\": \"смех\",\n\t\t      \"libido\": \"либидо\",\n\t\t      \"trippy\": \"трип\",\n\t\t      \"euphoric\": \"кайф\"\n\t\t    },\n\t\t    \"subdescription\": \"Или выберите тег, и наш AI направит тебя к самым крутым вариантам:\",\n\t\t    \"placeholder\": \"Опиши свой желаемый хай, bro...\",\n\t\t    \"action\": \"Передать\"\n\t\t  }\n\t\t}\t\n\t}\n\n\tconst { t, rt } = useI18n(text)\n\n\tlet mood = ref('')\n\n\tconst presets = ['sleep','creative','giggly','libido','trippy','euphoric'];\n\n\tasync function submitMood(presetMood = null) {\n\t\tconst moodToSend = presetMood || mood.value;\n\t\tawait products.actions.submitMood(moodToSend);\n\t}\n\n\t\n</script>\n\n<template>\n\t<div \n\t\tclass=\"pd-big bg-black t-white pos-relative o-hidden \"\n\t>\n\t\t<div class=\"flex-column flex-center flex t-center pos-relative z-index-1\">\n\t\t\t\n\t\t\t<h1 \n\t\t\t\tclass=\"mn-b-semi\" \n\t\t\t\tv-html=\"t('title')\"\n\t\t\t/>\n\n\t\t\t<p \n\t\t\t\tclass=\"mn-b-big p-big t-transp\" \n\t\t\t\tv-html=\"t('description')\"\n\t\t\t/>\n\t\t\t\n\t\t\t<FieldBig \n\t\t\t\t:input=\"mood\" \n\t\t    :typingSpeed=\"100\"\n\t\t    :loopTyping=\"true\"\n\t\t    :enableTyping=\"true\"\n\t\t    :placeholder=\"t('placeholder')\"\n\t\t    :action=\"t('action')\"\n\t\t    @update:input=\"mood = $event\"\n\t\t    @action=\"router.push({name: 'Product Recommmendation', query: {mood: mood}})\"\n\t\t\t\tclass=\"mn-b-big pd-big bg-dark-transp-50 bg-blur-thin w-100 w-max-40r\"\n\t\t\t/>\n\n\t\t\t<p \n\t\t\t\tclass=\"w-m-60r t-transp mn-b-semi p-medium\" \n\t\t\t\tv-html=\"t('subdescription')\"\n\t\t\t/>\n\n\t\t\t<div style=\"max-width: 50rem;\" class=\"w-100 h-max gap-thin cols-6\">\n\n\t\t\t\t<button \n\t\t\t\t\tv-for=\"(preset,index) in presets\" \n\t\t\t\t\t:key=\"preset\" \n\t\t\t\t\t@click.stop=\"router.push({name: 'ProductRecommmendation', query: {mood: preset}})\"\n\t\t\t\t\tclass=\"\n\t\t\t\t\t\tuppercase \n\t\t\t\t\t\tpd-thin\n\t\t\t\t\t\tt-medium\n\t\t\t\t\t\tflex-center\n\t\t\t\t\t\tflex-column\n\t\t\t\t\t\tflex-nowrap\n\t\t\t\t\t\tflex\n\t\t\t\t\t\tbg-dark-transp-50 \n\t\t\t\t\t\tbg-blur-thin\n\t\t\t\t\t\tradius-semi\n\t\t\t\t\t\tcursor-pointer\n\t\t\t\t\t\ttransition-elastic\n\t\t\t\t\t\thover-easeInOut-1 \n\t\t\t\t\t\"\n\t\t\t\t>\n\t\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + '/icons/moods/' + preset + '.svg'\" \n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<span class=\"t-white\"> \n\t\t\t\t\t\t{{ t(`presets.` + preset) }}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t</div>\n\n\t\t</div>\n\n\t\t<!-- <Shader class=\"w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0\"/> -->\n\n    <!-- <div class=\"w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0\">\n  \t  <div style=\"background-image: url(/spiral.jpg)\" class=\"spiral\"></div>\n    </div> -->\n\n\t</div>\n</template>\n\n<style>\n.spiral {\n\t\n  background-size: cover;\n  width: 100rem;\n  height: 100rem;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  opacity: 0.066;\n  transform: translate(-50%, -50%) rotate(0deg);\n  transform-origin: center center;\n  animation: spin 5s linear infinite;\n}\n\n@keyframes spin {\n  0% {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n  100% {\n    transform: translate(-50%, -50%) rotate(360deg);\n  }\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAWC,UAAM,SAAS,UAAW;AAE1B,UAAM,OAAO;AAAA,MACV,UAAU;AAAA,QACR,MAAM;AAAA,UACN,SAAS;AAAA,UACT,eAAe;AAAA,UACf,oBAAoB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,UACA;AAAA,UACD,kBAAkB;AAAA,UAClB,WAAW;AAAA,YACT,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,YAAY;AAAA,UACb;AAAA,UACD,eAAe;AAAA,UACf,UAAU;AAAA,QACX;AAAA,QACD,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,eAAe;AAAA,UACf,oBAAoB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,UACA;AAAA,UACA,WAAW;AAAA,YACV,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,YAAY;AAAA,UACb;AAAA,UACD,kBAAkB;AAAA,UAClB,eAAe;AAAA,UACf,UAAU;AAAA,QACX;AAAA,MACF;AAAA,IACD;AAED,UAAM,EAAE,GAAG,OAAO,QAAQ,IAAI;AAE9B,QAAI,OAAO,IAAI,EAAE;AAEjB,UAAM,UAAU,CAAC,SAAQ,YAAW,UAAS,UAAS,UAAS,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HeroRecommendation.vue.js","sources":["../../../../../../../src/modules/products/components/sections/HeroRecommendation.vue"],"sourcesContent":["<script setup>\n\timport { ref, onMounted } from 'vue'\n\n\timport FieldBig from \"@pf/src/components/FieldBig/FieldBig.vue\";\n\timport Shader from \"@pf/src/components/Shader/Shader.vue\";\n\n\timport { useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\n\timport * as products from '@pf/src/modules/products/store/products';\n\n\tconst router = useRouter()\n\n\tconst text = {\n    messages: {\n      \"en\": {\n\t\t    \"title\": \"Increase Your High <br><b class='t-main'>Boosted by AI Budtender</b>\",\n\t\t    \"description\": \"Just tell us what you're want, and Weeder will find your ideal match.\",\n\t\t    \"placeholderTexts\": [\n\t\t    \t'Lowest THC, please!',\n\t\t    \t'Something with banana flavors?',\n\t\t    \t\"I'm in the mood for trippy vibes.\"\n\t\t    ],\n\t\t    \"subdescription\": \"AI Curated Recommendations for Your Mood:\",\n\t\t    \"presets\": {\n\t\t      \"sleep\": \"sleep\",\n\t\t      \"creative\": \"creative\",\n\t\t      \"giggly\": \"giggly\",\n\t\t      \"libido\": \"libido\",\n\t\t      \"trippy\": \"trippy\",\n\t\t      \"euphoric\": \"euphoric\"\n\t\t    },\n\t\t    \"placeholder\": \"Tell us what you're after...\",\n\t\t    \"action\": \"Transmit\"\n\t\t  },\n\t\t  \"ru\": {\n\t\t    \"title\": \"Персональный Накур,<br><b class='t-main'>Напрямую от AI</b>\",\n\t\t    \"description\": \"AI на страже твоего релакса, бро. Мы подбираем самые космические товары с учетом твоего желаемого настроения:\",\n\t\t    \"placeholderTexts\": [\n\t\t    \t'Я хочу самый низкий THC',\n\t\t    \t'Я хочу чего-нибудь бананового',\n\t\t    \t'Я хочу курнуть хейза'\n\t\t    ],\n\t\t   \t \"presets\": {\n\t\t      \"sleep\": \"сон\",\n\t\t      \"creative\": \"креатив\",\n\t\t      \"giggly\": \"смех\",\n\t\t      \"libido\": \"либидо\",\n\t\t      \"trippy\": \"трип\",\n\t\t      \"euphoric\": \"кайф\"\n\t\t    },\n\t\t    \"subdescription\": \"Или выберите тег, и наш AI направит тебя к самым крутым вариантам:\",\n\t\t    \"placeholder\": \"Опиши свой желаемый хай, bro...\",\n\t\t    \"action\": \"Передать\"\n\t\t  }\n\t\t}\t\n\t}\n\n\tconst { t, rt } = useI18n(text)\n\n\tlet mood = ref('')\n\n\tconst presets = ['sleep','creative','giggly','libido','trippy','euphoric'];\n\n\tasync function submitMood(presetMood = null) {\n\t\tconst moodToSend = presetMood || mood.value;\n\t\tawait products.actions.submitMood(moodToSend);\n\t}\n\n\t\n</script>\n\n<template>\n\t<div \n\t\tclass=\"pd-big bg-black t-white pos-relative o-hidden \"\n\t>\n\t\t<div class=\"flex-column flex-center flex t-center pos-relative z-index-1\">\n\t\t\t\n\t\t\t<h1 \n\t\t\t\tclass=\"mn-b-semi\" \n\t\t\t\tv-html=\"t('title')\"\n\t\t\t/>\n\n\t\t\t<p \n\t\t\t\tclass=\"mn-b-big p-big t-transp\" \n\t\t\t\tv-html=\"t('description')\"\n\t\t\t/>\n\t\t\t\n\t\t\t<FieldBig \n\t\t\t\t:input=\"mood\" \n\t\t    :typingSpeed=\"100\"\n\t\t    :loopTyping=\"true\"\n\t\t    :enableTyping=\"true\"\n\t\t    :placeholder=\"t('placeholder')\"\n\t\t    :action=\"t('action')\"\n\t\t    @update:input=\"mood = $event\"\n\t\t    @action=\"router.push({name: 'Product Recommmendation', query: {mood: mood}})\"\n\t\t\t\tclass=\"mn-b-big pd-big bg-dark-transp-50 bg-blur-thin w-100 w-max-40r\"\n\t\t\t/>\n\n\t\t\t<p \n\t\t\t\tclass=\"w-m-60r t-transp mn-b-semi p-medium\" \n\t\t\t\tv-html=\"t('subdescription')\"\n\t\t\t/>\n\n\t\t\t<div style=\"max-width: 50rem;\" class=\"w-100 h-max gap-thin cols-6\">\n\n\t\t\t\t<button \n\t\t\t\t\tv-for=\"(preset,index) in presets\" \n\t\t\t\t\t:key=\"preset\" \n\t\t\t\t\t@click.stop=\"router.push({name: 'ProductRecommmendation', query: {mood: preset}})\"\n\t\t\t\t\tclass=\"\n\t\t\t\t\t\tuppercase \n\t\t\t\t\t\tpd-thin\n\t\t\t\t\t\tt-medium\n\t\t\t\t\t\tflex-center\n\t\t\t\t\t\tflex-column\n\t\t\t\t\t\tflex-nowrap\n\t\t\t\t\t\tflex\n\t\t\t\t\t\tbg-dark-transp-50 \n\t\t\t\t\t\tbg-blur-thin\n\t\t\t\t\t\tradius-semi\n\t\t\t\t\t\tcursor-pointer\n\t\t\t\t\t\ttransition-elastic\n\t\t\t\t\t\thover-easeInOut-1 \n\t\t\t\t\t\"\n\t\t\t\t>\n\t\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + '/icons/moods/' + preset + '.svg'\" \n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<span class=\"t-white\"> \n\t\t\t\t\t\t{{ t(`presets.` + preset) }}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\n\t\t\t</div>\n\n\t\t</div>\n\n\t\t<!-- <Shader class=\"w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0\"/> -->\n\n    <!-- <div class=\"w-100 h-100 flex flex-center pos-absolute pos-t-0 pos-r-0 z-index-0\">\n  \t  <div style=\"background-image: url(/spiral.jpg)\" class=\"spiral\"></div>\n    </div> -->\n\n\t</div>\n</template>\n\n<style style=\"scoped\">\n.spiral {\n\t\n  background-size: cover;\n  width: 100rem;\n  height: 100rem;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  opacity: 0.066;\n  transform: translate(-50%, -50%) rotate(0deg);\n  transform-origin: center center;\n  animation: spin 5s linear infinite;\n}\n\n@keyframes spin {\n  0% {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n  100% {\n    transform: translate(-50%, -50%) rotate(360deg);\n  }\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAWC,UAAM,SAAS,UAAW;AAE1B,UAAM,OAAO;AAAA,MACV,UAAU;AAAA,QACR,MAAM;AAAA,UACN,SAAS;AAAA,UACT,eAAe;AAAA,UACf,oBAAoB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,UACA;AAAA,UACD,kBAAkB;AAAA,UAClB,WAAW;AAAA,YACT,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,YAAY;AAAA,UACb;AAAA,UACD,eAAe;AAAA,UACf,UAAU;AAAA,QACX;AAAA,QACD,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,eAAe;AAAA,UACf,oBAAoB;AAAA,YACnB;AAAA,YACA;AAAA,YACA;AAAA,UACA;AAAA,UACA,WAAW;AAAA,YACV,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU;AAAA,YACV,YAAY;AAAA,UACb;AAAA,UACD,kBAAkB;AAAA,UAClB,eAAe;AAAA,UACf,UAAU;AAAA,QACX;AAAA,MACF;AAAA,IACD;AAED,UAAM,EAAE,GAAG,OAAO,QAAQ,IAAI;AAE9B,QAAI,OAAO,IAAI,EAAE;AAEjB,UAAM,UAAU,CAAC,SAAQ,YAAW,UAAS,UAAS,UAAS,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/reports/components/sections/FormReport.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue2.cjs");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 const reports = require("../../store/reports.cjs");
 const _sfc_main = {
   __name: "FormReport",

package/dist/prometheus-framework/src/modules/reports/components/sections/FormReport.vue.js

@@ -1,7 +1,7 @@
 import { reactive, ref, openBlock, createElementBlock, renderSlot, createVNode, withCtx, createElementVNode, createTextVNode } from "vue";
 import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 import { actions } from "../../store/reports.js";
 const _sfc_main = {
   __name: "FormReport",

package/dist/prometheus-framework/src/modules/spots/components/blocks/SpotMemberModify.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 ;/* empty css                                       */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-;/* empty css                                         */
+;/* empty css                                          */
 ;/* empty css                        */
 const _hoisted_1 = { class: "br-grey-transp-25 radius-small mn-b-small" };
 const _hoisted_2 = {

package/dist/prometheus-framework/src/modules/spots/components/blocks/SpotMemberModify.vue.js

@@ -1,7 +1,7 @@
 import { ref, computed, resolveComponent, openBlock, createElementBlock, createElementVNode, createBlock, toDisplayString, createCommentVNode } from "vue";
 /* empty css                                     */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-/* empty css                                       */
+/* empty css                                        */
 /* empty css                      */
 const _hoisted_1 = { class: "br-grey-transp-25 radius-small mn-b-small" };
 const _hoisted_2 = {

package/dist/prometheus-framework/src/modules/spots/components/pages/SpotEdit.vue.cjs

@@ -6,7 +6,7 @@ const Block = require("../../../../components/Block/Block.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 ;/* empty css                                   */
 const Field = require("../../../../components/Field/Field.vue2.cjs");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
 const Address = require("../../../../components/Address/Address.vue2.cjs");
 const LocationMarker = require("../../../../components/LocationMarker/LocationMarker.vue2.cjs");

package/dist/prometheus-framework/src/modules/spots/components/pages/SpotEdit.vue.js

@@ -4,7 +4,7 @@ import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$3 from "../../../../components/UploadImage/UploadImage.vue.js";
 /* empty css                                 */
 import Field from "../../../../components/Field/Field.vue2.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$4 from "../../../../components/Checkbox/Checkbox.vue.js";
 import _sfc_main$5 from "../../../../components/Address/Address.vue2.js";
 import _sfc_main$6 from "../../../../components/LocationMarker/LocationMarker.vue2.js";

package/dist/prometheus-framework/src/modules/wallet/views/components/blocks/CryptoDeposit.vue.cjs

@@ -6,7 +6,7 @@ const bignumber = require("../../../../../../node_modules/bignumber.js/bignumber
 const wallet_store = require("../../store/wallet.store.cjs");
 const wallet = require("../../localization/wallet.json.cjs");
 const Field = require("../../../../../components/Field/Field.vue2.cjs");
-const Select = require("../../../../../components/Select/Select.vue2.cjs");
+const Select = require("../../../../../components/Select/Select.vue.cjs");
 const _hoisted_1 = { class: "mn-b-small t-center t-bold" };
 const _hoisted_2 = { class: "t-semi" };
 const _hoisted_3 = ["disabled"];

package/dist/prometheus-framework/src/modules/wallet/views/components/blocks/CryptoDeposit.vue.js

@@ -4,7 +4,7 @@ import { BigNumber } from "../../../../../../node_modules/bignumber.js/bignumber
 import { state, actions } from "../../store/wallet.store.js";
 import text from "../../localization/wallet.json.js";
 import Field from "../../../../../components/Field/Field.vue2.js";
-import Select from "../../../../../components/Select/Select.vue2.js";
+import Select from "../../../../../components/Select/Select.vue.js";
 const _hoisted_1 = { class: "mn-b-small t-center t-bold" };
 const _hoisted_2 = { class: "t-semi" };
 const _hoisted_3 = ["disabled"];

package/dist/prometheus-framework/src/modules/wallet/views/components/elements/ConnectMetamask.vue.cjs

@@ -2,18 +2,61 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueI18n = require("vue-i18n");
-const wallet = require("../../localization/wallet.json.cjs");
 const IconAdd = require("../../../../icons/navigation/IconAdd.vue.cjs");
-const _hoisted_1 = { class: "h4 uppercase w-100" };
+const _hoisted_1 = ["src"];
 const _hoisted_2 = { class: "h4 uppercase w-100" };
-const _hoisted_3 = { class: "h4 uppercase w-100" };
-const tokenAddress = "0xE11702CF04621D395E75680C29d3dbF81484e875";
-const tokenSymbol = "WDT";
-const tokenDecimals = 8;
-const tokenImage = "https://weeder.delivery/logo-token.png";
+const _hoisted_3 = ["src"];
+const _hoisted_4 = { class: "h4 uppercase w-100" };
+const _hoisted_5 = ["src"];
+const _hoisted_6 = { class: "h4 uppercase w-100" };
+const _hoisted_7 = {
+  key: 2,
+  class: "mn-t-small"
+};
 const _sfc_main = {
   __name: "ConnectMetamask",
+  props: {
+    // Token configuration
+    tokenAddress: {
+      type: String,
+      required: true
+    },
+    tokenSymbol: {
+      type: String,
+      required: true
+    },
+    tokenImage: {
+      type: String,
+      required: true
+    },
+    tokenDecimals: {
+      type: Number,
+      default: 18
+    },
+    // Chain configuration
+    targetChainId: {
+      type: String,
+      default: "0x89"
+      // Polygon Mainnet by default
+    },
+    // UI configuration
+    metamaskIcon: {
+      type: String,
+      default: "/icons/metamask.svg"
+    },
+    content: {
+      type: Object,
+      default: () => ({
+        en: {
+          "connectMetaMask": "Connect MetaMask",
+          "switchToPolygon": "Switch to Polygon",
+          "addToken": `Add token to MetaMask`
+        }
+      })
+    }
+  },
   setup(__props) {
+    const props = __props;
     const isMetaMaskInstalled = vue.ref(false);
     const isPolygon = vue.ref(false);
     const loading = vue.ref(false);
@@ -24,8 +67,9 @@ const _sfc_main = {
         try {
           await window.ethereum.request({ method: "eth_requestAccounts" });
           checkMetaMask();
-        } catch (error2) {
-          console.error("Ошибка при подключении MetaMask:", error2);
+        } catch (err) {
+          error.value = err.message;
+          console.error("Error connecting to MetaMask:", err);
         }
       } else {
         window.open("https://metamask.io/", "_blank");
@@ -35,7 +79,7 @@ const _sfc_main = {
       if (typeof window.ethereum !== "undefined") {
         isMetaMaskInstalled.value = true;
         const chainId = await window.ethereum.request({ method: "eth_chainId" });
-        isPolygon.value = chainId === "0x89" || chainId === "0x13881";
+        isPolygon.value = chainId === props.targetChainId;
       } else {
         isMetaMaskInstalled.value = false;
       }
@@ -44,14 +88,15 @@ const _sfc_main = {
       try {
         await window.ethereum.request({
           method: "wallet_switchEthereumChain",
-          params: [{ chainId: "0x89" }]
+          params: [{ chainId: props.targetChainId }]
         });
         checkMetaMask();
-      } catch (error2) {
-        console.error("Ошибка при переключении на Polygon:", error2);
+      } catch (err) {
+        error.value = err.message;
+        console.error("Error switching to Polygon:", err);
       }
     };
-    const addWDT = async () => {
+    const addToken = async () => {
       buttonStyle.value["pointer-events"] = "none";
       error.value = null;
       loading.value = true;
@@ -61,22 +106,22 @@ const _sfc_main = {
           params: {
             type: "ERC20",
             options: {
-              address: tokenAddress,
-              symbol: tokenSymbol,
-              decimals: tokenDecimals,
-              image: tokenImage
+              address: props.tokenAddress,
+              symbol: props.tokenSymbol,
+              decimals: props.tokenDecimals,
+              image: props.tokenImage
             }
           }
         });
         buttonStyle.value["background-color"] = "#009911";
         loading.value = false;
       } catch (err) {
-        error.value = err.toString();
+        error.value = err.message;
+        loading.value = false;
       }
     };
     const { t } = vueI18n.useI18n({
-      useScope: "global",
-      ...wallet.default
+      messages: props.content
     });
     vue.onMounted(() => {
       checkMetaMask();
@@ -88,12 +133,12 @@ const _sfc_main = {
           onClick: connectMetaMask,
           class: "transition-ease-in-out cursor-pointer bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white"
         }, [
-          _cache[0] || (_cache[0] = vue.createElementVNode("img", {
+          vue.createElementVNode("img", {
             loading: "lazy",
-            src: "/icons/metamask.svg",
+            src: __props.metamaskIcon,
             class: "mn-r-small i-big"
-          }, null, -1)),
-          vue.createElementVNode("span", _hoisted_1, vue.toDisplayString(vue.unref(t)("wallet.connectMetaMask")), 1),
+          }, null, 8, _hoisted_1),
+          vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(vue.unref(t)("connectMetaMask")), 1),
           vue.createVNode(IconAdd.default, {
             class: "t-transp",
             fill: "rgb(var(--white))"
@@ -104,12 +149,12 @@ const _sfc_main = {
             onClick: switchToPolygon,
             class: "transition-ease-in-out cursor-pointer hover-bg-white hover-t-black bg-black t-white radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small"
           }, [
-            _cache[1] || (_cache[1] = vue.createElementVNode("img", {
+            vue.createElementVNode("img", {
               loading: "lazy",
-              src: "/icons/metamask.svg",
+              src: __props.metamaskIcon,
               class: "mn-r-small i-big"
-            }, null, -1)),
-            vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(vue.unref(t)("wallet.switchToPolygon")), 1),
+            }, null, 8, _hoisted_3),
+            vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(vue.unref(t)("switchToPolygon")), 1),
             vue.createVNode(IconAdd.default, {
               class: "t-transp",
               fill: "rgb(var(--white))"
@@ -117,18 +162,19 @@ const _sfc_main = {
           ])) : vue.createCommentVNode("", true),
           isPolygon.value ? (vue.openBlock(), vue.createElementBlock("button", {
             key: 1,
-            onClick: addWDT,
+            onClick: addToken,
             class: "transition-ease-in-out cursor-pointer hover-bg-white hover-t-black bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white"
           }, [
-            _cache[2] || (_cache[2] = vue.createElementVNode("img", {
+            vue.createElementVNode("img", {
               loading: "lazy",
-              src: "/icons/metamask.svg",
+              src: __props.metamaskIcon,
               class: "mn-r-small i-big"
-            }, null, -1)),
-            vue.createElementVNode("span", _hoisted_3, vue.toDisplayString(vue.unref(t)("wallet.addToken")), 1),
+            }, null, 8, _hoisted_5),
+            vue.createElementVNode("span", _hoisted_6, vue.toDisplayString(vue.unref(t)("addToken")), 1),
             vue.createVNode(IconAdd.default, { class: "hover-fill-black fill-white t-transp" })
           ])) : vue.createCommentVNode("", true)
-        ], 64))
+        ], 64)),
+        error.value ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7, vue.toDisplayString(error.value), 1)) : vue.createCommentVNode("", true)
       ]);
     };
   }

package/dist/prometheus-framework/src/modules/wallet/views/components/elements/ConnectMetamask.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectMetamask.vue.cjs","sources":["../../../../../../../../src/modules/wallet/views/components/elements/ConnectMetamask.vue"],"sourcesContent":["<template>\n  <div>\n    <!-- Connect Metamask -->\n    <button \n      v-if=\"!isMetaMaskInstalled\"\n      @click=\"connectMetaMask\" \n      class=\"transition-ease-in-out cursor-pointer  bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white\"\n    >\n      <img loading=\"lazy\" :src=\"'/icons/metamask.svg'\" class=\"mn-r-small i-big\" >\n      <span class=\"h4 uppercase w-100\">{{ t('wallet.connectMetaMask') }}</span>\n      <IconAdd  class=\"t-transp\"   fill=\"rgb(var(--white))\"/>\n    </button>\n\n    <template v-else>\n      <!-- Switch to Polygon -->\n      <button \n        v-if=\"!isPolygon\"\n        @click=\"switchToPolygon\" \n        class=\"transition-ease-in-out cursor-pointer hover-bg-white hover-t-black bg-black t-white radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small \"\n      >\n        <img loading=\"lazy\" :src=\"'/icons/metamask.svg'\" class=\"mn-r-small i-big\" >\n        <span class=\"h4 uppercase w-100\">{{ t('wallet.switchToPolygon') }}</span>\n        <IconAdd  class=\"t-transp\"  fill=\"rgb(var(--white))\" />\n      </button>\n      <!-- Add WDT to metamask -->\n      <button \n        v-if=\"isPolygon\"\n        @click=\"addWDT\" \n        class=\"transition-ease-in-out cursor-pointer hover-bg-white hover-t-black  bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white\"\n      >\n        <img loading=\"lazy\" :src=\"'/icons/metamask.svg'\" class=\"mn-r-small i-big\" >\n        <span class=\"h4 uppercase w-100\">{{ t('wallet.addToken') }}</span>\n        <IconAdd  class=\"hover-fill-black fill-white t-transp\"/>\n      </button>\n    </template>\n\n    <!-- <p class=\"mn-t-small\" v-if=\"error\">{{ error }}</p> -->\n\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nimport text from '@pf/src/modules/wallet/views/localization/wallet.json'\n\nimport IconAdd from '@pf/src/modules/icons/navigation/IconAdd.vue'\n\nconst isMetaMaskInstalled = ref(false);\nconst isPolygon = ref(false);\nconst loading = ref(false);\nconst error = ref(null);\nconst buttonStyle = ref({});\n\nconst tokenAddress = '0xE11702CF04621D395E75680C29d3dbF81484e875'; \nconst tokenSymbol = 'WDT';\nconst tokenDecimals = 8;\nconst tokenImage = 'https://weeder.delivery/logo-token.png';\n\nconst connectMetaMask = async () => {\n  if (typeof window.ethereum !== 'undefined') {\n    try {\n      await window.ethereum.request({ method: 'eth_requestAccounts' });\n      checkMetaMask();\n    } catch (error) {\n      console.error('Ошибка при подключении MetaMask:', error);\n    }\n  } else {\n    window.open('https://metamask.io/', '_blank');\n  }\n};\n\nconst checkMetaMask = async () => {\n  if (typeof window.ethereum !== 'undefined') {\n    isMetaMaskInstalled.value = true;\n    const chainId = await window.ethereum.request({ method: 'eth_chainId' });\n    isPolygon.value = chainId === '0x89' || chainId === '0x13881';\n  } else {\n    isMetaMaskInstalled.value = false;\n  }\n};\n\nconst switchToPolygon = async () => {\n  try {\n    await window.ethereum.request({\n      method: 'wallet_switchEthereumChain',\n      params: [{ chainId: '0x89' }],\n    });\n    checkMetaMask();\n  } catch (error) {\n    console.error('Ошибка при переключении на Polygon:', error);\n  }\n};\n\nconst addWDT = async () => {\n  buttonStyle.value['pointer-events'] = 'none';\n  error.value = null;\n  loading.value = true;\n\n  try {\n    await ethereum.request({\n      method: 'wallet_watchAsset',\n      params: {\n        type: 'ERC20',\n        options: {\n          address: tokenAddress,\n          symbol: tokenSymbol,\n          decimals: tokenDecimals,\n          image: tokenImage,\n        },\n      },\n    });\n\n    buttonStyle.value['background-color'] = '#009911';\n    loading.value = false;\n  } catch (err) {\n    error.value = err.toString();\n  }\n};\n\nconst { t } = useI18n({\n  useScope: 'global', \n  ...text\n})\n\nonMounted(() => {\n  checkMetaMask();\n});\n\n</script>"],"names":["ref","error","useI18n","text","onMounted"],"mappings":";;;;;;;;;AAuDA,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,gBAAgB;AACtB,MAAM,aAAa;;;;AATnB,UAAM,sBAAsBA,IAAAA,IAAI,KAAK;AACrC,UAAM,YAAYA,IAAAA,IAAI,KAAK;AAC3B,UAAM,UAAUA,IAAAA,IAAI,KAAK;AACzB,UAAM,QAAQA,IAAAA,IAAI,IAAI;AACtB,UAAM,cAAcA,IAAAA,IAAI,CAAA,CAAE;AAO1B,UAAM,kBAAkB,YAAY;AAClC,UAAI,OAAO,OAAO,aAAa,aAAa;AAC1C,YAAI;AACF,gBAAM,OAAO,SAAS,QAAQ,EAAE,QAAQ,sBAAqB,CAAE;AAC/D;QACD,SAAQC,QAAO;AACd,kBAAQ,MAAM,oCAAoCA,MAAK;AAAA,QACxD;AAAA,MACL,OAAS;AACL,eAAO,KAAK,wBAAwB,QAAQ;AAAA,MAC7C;AAAA,IACH;AAEA,UAAM,gBAAgB,YAAY;AAChC,UAAI,OAAO,OAAO,aAAa,aAAa;AAC1C,4BAAoB,QAAQ;AAC5B,cAAM,UAAU,MAAM,OAAO,SAAS,QAAQ,EAAE,QAAQ,cAAa,CAAE;AACvE,kBAAU,QAAQ,YAAY,UAAU,YAAY;AAAA,MACxD,OAAS;AACL,4BAAoB,QAAQ;AAAA,MAC7B;AAAA,IACH;AAEA,UAAM,kBAAkB,YAAY;AAClC,UAAI;AACF,cAAM,OAAO,SAAS,QAAQ;AAAA,UAC5B,QAAQ;AAAA,UACR,QAAQ,CAAC,EAAE,SAAS,QAAQ;AAAA,QAClC,CAAK;AACD;MACD,SAAQA,QAAO;AACd,gBAAQ,MAAM,uCAAuCA,MAAK;AAAA,MAC3D;AAAA,IACH;AAEA,UAAM,SAAS,YAAY;AACzB,kBAAY,MAAM,gBAAgB,IAAI;AACtC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAEhB,UAAI;AACF,cAAM,SAAS,QAAQ;AAAA,UACrB,QAAQ;AAAA,UACR,QAAQ;AAAA,YACN,MAAM;AAAA,YACN,SAAS;AAAA,cACP,SAAS;AAAA,cACT,QAAQ;AAAA,cACR,UAAU;AAAA,cACV,OAAO;AAAA,YACR;AAAA,UACF;AAAA,QACP,CAAK;AAED,oBAAY,MAAM,kBAAkB,IAAI;AACxC,gBAAQ,QAAQ;AAAA,MACjB,SAAQ,KAAK;AACZ,cAAM,QAAQ,IAAI;MACnB;AAAA,IACH;AAEA,UAAM,EAAE,EAAG,IAAGC,gBAAQ;AAAA,MACpB,UAAU;AAAA,MACV,GAAGC,OAAI;AAAA,IACT,CAAC;AAEDC,QAAAA,UAAU,MAAM;AACd;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ConnectMetamask.vue.cjs","sources":["../../../../../../../../src/modules/wallet/views/components/elements/ConnectMetamask.vue"],"sourcesContent":["<template>\n  <div>\n    <!-- Connect Metamask -->\n    <button \n      v-if=\"!isMetaMaskInstalled\"\n      @click=\"connectMetaMask\" \n      class=\"transition-ease-in-out cursor-pointer bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white\"\n    >\n      <img loading=\"lazy\" :src=\"metamaskIcon\" class=\"mn-r-small i-big\">\n      <span class=\"h4 uppercase w-100\">{{ t('connectMetaMask') }}</span>\n      <IconAdd class=\"t-transp\" fill=\"rgb(var(--white))\"/>\n    </button>\n    <template v-else>\n      <!-- Switch to Polygon -->\n      <button \n        v-if=\"!isPolygon\"\n        @click=\"switchToPolygon\" \n        class=\"transition-ease-in-out cursor-pointer hover-bg-white hover-t-black bg-black t-white radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small\"\n      >\n        <img loading=\"lazy\" :src=\"metamaskIcon\" class=\"mn-r-small i-big\">\n        <span class=\"h4 uppercase w-100\">{{ t('switchToPolygon') }}</span>\n        <IconAdd class=\"t-transp\" fill=\"rgb(var(--white))\"/>\n      </button>\n      <!-- Add Token to metamask -->\n      <button \n        v-if=\"isPolygon\"\n        @click=\"addToken\" \n        class=\"transition-ease-in-out cursor-pointer hover-bg-white hover-t-black bg-black radius-big flex-v-center flex-nowrap flex t-left uppercase w-100 pd-small t-white\"\n      >\n        <img loading=\"lazy\" :src=\"metamaskIcon\" class=\"mn-r-small i-big\">\n        <span class=\"h4 uppercase w-100\">{{ t('addToken') }}</span>\n        <IconAdd class=\"hover-fill-black fill-white t-transp\"/>\n      </button>\n    </template>\n    <p class=\"mn-t-small\" v-if=\"error\">{{ error }}</p>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nimport IconAdd from '@pf/src/modules/icons/navigation/IconAdd.vue';\n\nconst props = defineProps({\n  // Token configuration\n  tokenAddress: {\n    type: String,\n    required: true\n  },\n  tokenSymbol: {\n    type: String,\n    required: true\n  },\n  tokenImage: {\n    type: String,\n    required: true\n  },\n  tokenDecimals: {\n    type: Number,\n    default: 18\n  },\n  // Chain configuration\n  targetChainId: {\n    type: String,\n    default: '0x89' // Polygon Mainnet by default\n  },\n  // UI configuration\n  metamaskIcon: {\n    type: String,\n    default: '/icons/metamask.svg'\n  },\n  content: {\n    type: Object,\n    default: () => ({\n      en: {\n        \"connectMetaMask\": \"Connect MetaMask\",\n        \"switchToPolygon\": \"Switch to Polygon\",\n        \"addToken\": `Add token to MetaMask`,\n      }\n    })\n  }\n});\n\nconst isMetaMaskInstalled = ref(false);\nconst isPolygon = ref(false);\nconst loading = ref(false);\nconst error = ref(null);\nconst buttonStyle = ref({});\n\nconst connectMetaMask = async () => {\n  if (typeof window.ethereum !== 'undefined') {\n    try {\n      await window.ethereum.request({ method: 'eth_requestAccounts' });\n      checkMetaMask();\n    } catch (err) {\n      error.value = err.message;\n      console.error('Error connecting to MetaMask:', err);\n    }\n  } else {\n    window.open('https://metamask.io/', '_blank');\n  }\n};\n\nconst checkMetaMask = async () => {\n  if (typeof window.ethereum !== 'undefined') {\n    isMetaMaskInstalled.value = true;\n    const chainId = await window.ethereum.request({ method: 'eth_chainId' });\n    isPolygon.value = chainId === props.targetChainId;\n  } else {\n    isMetaMaskInstalled.value = false;\n  }\n};\n\nconst switchToPolygon = async () => {\n  try {\n    await window.ethereum.request({\n      method: 'wallet_switchEthereumChain',\n      params: [{ chainId: props.targetChainId }],\n    });\n    checkMetaMask();\n  } catch (err) {\n    error.value = err.message;\n    console.error('Error switching to Polygon:', err);\n  }\n};\n\nconst addToken = async () => {\n  buttonStyle.value['pointer-events'] = 'none';\n  error.value = null;\n  loading.value = true;\n  \n  try {\n    await ethereum.request({\n      method: 'wallet_watchAsset',\n      params: {\n        type: 'ERC20',\n        options: {\n          address: props.tokenAddress,\n          symbol: props.tokenSymbol,\n          decimals: props.tokenDecimals,\n          image: props.tokenImage,\n        },\n      },\n    });\n    buttonStyle.value['background-color'] = '#009911';\n    loading.value = false;\n  } catch (err) {\n    error.value = err.message;\n    loading.value = false;\n  }\n};\n\nconst { t } = useI18n({\n  messages: props.content\n});\n\nonMounted(() => {\n  checkMetaMask();\n});\n</script>"],"names":["ref","useI18n","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,UAAM,QAAQ;AAwCd,UAAM,sBAAsBA,IAAAA,IAAI,KAAK;AACrC,UAAM,YAAYA,IAAAA,IAAI,KAAK;AAC3B,UAAM,UAAUA,IAAAA,IAAI,KAAK;AACzB,UAAM,QAAQA,IAAAA,IAAI,IAAI;AACtB,UAAM,cAAcA,IAAAA,IAAI,CAAA,CAAE;AAE1B,UAAM,kBAAkB,YAAY;AAClC,UAAI,OAAO,OAAO,aAAa,aAAa;AAC1C,YAAI;AACF,gBAAM,OAAO,SAAS,QAAQ,EAAE,QAAQ,sBAAqB,CAAE;AAC/D;QACD,SAAQ,KAAK;AACZ,gBAAM,QAAQ,IAAI;AAClB,kBAAQ,MAAM,iCAAiC,GAAG;AAAA,QACnD;AAAA,MACL,OAAS;AACL,eAAO,KAAK,wBAAwB,QAAQ;AAAA,MAC7C;AAAA,IACH;AAEA,UAAM,gBAAgB,YAAY;AAChC,UAAI,OAAO,OAAO,aAAa,aAAa;AAC1C,4BAAoB,QAAQ;AAC5B,cAAM,UAAU,MAAM,OAAO,SAAS,QAAQ,EAAE,QAAQ,cAAa,CAAE;AACvE,kBAAU,QAAQ,YAAY,MAAM;AAAA,MACxC,OAAS;AACL,4BAAoB,QAAQ;AAAA,MAC7B;AAAA,IACH;AAEA,UAAM,kBAAkB,YAAY;AAClC,UAAI;AACF,cAAM,OAAO,SAAS,QAAQ;AAAA,UAC5B,QAAQ;AAAA,UACR,QAAQ,CAAC,EAAE,SAAS,MAAM,cAAa,CAAE;AAAA,QAC/C,CAAK;AACD;MACD,SAAQ,KAAK;AACZ,cAAM,QAAQ,IAAI;AAClB,gBAAQ,MAAM,+BAA+B,GAAG;AAAA,MACjD;AAAA,IACH;AAEA,UAAM,WAAW,YAAY;AAC3B,kBAAY,MAAM,gBAAgB,IAAI;AACtC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAEhB,UAAI;AACF,cAAM,SAAS,QAAQ;AAAA,UACrB,QAAQ;AAAA,UACR,QAAQ;AAAA,YACN,MAAM;AAAA,YACN,SAAS;AAAA,cACP,SAAS,MAAM;AAAA,cACf,QAAQ,MAAM;AAAA,cACd,UAAU,MAAM;AAAA,cAChB,OAAO,MAAM;AAAA,YACd;AAAA,UACF;AAAA,QACP,CAAK;AACD,oBAAY,MAAM,kBAAkB,IAAI;AACxC,gBAAQ,QAAQ;AAAA,MACjB,SAAQ,KAAK;AACZ,cAAM,QAAQ,IAAI;AAClB,gBAAQ,QAAQ;AAAA,MACjB;AAAA,IACH;AAEA,UAAM,EAAE,EAAG,IAAGC,gBAAQ;AAAA,MACpB,UAAU,MAAM;AAAA,IAClB,CAAC;AAEDC,QAAAA,UAAU,MAAM;AACd;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}