@ludo.ninja/components 0.6.0 → 1.0.1

package/public/wallets/tezos-btn.svg

@@ -0,0 +1,12 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="44" height="44" rx="8" fill="#2C7DF7"/>
+<g clip-path="url(#clip0_4396_34099)">
+<path d="M24.2426 32.5746C22.7314 32.5746 21.6306 32.2156 20.9391 31.4977C20.2482 30.7801 19.9025 30.0061 19.9025 29.1768C19.9025 28.8736 19.9626 28.6184 20.0831 28.4111C20.2008 28.2065 20.3716 28.037 20.5777 27.9203C20.7866 27.8006 21.0437 27.741 21.3493 27.741C21.6549 27.741 21.9116 27.8006 22.1209 27.9203C22.3298 28.0399 22.4945 28.2038 22.6151 28.4111C22.7357 28.6184 22.7958 28.8736 22.7958 29.1768C22.7958 29.5437 22.7074 29.8427 22.5307 30.074C22.3537 30.3054 22.1448 30.4567 21.9036 30.5289C22.1129 30.8157 22.4424 31.0191 22.8925 31.1387C23.3425 31.2666 23.7926 31.3302 24.2426 31.3302C24.8694 31.3302 25.436 31.1628 25.9426 30.8279C26.4488 30.4927 26.8228 29.9982 27.0639 29.3443C27.305 28.6903 27.4256 27.9483 27.4256 27.1186C27.4256 26.2175 27.2928 25.4475 27.0277 24.8096C26.7703 24.1636 26.3886 23.685 25.8821 23.3738C25.3912 23.0672 24.8226 22.9055 24.2426 22.9074C23.8567 22.9074 23.3747 23.0669 22.7958 23.386L21.7349 23.9124V23.386L26.5092 17.0688H19.9025V23.625C19.9025 24.1675 20.023 24.6142 20.2642 24.9652C20.5053 25.3163 20.875 25.4916 21.3735 25.4916C21.7588 25.4916 22.1288 25.3641 22.4826 25.1086C22.8386 24.851 23.1483 24.5356 23.3986 24.1758C23.4309 24.1036 23.4711 24.0518 23.5192 24.0199C23.5625 23.9819 23.6182 23.9607 23.676 23.9602C23.7643 23.9602 23.8686 24.004 23.9895 24.092C24.1021 24.2193 24.1583 24.3669 24.1583 24.5344C24.1444 24.6472 24.1242 24.7591 24.0978 24.8696C23.8248 25.4758 23.4468 25.9383 22.9645 26.2573C22.495 26.5725 21.9404 26.7394 21.3735 26.736C19.9426 26.736 18.9538 26.4568 18.4075 25.8987C17.8611 25.34 17.5877 24.5822 17.5877 23.6253V17.0688H14.2118V15.8482H17.5877V13.0727L16.8161 12.3064V11.6847H19.0585L19.9021 12.1152V15.8482L28.631 15.8244L29.4992 16.6857L24.1463 21.9979C24.4704 21.8698 24.8115 21.7891 25.159 21.7586C25.7376 21.7586 26.3886 21.9422 27.1121 22.3091C27.8435 22.6681 28.4061 23.1628 28.7997 23.7924C29.1936 24.4147 29.4467 25.013 29.5593 25.5872C29.6799 26.1617 29.7403 26.672 29.7403 27.1186C29.7403 28.1398 29.5231 29.0888 29.0893 29.9666C28.6552 30.8437 27.9962 31.4977 27.1121 31.9285C26.2279 32.3593 25.2713 32.5746 24.2426 32.5746Z" fill="white"/>
+</g>
+<circle cx="22" cy="22" r="14.4" stroke="white" stroke-width="2"/>
+<defs>
+<clipPath id="clip0_4396_34099">
+<rect width="15.611" height="21.0959" fill="white" transform="translate(14.1945 11.663)"/>
+</clipPath>
+</defs>
+</svg>

package/public/wallets/tezos-icon-sm.svg

@@ -0,0 +1,11 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3093_34471)">
+<path d="M19.4756 28.6733C17.8073 28.6733 16.5922 28.2771 15.8289 27.4846C15.0662 26.6924 14.6845 25.838 14.6845 24.9225C14.6845 24.5878 14.7509 24.3061 14.884 24.0773C15.0138 23.8514 15.2024 23.6643 15.4299 23.5355C15.6606 23.4034 15.9444 23.3375 16.2817 23.3375C16.619 23.3375 16.9024 23.4034 17.1334 23.5355C17.364 23.6676 17.5459 23.8484 17.679 24.0773C17.8121 24.3061 17.8785 24.5878 17.8785 24.9225C17.8785 25.3275 17.7809 25.6576 17.5859 25.913C17.3904 26.1684 17.1598 26.3355 16.8936 26.4151C17.1246 26.7317 17.4883 26.9562 17.9852 27.0883C18.482 27.2295 18.9788 27.2997 19.4756 27.2997C20.1675 27.2997 20.793 27.1149 21.3522 26.7452C21.911 26.3751 22.3238 25.8293 22.59 25.1074C22.8562 24.3855 22.9893 23.5664 22.9893 22.6505C22.9893 21.6557 22.8426 20.8057 22.55 20.1016C22.2659 19.3884 21.8446 18.8601 21.2854 18.5166C20.7436 18.1782 20.1159 17.9996 19.4756 18.0017C19.0496 18.0017 18.5176 18.1779 17.8785 18.5301L16.7074 19.1112V18.5301L21.9777 11.5565H14.6845V18.7939C14.6845 19.3928 14.8176 19.8859 15.0838 20.2734C15.35 20.6609 15.7581 20.8545 16.3084 20.8545C16.7338 20.8545 17.1422 20.7137 17.5327 20.4317C17.9257 20.1472 18.2676 19.7991 18.544 19.4019C18.5795 19.3222 18.6239 19.2651 18.677 19.2298C18.7249 19.1879 18.7863 19.1645 18.8501 19.1639C18.9476 19.1639 19.0628 19.2123 19.1962 19.3095C19.3205 19.4499 19.3825 19.613 19.3825 19.7978C19.3672 19.9223 19.3449 20.0458 19.3158 20.1679C19.0144 20.837 18.5971 21.3475 18.0647 21.6997C17.5464 22.0477 16.9342 22.2319 16.3084 22.2281C14.7289 22.2281 13.6373 21.9199 13.0342 21.3039C12.431 20.6871 12.1293 19.8506 12.1293 18.7942V11.5565H8.40259V10.2091H12.1293V7.14532L11.2775 6.29932V5.61306H13.7528L14.6842 6.08827V10.2091L24.3199 10.1829L25.2783 11.1337L19.3693 16.9978C19.727 16.8563 20.1036 16.7673 20.4872 16.7337C21.1259 16.7337 21.8446 16.9363 22.6432 17.3413C23.4506 17.7376 24.0717 18.2837 24.5062 18.9787C24.941 19.6657 25.2204 20.3261 25.3447 20.96C25.4778 21.5942 25.5445 22.1575 25.5445 22.6505C25.5445 23.7778 25.3047 24.8254 24.8259 25.7944C24.3467 26.7626 23.6192 27.4846 22.6432 27.9601C21.6671 28.4357 20.6112 28.6733 19.4756 28.6733Z" fill="#2C7DF7"/>
+</g>
+<circle cx="17" cy="17" r="15.5" stroke="#2C7DF7" stroke-width="3"/>
+<defs>
+<clipPath id="clip0_3093_34471">
+<rect width="17.2329" height="23.2877" fill="white" transform="translate(8.38354 5.58904)"/>
+</clipPath>
+</defs>
+</svg>

package/public/wallets/wallet_connect.svg

@@ -0,0 +1,4 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="44" height="44" rx="8" fill="#3B99FC"/>
+    <path d="M12.9055 15.9687C17.9283 10.8106 26.0719 10.8106 31.0947 15.9687L31.6992 16.5895C31.9504 16.8474 31.9504 17.2655 31.6992 17.5234L29.6313 19.647C29.5058 19.776 29.3022 19.776 29.1766 19.647L28.3447 18.7927C24.8407 15.1943 19.1595 15.1943 15.6555 18.7927L14.7646 19.7076C14.639 19.8365 14.4355 19.8365 14.3099 19.7076L12.242 17.584C11.9909 17.3261 11.9909 16.9079 12.242 16.65L12.9055 15.9687ZM35.3713 20.3605L37.2117 22.2505C37.4629 22.5084 37.4629 22.9265 37.2117 23.1844L28.9131 31.7067C28.662 31.9646 28.2548 31.9646 28.0037 31.7067C28.0037 31.7067 28.0037 31.7067 28.0037 31.7067L22.1138 25.6582C22.0511 25.5937 21.9493 25.5937 21.8865 25.6582C21.8865 25.6582 21.8865 25.6582 21.8865 25.6582L15.9968 31.7067C15.7456 31.9646 15.3384 31.9646 15.0873 31.7067C15.0873 31.7067 15.0873 31.7067 15.0873 31.7067L6.78845 23.1843C6.53731 22.9264 6.53731 22.5083 6.78845 22.2504L8.62888 20.3604C8.88002 20.1025 9.2872 20.1025 9.53834 20.3604L15.4283 26.4089C15.4911 26.4734 15.5929 26.4734 15.6556 26.4089C15.6556 26.4089 15.6556 26.4089 15.6556 26.4089L21.5453 20.3604C21.7964 20.1024 22.2036 20.1024 22.4547 20.3603C22.4547 20.3603 22.4547 20.3603 22.4547 20.3603L28.3447 26.4089C28.4075 26.4734 28.5092 26.4734 28.572 26.4089L34.4619 20.3605C34.713 20.1026 35.1202 20.1026 35.3713 20.3605Z" fill="white"/>
+</svg>

package/public/wallets/walletconnect-btn.svg

@@ -0,0 +1,3 @@
+<svg width="92" height="58" viewBox="0 0 92 58" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.8343 11.3322C33.8375 -3.7774 58.1626 -3.7774 73.1658 11.3322L74.9714 13.1506C75.7216 13.9061 75.7216 15.131 74.9714 15.8865L68.7946 22.1071C68.4195 22.4848 67.8114 22.4848 67.4363 22.1071L64.9515 19.6047C54.4849 9.06384 37.5152 9.06384 27.0485 19.6047L24.3875 22.2845C24.0124 22.6623 23.4043 22.6623 23.0292 22.2845L16.8524 16.0639C16.1023 15.3085 16.1023 14.0836 16.8524 13.3281L18.8343 11.3322ZM85.94 24.197L91.4374 29.7334C92.1875 30.4889 92.1875 31.7137 91.4374 32.4692L66.6494 57.4334C65.8992 58.1889 64.6829 58.1889 63.9328 57.4334C63.9328 57.4334 63.9328 57.4334 63.9328 57.4334L46.3397 39.7156C46.1522 39.5267 45.8481 39.5267 45.6606 39.7156C45.6606 39.7156 45.6606 39.7156 45.6606 39.7156L28.0679 57.4334C27.3178 58.1889 26.1015 58.1889 25.3514 57.4334C25.3513 57.4334 25.3513 57.4334 25.3513 57.4334L0.562621 32.4689C-0.18754 31.7134 -0.18754 30.4886 0.562621 29.7331L6.06 24.1967C6.81016 23.4412 8.02641 23.4412 8.77658 24.1967L26.3699 41.9148C26.5574 42.1036 26.8615 42.1036 27.049 41.9148C27.049 41.9148 27.049 41.9147 27.049 41.9147L44.6414 24.1967C45.3916 23.4412 46.6078 23.4412 47.358 24.1967C47.358 24.1967 47.358 24.1967 47.358 24.1967L64.9513 41.9147C65.1388 42.1036 65.4429 42.1036 65.6304 41.9147L83.2234 24.197C83.9736 23.4416 85.1898 23.4416 85.94 24.197Z" fill="#3B99FC"/>
+</svg>

package/public/wallets/walletlink-btn.svg

@@ -0,0 +1,5 @@
+<svg width="69" height="69" viewBox="0 0 69 69" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="34.5" cy="34.5" r="34.5" fill="#2973EF"/>
+<circle cx="34.5001" cy="34.5" r="19.2794" fill="white"/>
+<rect x="28.4121" y="27.397" width="13.1912" height="13.1912" rx="2" fill="#2973EF"/>
+</svg>

package/public/wallets/walletlink-icon-sm.svg

@@ -0,0 +1,5 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="17" cy="17" r="17" fill="#2973EF"/>
+<ellipse cx="17" cy="17" rx="9.5" ry="9.5" fill="white"/>
+<rect x="14" y="13.5" width="6.5" height="6.5" rx="2" fill="#2973EF"/>
+</svg>

package/public/wallets/xdefi-btn.svg

@@ -0,0 +1,6 @@
+<svg width="38" height="39" viewBox="0 0 38 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.38087 26.5127C6.44405 29.7347 19.148 30.1029 26.4206 23.7509L28.3538 24.9477C20.8971 31.7599 6.90434 32.6805 0 28.1697L1.38087 26.5127Z" fill="#1F3FC4"/>
+<path d="M8.4693 33.2329C17.0307 33.7852 26.0523 31.2997 30.0108 25.7762L31.7599 26.8809C26.9729 33.2329 18.4115 35.9025 8.4693 35.3502V33.2329Z" fill="#1F3FC4"/>
+<path d="M12.9837 23.8424C17.7707 23.8424 21.1155 22.2161 22.5577 21.2648L24.583 22.5536C18.5072 26.5121 10.5902 26.6042 6.26348 24.6709C1.93676 22.7377 0.279723 17.9507 0.371781 15.281C0.463839 12.6114 2.12088 5.70704 10.4061 1.74855C17.0343 -1.41824 24.0306 0.429053 26.7003 1.74855C34.157 5.24675 37.6552 12.9796 37.6552 18.9634C37.287 24.3027 36.1823 28.3533 31.5794 32.9562C27.8971 36.6385 22.435 37.8659 20.1642 38.0193L20.0722 35.902C25.6877 35.4417 30.6119 32.0356 33.2364 27.5247C36.1823 22.4616 35.4458 17.2143 35.0776 15.3731C33.7335 8.65288 27.6025 3.12942 21.6371 2.30089C18.3231 1.84061 14.6407 2.11678 11.6949 3.49765C10.2705 4.16532 2.48911 8.37671 2.48911 15.281C2.48911 21.9252 8.1967 23.8424 12.9837 23.8424Z" fill="#1F3FC4"/>
+<path d="M29.4584 18.0433C28.5433 18.0433 27.8014 17.3015 27.8014 16.3863C27.8014 15.4711 28.5433 14.7293 29.4584 14.7293C30.3736 14.7293 31.1155 15.4711 31.1155 16.3863C31.1155 17.3015 30.3736 18.0433 29.4584 18.0433Z" fill="#1F3FC4"/>
+</svg>

package/public/wallets/xdefi-icon-sm.svg

@@ -0,0 +1,6 @@
+<svg width="38" height="39" viewBox="0 0 38 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.38087 26.5127C6.44405 29.7347 19.148 30.1029 26.4206 23.7509L28.3538 24.9477C20.8971 31.7599 6.90434 32.6805 0 28.1697L1.38087 26.5127Z" fill="#1F3FC4"/>
+<path d="M8.4693 33.2329C17.0307 33.7852 26.0523 31.2997 30.0108 25.7762L31.7599 26.8809C26.9729 33.2329 18.4115 35.9025 8.4693 35.3502V33.2329Z" fill="#1F3FC4"/>
+<path d="M12.9837 23.8424C17.7707 23.8424 21.1155 22.2161 22.5577 21.2648L24.583 22.5536C18.5072 26.5121 10.5902 26.6042 6.26348 24.6709C1.93676 22.7377 0.279723 17.9507 0.371781 15.281C0.463839 12.6114 2.12088 5.70704 10.4061 1.74855C17.0343 -1.41824 24.0306 0.429053 26.7003 1.74855C34.157 5.24675 37.6552 12.9796 37.6552 18.9634C37.287 24.3027 36.1823 28.3533 31.5794 32.9562C27.8971 36.6385 22.435 37.8659 20.1642 38.0193L20.0722 35.902C25.6877 35.4417 30.6119 32.0356 33.2364 27.5247C36.1823 22.4616 35.4458 17.2143 35.0776 15.3731C33.7335 8.65288 27.6025 3.12942 21.6371 2.30089C18.3231 1.84061 14.6407 2.11678 11.6949 3.49765C10.2705 4.16532 2.48911 8.37671 2.48911 15.281C2.48911 21.9252 8.1967 23.8424 12.9837 23.8424Z" fill="#1F3FC4"/>
+<path d="M29.4584 18.0433C28.5433 18.0433 27.8014 17.3015 27.8014 16.3863C27.8014 15.4711 28.5433 14.7293 29.4584 14.7293C30.3736 14.7293 31.1155 15.4711 31.1155 16.3863C31.1155 17.3015 30.3736 18.0433 29.4584 18.0433Z" fill="#1F3FC4"/>
+</svg>

package/public/warning.svg

@@ -0,0 +1,3 @@
+<svg width="40" height="35" viewBox="0 0 40 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.75782 23.9002L6.05685 24.6502L4.75782 23.9002ZM14.4573 7.10022L13.1583 6.35022L14.4573 7.10022ZM25.543 7.10022L26.842 6.35022L25.543 7.10022ZM35.2425 23.9002L36.5415 23.1502L35.2425 23.9002ZM18.3727 1.84583L18.9828 3.21614V3.21614L18.3727 1.84583ZM21.627 1.84583L21.0169 3.21614L21.627 1.84583ZM3.79297 32.7362L2.91129 33.9497H2.91129L3.79297 32.7362ZM2.16563 29.9181L3.65741 29.7613L2.16563 29.9181ZM36.2073 32.7362L37.089 33.9497L36.2073 32.7362ZM37.8346 29.9181L39.3264 30.0749L37.8346 29.9181ZM20.0996 26.5001H21.5996C21.5996 25.6717 20.928 25.0001 20.0996 25.0001V26.5001ZM20.0996 26.7001L20.0992 28.2001C20.4971 28.2002 20.8788 28.0422 21.1601 27.7609C21.4415 27.4796 21.5996 27.098 21.5996 26.7001H20.0996ZM19.9004 26.7001H18.4004C18.4004 27.5284 19.0717 28.1999 19.9 28.2001L19.9004 26.7001ZM19.9004 26.5001V25.0001C19.072 25.0001 18.4004 25.6717 18.4004 26.5001H19.9004ZM21.5 12.5001C21.5 11.6717 20.8284 11.0001 20 11.0001C19.1716 11.0001 18.5 11.6717 18.5 12.5001H21.5ZM18.5 20.5001C18.5 21.3285 19.1716 22.0001 20 22.0001C20.8284 22.0001 21.5 21.3285 21.5 20.5001H18.5ZM29.6997 32.0001H10.3008V35.0001H29.6997V32.0001ZM6.05685 24.6502L15.7563 7.85022L13.1583 6.35022L3.45878 23.1502L6.05685 24.6502ZM24.2439 7.85022L33.9434 24.6502L36.5415 23.1502L26.842 6.35022L24.2439 7.85022ZM15.7563 7.85022C16.6806 6.24936 17.323 5.13952 17.877 4.35531C18.4354 3.5647 18.7667 3.31234 18.9828 3.21614L17.7625 0.475507C16.7913 0.907938 16.0743 1.70759 15.4267 2.62443C14.7745 3.54766 14.0529 4.80071 13.1583 6.35022L15.7563 7.85022ZM26.842 6.35022C25.9473 4.8006 25.2256 3.54757 24.5732 2.62427C23.9253 1.7074 23.2082 0.907881 22.2371 0.475508L21.0169 3.21614C21.233 3.3124 21.5645 3.5649 22.1231 4.35547C22.6772 5.13963 23.3197 6.24948 24.2439 7.85022L26.842 6.35022ZM18.9828 3.21614C19.63 2.92796 20.3696 2.92796 21.0169 3.21614L22.2371 0.475508C20.8131 -0.158492 19.1865 -0.158492 17.7625 0.475508L18.9828 3.21614ZM10.3008 32.0001C8.45234 32.0001 7.17006 31.9986 6.21407 31.9109C5.2503 31.8225 4.86609 31.6618 4.67465 31.5227L2.91129 33.9497C3.77132 34.5746 4.82214 34.7958 5.93999 34.8984C7.06559 35.0016 8.51149 35.0001 10.3008 35.0001V32.0001ZM3.45878 23.1502C2.56412 24.6998 1.8399 25.9513 1.36655 26.9777C0.896473 27.9971 0.56273 29.0178 0.673844 30.0749L3.65741 29.7613C3.63267 29.526 3.68559 29.1128 4.09085 28.234C4.49285 27.3622 5.13265 26.251 6.05685 24.6502L3.45878 23.1502ZM4.67465 31.5227C4.10121 31.1061 3.73144 30.4657 3.65741 29.7613L0.673844 30.0749C0.836807 31.6254 1.65047 33.0337 2.91129 33.9497L4.67465 31.5227ZM29.6997 35.0001C31.489 35.0001 32.9349 35.0016 34.0604 34.8984C35.1782 34.7958 36.229 34.5746 37.089 33.9497L35.3256 31.5227C35.1341 31.6618 34.75 31.8225 33.7863 31.9109C32.8304 31.9986 31.5482 32.0001 29.6997 32.0001V35.0001ZM33.9434 24.6502C34.8676 26.251 35.5074 27.3622 35.9094 28.234C36.3147 29.1128 36.3676 29.526 36.3429 29.7613L39.3264 30.0749C39.4375 29.0178 39.1038 27.9971 38.6337 26.9777C38.1604 25.9513 37.4362 24.6998 36.5415 23.1502L33.9434 24.6502ZM37.089 33.9497C38.3498 33.0337 39.1635 31.6254 39.3264 30.0749L36.3429 29.7613C36.2688 30.4657 35.899 31.1061 35.3256 31.5227L37.089 33.9497ZM18.5996 26.5001V26.7001H21.5996V26.5001H18.5996ZM20.1 25.2001L19.9008 25.2001L19.9 28.2001L20.0992 28.2001L20.1 25.2001ZM21.4004 26.7001V26.5001H18.4004V26.7001H21.4004ZM19.9004 28.0001H20.0996V25.0001H19.9004V28.0001ZM18.5 12.5001V20.5001H21.5V12.5001H18.5Z" fill="#F94C66"/>
+</svg>

package/src/api/server-assets/mutations/useDislikeAsset/index.ts

@@ -0,0 +1,36 @@
+import { useState } from 'react';
+
+import { useMutation } from '@apollo/client';
+
+import { hosts, assetSchema as schema } from '@ludo.ninja/api';
+
+const useDisLikeAsset = () => {
+  const [isDisLiked, setDisLiked] = useState<boolean>(false);
+
+  const [mutate, { error }] = useMutation(schema.DislikeAssetDocument, {
+    context: {
+      uri: hosts.assetsHost,
+    },
+    fetchPolicy: 'no-cache',
+    onCompleted: ({ dislikeAsset }) => {
+      setDisLiked(dislikeAsset);
+    },
+    onError: () => {
+      setDisLiked(false);
+    },
+  });
+
+  return { dislikeAsset, errorDislikeAsset: error, isDisLiked };
+
+  async function dislikeAsset({ assetId }: schema.IMutationDislikeAssetArgs) {
+    try {
+      await mutate({
+        variables: { assetId },
+      });
+    } catch (err) {
+      throw new Error(err as string);
+    }
+  }
+};
+
+export default useDisLikeAsset;

package/src/api/server-assets/mutations/useLikeAsset/index.ts

@@ -0,0 +1,37 @@
+import { useState } from 'react';
+
+import { useMutation } from '@apollo/client';
+
+import { hosts, assetSchema as schema } from '@ludo.ninja/api';
+
+const useLikeAsset = () => {
+  const [isLiked, setLike] = useState<boolean>(false);
+
+  const [mutate, { error }] = useMutation(schema.LikeAssetDocument, {
+    context: {
+      uri: hosts.assetsHost,
+    },
+    fetchPolicy: 'no-cache',
+    // refetchQueries: [schema.FetchLikedDocument],
+    onCompleted: ({ likeAsset }) => {
+      setLike(likeAsset);
+    },
+    onError: () => {
+      setLike(false);
+    },
+  });
+
+  return { likeAsset, errorLikeAsset: error, isLiked };
+
+  async function likeAsset({ assetId }: schema.IMutationLikeAssetArgs) {
+    try {
+      await mutate({
+        variables: { assetId },
+      });
+    } catch (err) {
+      throw new Error(err as string);
+    }
+  }
+};
+
+export default useLikeAsset;

package/src/api/server-assets/queries/useFetchAssetByBlockchain/index.ts

@@ -0,0 +1,68 @@
+import { useState } from 'react';
+
+import { ApolloClient, NormalizedCacheObject } from '@apollo/client';
+
+import { hosts, searchSchema as schema } from '@ludo.ninja/api';
+import { alertVariants } from '@ludo.ninja/ui/build/system/Alert/type';
+
+import { useUiStore } from '@/store/ui';
+
+import AssetEntity from '@/dto/AssetEntity';
+
+const prefetchAssetByBlockchain = async (
+  {
+    blockchain,
+    address,
+    elrondId,
+    tokenId,
+  }: schema.IQueryFetchAssetByBlockchainArgs,
+  apolloClient: ApolloClient<NormalizedCacheObject>
+) => {
+  return apolloClient
+    .query({
+      query: schema.FetchAssetByBlockchainDocument,
+      variables: { blockchain, address, elrondId, tokenId },
+      context: { uri: hosts.serverSearchHost }, // faster service assets for production,
+      fetchPolicy: 'network-only',
+    })
+    .catch(() => {
+      return {
+        data: { fetchAssetByBlockchain: null },
+      };
+    });
+};
+
+const useFetchAssetByBlockchain = (
+  {
+    blockchain,
+    address,
+    elrondId,
+    tokenId,
+  }: schema.IQueryFetchAssetByBlockchainArgs,
+  prefetchedAsset: AssetEntity | null
+) => {
+  const [asset, setAsset] = useState<AssetEntity | null>(prefetchedAsset);
+
+  const openAlert = useUiStore((state) => state.openAlert);
+
+  const { loading, error } = schema.useFetchAssetByBlockchainQuery({
+    variables: { blockchain, address, elrondId, tokenId },
+    context: {
+      uri: hosts.searchHost,
+    },
+    onCompleted: ({ fetchAssetByBlockchain }) => {
+      setAsset(new AssetEntity(fetchAssetByBlockchain));
+    },
+    onError: () => {
+      openAlert({
+        type: alertVariants.error,
+        caption: 'Oops, something went wrong.',
+      });
+      setAsset(null);
+    },
+  });
+
+  return { clientData: asset, loading, error };
+};
+
+export { prefetchAssetByBlockchain, useFetchAssetByBlockchain };

package/src/api/server-assets/queries/useFetchAssets/index.ts

@@ -0,0 +1,38 @@
+import { useState } from 'react';
+
+import { useLazyQuery } from '@apollo/client';
+
+import { hosts, searchSchema as schema } from '@ludo.ninja/api';
+import { alertVariants } from '@ludo.ninja/ui/build/system/Alert/type';
+
+import { useUiStore } from '@/store/ui';
+
+const useFetchAssetsByIds = ({ assetIds }: schema.IQueryFetchAssetsArgs) => {
+  const [assets, setAsset] = useState<schema.IAsset | null>(null);
+  const openAlert = useUiStore((state) => state.openAlert);
+
+  const [getAssets, { loading, error }] = useLazyQuery(
+    schema.FetchAssetsDocument,
+    {
+      variables: { assetIds },
+      context: {
+        uri: hosts.searchHost,
+      },
+      fetchPolicy: 'cache-first',
+      onCompleted: ({ fetchAssets: data }) => {
+        setAsset(data);
+      },
+      onError: () => {
+        openAlert({
+          type: alertVariants.error,
+          caption: 'Oops, something went wrong.',
+        });
+        setAsset(null);
+      },
+    }
+  );
+
+  return [getAssets, { clientData: assets, loading, error }];
+};
+
+export { useFetchAssetsByIds };

package/src/api/server-assets/queries/useFetchDynamicAssetLikes/index.ts

@@ -0,0 +1,43 @@
+import { useState } from 'react';
+
+import { useQuery } from '@apollo/client';
+
+import { hosts, searchSchema as schema } from '@ludo.ninja/api';
+import { alertVariants } from '@ludo.ninja/ui/build/system/Alert/type';
+
+import { useUiStore } from '@/store/ui';
+
+const useFetchDynamicAssetLikes = ({
+  assetId,
+}: schema.IQueryFetchDynamicAssetDataArgs) => {
+  const [isLikedByUser, setLikedByUser] = useState<boolean>(false);
+  const [likesByUser, setLikesByUser] = useState<number>(0);
+  const [loading, setLoading] = useState<boolean>(true);
+  const openAlert = useUiStore((state) => state.openAlert);
+
+  const { error } = useQuery(schema.FetchDynamicAssetLikesDocument, {
+    variables: { assetId },
+    context: {
+      uri: hosts.searchHost,
+    },
+    fetchPolicy: 'no-cache',
+    onCompleted: ({ fetchDynamicAssetData: data }) => {
+      setLikedByUser(data.isLikedByUser ? data.isLikedByUser : false);
+      setLikesByUser(data.likesNum);
+      setLoading(false);
+    },
+    onError: () => {
+      openAlert({
+        type: alertVariants.error,
+
+        caption: 'Oops, something went wrong.',
+      });
+      setLikedByUser(false);
+      setLoading(false);
+    },
+  });
+
+  return { likesByUser, isLikedByUser, loading, error };
+};
+
+export default useFetchDynamicAssetLikes;

package/src/api/server-assets/queries/useFetchDynamicAssetsLikes/index.ts

@@ -0,0 +1,40 @@
+import { useState } from 'react';
+
+import { useQuery } from '@apollo/client';
+
+import { hosts, searchSchema as schema } from '@ludo.ninja/api';
+import { alertVariants } from '@ludo.ninja/ui/build/system/Alert/type';
+
+import { useUiStore } from '@/store/ui';
+
+const useFetchDynamicAssetsLikes = ({
+  assetIds,
+}: schema.IQueryFetchDynamicAssetsDataArgs) => {
+  const [infoAssetsLikes, setInfoAssetsLikes] = useState<
+    schema.IDynamicAssetData[] | null
+  >(null);
+  const openAlert = useUiStore((state) => state.openAlert);
+
+  const { loading, error } = useQuery(schema.FetchDynamicAssetsLikesDocument, {
+    variables: { assetIds },
+    context: {
+      uri: hosts.searchHost,
+    },
+    fetchPolicy: 'no-cache',
+    onCompleted: ({ fetchDynamicAssetsData: data }) => {
+      setInfoAssetsLikes(data);
+    },
+    onError: () => {
+      openAlert({
+        type: alertVariants.error,
+
+        caption: 'Oops, something went wrong.',
+      });
+      setInfoAssetsLikes(null);
+    },
+  });
+
+  return { infoAssetsLikes, loading, error };
+};
+
+export default useFetchDynamicAssetsLikes;

package/src/api/server-collection/mutations/useDislikeCollection/index.ts

@@ -0,0 +1,37 @@
+import { useState } from 'react';
+
+import { useMutation } from '@apollo/client';
+
+import { hosts, collectionsSchema as schema } from '@ludo.ninja/api';
+
+const useDislikeCollection = () => {
+  const [isDisLiked, setDisLiked] = useState<boolean>(false);
+
+  const [mutate, { error }] = useMutation(schema.DislikeCollectionDocument, {
+    context: {
+      uri: hosts.collectionsHost,
+    },
+    onCompleted: ({ dislikeCollection }) => {
+      setDisLiked(dislikeCollection);
+    },
+    onError: () => {
+      setDisLiked(false);
+    },
+  });
+
+  return { dislikeCollection, errorDislikeCollection: error, isDisLiked };
+
+  async function dislikeCollection({
+    collectionId,
+  }: schema.IMutationDislikeCollectionArgs) {
+    try {
+      await mutate({
+        variables: { collectionId },
+      });
+    } catch (err) {
+      throw new Error(err as string);
+    }
+  }
+};
+
+export default useDislikeCollection;

package/src/api/server-collection/mutations/useLikeCollection/index.ts

@@ -0,0 +1,37 @@
+import { useState } from 'react';
+
+import { useMutation } from '@apollo/client';
+
+import { hosts, collectionsSchema as schema } from '@ludo.ninja/api';
+
+const useLikeCollection = () => {
+  const [isLiked, setLike] = useState<boolean>(false);
+
+  const [mutate, { error }] = useMutation(schema.LikeCollectionDocument, {
+    context: {
+      uri: hosts.collectionsHost,
+    },
+    onCompleted: ({ likeCollection }) => {
+      setLike(likeCollection);
+    },
+    onError: () => {
+      setLike(false);
+    },
+  });
+
+  return { likeCollection, errorLikeCollection: error, isLiked };
+
+  async function likeCollection({
+    collectionId,
+  }: schema.IMutationLikeCollectionArgs) {
+    try {
+      await mutate({
+        variables: { collectionId },
+      });
+    } catch (err) {
+      throw new Error(err as string);
+    }
+  }
+};
+
+export default useLikeCollection;

package/src/api/server-experiences/queries/useFetchMyExperienceWithLevel/index.ts

@@ -0,0 +1,121 @@
+import { useEffect } from 'react';
+
+import { useRouter } from 'next/router';
+
+import { useLazyQuery } from '@apollo/client';
+
+import {
+  authCookies,
+  hosts,
+  experiencesSchema as schema,
+} from '@ludo.ninja/api';
+import { alertVariants } from '@ludo.ninja/ui/build/system/Alert/type';
+
+import { createXpNotification } from '@/modules/notifications';
+import { useUserStore } from '@/modules/user/store';
+
+import { useUiStore } from '@/store/ui';
+
+const useFetchMyExperienceWithLevel = () => {
+  const {
+    user,
+    isSignedIn,
+    setUserExp,
+    resetUserExp,
+    setErrorExp,
+    setIsLoadingExp,
+  } = useUserStore((state) => ({
+    user: state.user,
+    isSignedIn: state.isSignedIn,
+    setUserExp: state.setUserExp,
+    resetUserExp: state.resetUserExp,
+    setErrorExp: state.setErrorExp,
+    setIsLoadingExp: state.setIsLoadingExp,
+  }));
+  const { openAlert, addNotification } = useUiStore((state) => ({
+    openAlert: state.openAlert,
+    addNotification: state.addNotification,
+  }));
+
+  const router = useRouter();
+
+  const userId = user?.userId || '';
+
+  const [fetchExp, { subscribeToMore }] = useLazyQuery(
+    schema.FetchMyExperienceV2Document,
+    {
+      context: {
+        uri: hosts.experiencesHost,
+      },
+      onCompleted: ({
+        fetchMyExperienceV2: { xps, level, levelMaxXps, levelMinXps },
+      }) => {
+        setIsLoadingExp(false);
+        setUserExp({
+          xps,
+          level,
+          levelMaxXps,
+          levelMinXps,
+        });
+        subscribe();
+      },
+      onError: (err) => {
+        openAlert({
+          type: alertVariants.error,
+          caption: err.message,
+        });
+        resetUserExp();
+        setErrorExp(err);
+        setIsLoadingExp(false);
+      },
+    }
+  );
+
+  const subscribe = () => {
+    const { authToken } = authCookies.getCookies();
+    subscribeToMore<schema.IOnMyExperienceIncrementedSubscription>({
+      variables: { authToken },
+      document: schema.OnMyExperienceIncrementedDocument,
+      updateQuery: (prev, { subscriptionData: { data } }) => {
+        if (!data) return prev;
+
+        const {
+          xps,
+          level,
+          levelMaxXps,
+          levelMinXps,
+          xpsIncrement,
+          description,
+        } = data.onMyExperienceIncremented;
+
+        if (xpsIncrement) {
+          addNotification(
+            createXpNotification({
+              xpsIncrement,
+              ...(description ? { description } : {}),
+              onClick: () => {
+                router.push(`/rewards/${userId}`);
+              },
+            })
+          );
+        }
+
+        setUserExp({
+          xps,
+          level,
+          levelMaxXps,
+          levelMinXps,
+        });
+      },
+    });
+  };
+
+  useEffect(() => {
+    if (isSignedIn) {
+      setIsLoadingExp(true);
+      fetchExp();
+    }
+  }, [isSignedIn]);
+};
+
+export default useFetchMyExperienceWithLevel;

package/src/api/server-experiences/queries/useFetchMyTasks/index.ts

@@ -0,0 +1,61 @@
+import { useState } from 'react';
+
+import { ApolloClient, NormalizedCacheObject, useQuery } from '@apollo/client';
+
+import { hosts, experiencesSchema as schema } from '@ludo.ninja/api';
+import { alertVariants } from '@ludo.ninja/ui/build/system/Alert/type';
+
+import { useUiStore } from '@/store/ui';
+
+export const prefetchMyTasks = (
+  apolloClient: ApolloClient<NormalizedCacheObject>
+) => {
+  return apolloClient
+    .query({
+      query: schema.FetchMyTasksDocument,
+      context: { uri: hosts.serverExperiencesHost },
+      fetchPolicy: 'network-only',
+    })
+    .catch(() => {
+      return {
+        data: { fetchMyTasks: null },
+      };
+    });
+};
+
+export const useFetchMyTasks = ({
+  prefetchedMyTasks,
+}: {
+  prefetchedMyTasks: schema.ITask[] | null;
+}) => {
+  const [myTasks, setMyTasks] = useState<schema.ITask[] | null>(
+    prefetchedMyTasks
+  );
+  const openAlert = useUiStore((state) => state.openAlert);
+
+  const { data, error, loading } = useQuery(schema.FetchMyTasksDocument, {
+    context: {
+      uri: hosts.experiencesHost,
+    },
+    onCompleted: ({ fetchMyTasks }) => {
+      setMyTasks(fetchMyTasks as schema.ITask[]);
+    },
+    onError: (err) => {
+      openAlert({
+        type: alertVariants.error,
+
+        caption: err.message,
+      });
+      setMyTasks([]);
+    },
+  });
+
+  return {
+    loadingMyTasks: loading,
+    errorMyTasks: error,
+    data,
+    clientMyTasksData: myTasks,
+  };
+};
+
+export default { useFetchMyTasks, prefetchMyTasks };

package/src/api/server-galleries/mutations/useAddAssetsToGallery/index.ts

@@ -0,0 +1,42 @@
+import { useState } from 'react';
+
+import { useMutation } from '@apollo/client';
+
+import { hosts, galleriesSchema as schema } from '@ludo.ninja/api';
+
+const useAddAssetsToGalleryV2 = () => {
+  const [isAdded, setAdd] = useState<boolean>(false);
+
+  const [mutate, { error }] = useMutation(schema.AddAssetsToGalleryV2Document, {
+    context: {
+      uri: hosts.galleriesHost,
+    },
+    fetchPolicy: 'no-cache',
+    onCompleted: ({ addAssetsToGalleryV2 }) => {
+      setAdd(addAssetsToGalleryV2);
+    },
+    notifyOnNetworkStatusChange: true,
+    refetchQueries: [
+      schema.FetchUserFavoritesV2Document,
+      schema.FetchUserGalleriesV2Document,
+    ],
+    // onError: (err) => console.log(err),
+  });
+
+  return { addAssetsToGallery, error, isAdded };
+
+  async function addAssetsToGallery({
+    galleryId,
+    assetIds,
+  }: schema.IMutationAddAssetsToGalleryV2Args) {
+    try {
+      await mutate({
+        variables: { galleryId, assetIds },
+      });
+    } catch (err) {
+      throw new Error(err as string);
+    }
+  }
+};
+
+export { useAddAssetsToGalleryV2 };