{"version":3,"file":"ReferralModal-BFiGR83g.js","sources":["../../../resources/js/Components/Banner.vue","../../../resources/js/Components/ResponsiveNavLink.vue","../../../resources/js/Components/SearchResultEmpty.vue","../../../resources/js/Components/SearchInput.vue","../../../resources/js/Components/Icons/Menu.vue","../../../node_modules/lodash-es/_copyArray.js","../../../node_modules/lodash-es/_baseRandom.js","../../../node_modules/lodash-es/_shuffleSelf.js","../../../node_modules/lodash-es/_arrayShuffle.js","../../../node_modules/lodash-es/_baseValues.js","../../../node_modules/lodash-es/_baseTimes.js","../../../node_modules/lodash-es/_baseIsArguments.js","../../../node_modules/lodash-es/isArguments.js","../../../node_modules/lodash-es/stubFalse.js","../../../node_modules/lodash-es/isBuffer.js","../../../node_modules/lodash-es/_isIndex.js","../../../node_modules/lodash-es/isLength.js","../../../node_modules/lodash-es/_baseIsTypedArray.js","../../../node_modules/lodash-es/_baseUnary.js","../../../node_modules/lodash-es/_nodeUtil.js","../../../node_modules/lodash-es/isTypedArray.js","../../../node_modules/lodash-es/_arrayLikeKeys.js","../../../node_modules/lodash-es/_isPrototype.js","../../../node_modules/lodash-es/_overArg.js","../../../node_modules/lodash-es/_nativeKeys.js","../../../node_modules/lodash-es/_baseKeys.js","../../../node_modules/lodash-es/isFunction.js","../../../node_modules/lodash-es/isArrayLike.js","../../../node_modules/lodash-es/keys.js","../../../node_modules/lodash-es/values.js","../../../node_modules/lodash-es/_baseShuffle.js","../../../node_modules/lodash-es/shuffle.js","../../../resources/js/Components/Icons/Logo.vue","../../../resources/js/Components/Menus/SideBarMenuItem.vue","../../../resources/js/Components/Menus/SideBarMenu.vue","../../../resources/js/Components/Icons/Profile.vue","../../../resources/js/Components/Icons/Airplane.vue","../../../resources/js/Components/Icons/CurrencyDollar.vue","../../../resources/js/Components/Menus/ProfileSidebarMenu.vue","../../../resources/js/Components/Menus/HorizontalMenuItem.vue","../../../resources/js/Components/Icons/Ellips.vue","../../../resources/js/Components/Menus/HorizontalMenu.vue","../../../resources/js/Components/SidebarLangSwitch.vue","../../../resources/js/Components/MobileSidebarLangSwitch.vue","../../../resources/js/Components/SidebarCurrencySwitch.vue","../../../resources/js/Components/Icons/LightTheme.vue","../../../resources/js/Components/Icons/DarkTheme.vue","../../../resources/js/Components/Sidebar.vue","../../../resources/js/Components/ModalNew.vue","../../../resources/js/Components/ReferralModal.vue"],"sourcesContent":["<script setup>\nimport {computed, ref, watch} from 'vue';\nimport {usePage} from '@inertiajs/vue3';\n\nconst show = ref(true);\nconst style = computed(() => usePage().props.jetstream?.flash?.bannerStyle || 'success');\nconst message = computed(() => usePage().props.jetstream?.flash?.banner || '');\n\nwatch(message, async () => {\n  show.value = true;\n});\n</script>\n\n<template>\n    <div>\n        <div v-if=\"show && message\" :class=\"{ 'bg-blue-600': style === 'success', 'bg-red-700': style === 'danger' }\">\n            <div class=\"max-w-screen-xl mx-auto py-2 px-3 sm:px-6 lg:px-8\">\n                <div class=\"flex items-center justify-between flex-wrap\">\n                    <div class=\"w-0 flex-1 flex items-center min-w-0\">\n                        <span :class=\"{ 'bg-blue-600': style === 'success', 'bg-red-600': style === 'danger' }\"\n                              class=\"flex p-2 rounded-lg\">\n                            <svg v-if=\"style === 'success'\" class=\"h-5 w-5 text-white dark:text-dark-blue\"\n                                 fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"\n                                 xmlns=\"http://www.w3.org/2000/svg\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n                            </svg>\n\n                            <svg v-if=\"style === 'danger'\" class=\"h-5 w-5 text-white dark:text-dark-blue\" fill=\"none\"\n                                 stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z\" />\n                            </svg>\n                        </span>\n\n                        <p class=\"ml-3 font-medium text-sm text-white dark:text-dark-blue truncate\">\n                            {{ message }}\n                        </p>\n                    </div>\n\n                    <div class=\"shrink-0 sm:ml-3\">\n                        <button\n                            type=\"button\"\n                            class=\"-mr-1 flex p-2 rounded-md focus:outline-none sm:-mr-2 transition\"\n                            :class=\"{ 'hover:bg-blue-600 focus:bg-blue-600': style === 'success', 'hover:bg-red-600 focus:bg-red-600': style === 'danger' }\"\n                            aria-label=\"Dismiss\"\n                            @click.prevent=\"show = false\"\n                        >\n                            <svg class=\"h-5 w-5 text-white dark:text-dark-blue\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n                            </svg>\n                        </button>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n","<script setup>\nimport {computed} from 'vue';\nimport {Link} from '@inertiajs/vue3';\n\nconst props = defineProps({\n    active: Boolean,\n    href: String,\n    as: String,\n});\n\nconst classes = computed(() => {\n    return props.active\n        ? 'block w-full pl-3 pr-4 py-2 border-l-4 border-indigo-400 text-left text-base font-medium text-indigo-700 bg-indigo-50 focus:outline-none focus:text-indigo-800 focus:bg-indigo-100 focus:border-indigo-700 transition duration-150 ease-in-out'\n        : 'block w-full pl-3 pr-4 py-2 border-l-4 border-transparent text-left text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition duration-150 ease-in-out';\n});\n</script>\n\n<template>\n    <div>\n      <button v-if=\"as === 'button'\" :class=\"classes\" class=\"w-full text-left\">\n            <slot />\n        </button>\n\n        <Link v-else :href=\"href\" :class=\"classes\">\n            <slot />\n        </Link>\n    </div>\n</template>\n","<script setup>\n\nimport {route} from \"ziggy-js\";\nimport NavLink from \"@/Components/NavLink.vue\";\n\nconst props = defineProps({\n    contentClass: {\n        type: Array,\n        default: []\n    },\n    productName: {\n        type: String,\n    },\n    lotName: {\n        type: String,\n    },\n    productId: {\n        type: Number\n    },\n    inHeader: {\n        type: Boolean,\n        default: false,\n    }\n})\n\n</script>\n\n<template>\n    <div :class=\"[...contentClass]\" class=\"border-b border-slate-300 dark:border-slate-700 border-dashed -ml-2.5 -mr-2.5\">\n        <div class=\"px-2.5 tracking-wider\">\n            <div\n                class=\"px-2.5 py-1.25 text-red-500 border-b border-slate-300 dark:border-slate-700 font-sans font-extrabold w-fit border-dashed text-xl\">\n                {{ $t('Whoops!') }} :(\n            </div>\n\n            <div v-if=\"inHeader\" class=\"dark:text-slate-200 px-2.5 pt-1.5 pb-2.5 text-base\">{{ $t('Seems like we don’t have this right now.') }}\n                <br>\n                <span v-html=\"\n                  $t('You can sell your :lotNameBold :productName by clicking the “Sell :lotName” button at the top of the page.', {\n                      productName: `<b>${productName}</b>`,\n                      lotNameBold: `<b>${lotName ?? ''}</b>`,\n                      lotName: lotName ?? '',\n                  })\">\n                </span>\n            </div>\n            <div v-else class=\"dark:text-slate-200 px-2.5 pt-1.5 pb-2.5 text-base\">\n                {{ $t('Seems like we don’t have this yet.') }}\n                <br>\n                {{$t('Click') }}\n                <NavLink\n                    :href=\"props.productId ? route('user.offers.selectLot', {product_id: props.productId}) : route('user.offers.selectProduct')\"\n                    class=\"text-blue-600 underline cursor-pointer\">\n                    {{ $t('HERE') }}\n                </NavLink>\n                , {{ $t('to add new item to catalog.') }}\n\n            </div>\n        </div>\n    </div>\n\n</template>\n\n<style scoped>\n\n</style>\n","<script setup>\nimport {clickOutSide as vClickOutside} from \"@/vClickOutside.js\";\nimport {computed, ref, watch} from \"vue\";\nimport SearchResult from \"@/Components/SearchResult.vue\";\nimport {router, usePage} from \"@inertiajs/vue3\";\nimport debounce from \"lodash-es/debounce.js\";\nimport Spinner from \"@/Components/Icons/Spinner.vue\";\nimport SearchIcon from \"@/Components/Icons/Search.vue\";\nimport {route} from \"ziggy-js\";\n\nconst page = usePage();\nconst open = ref(false)\nconst search = ref(''),\n    isLoading = ref(false)\n\nconst emit = defineEmits(['onFocus', 'onClose'])\nconst hide = () => {\n    open.value = false\n    emit('onClose')\n}\n\nconst products = ref([])\nconst showClear = computed(() => search.value && search.value.length > 0 && !isLoading.value)\nconst updateSearchValue = (value) => {\n    search.value = value\n}\n\nconst getQueryParams = () => {\n    return {\n        products_search: search.value ? search.value : undefined\n    }\n}\n\nconst fetch = (nextPage = false) => {\n    open.value = true\n    isLoading.value = true\n    const queryParams = getQueryParams(nextPage)\n    router.get(page.url, queryParams,\n        {\n            preserveState: true,\n            preserveScroll: true,\n            only: ['products_search'],\n            onFinish: () => {\n                products.value = page.props.products_search\n                isLoading.value = false\n            }\n        })\n}\nconst fetchDebounced = debounce(fetch, 1000)\nwatch(search, () => {\n        if (search.value.length > 0) {\n            fetchDebounced(false)\n        }\n    }\n)\n\nconst clearValue = () => {\n    open.value = false\n    search.value = ''\n}\n\n\n</script>\n\n<template>\n        <div class=\"relative py-2\" v-click-outside=\"hide\">\n            <div class=\"flex\">\n                <label for=\"default-search\"\n                       class=\"mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white\">Search</label>\n                <div class=\"relative w-full\">\n                    <div class=\"absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none\">\n                        <SearchIcon/>\n                    </div>\n                    <input type=\"text\"\n                           class=\"block w-full pl-9 placeholder:font-medium font-medium p-1 dark:placeholder-slate-400 lg:py-2 dark:bg-dark-blue text-base lg:text-sm text-gray-900 dark:text-slate-500 border border-slate-400 rounded-full bg-gray-50 focus:ring-blue-600 focus:border-blue-600\"\n                           :placeholder=\"$t('Search games, subscriptions, etc.')\" required\n                           v-model=\"search\"\n                           @focus=\"emit('onFocus')\"\n                           @keyup.enter=\"router.get(route('products.index', {search: search ? search : undefined}))\"\n                    >\n                    <!--                    <button type=\"submit\"-->\n                    <!--                            class=\"text-white absolute right-2.5 bottom-2.5 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800\">-->\n                    <!--                        Искать-->\n                    <!--                    </button>-->\n                    <div v-if=\"isLoading\" class=\"absolute inset-y-0 right-0 flex\">\n                        <Spinner class=\"self-center\"/>\n                    </div>\n                    <div v-if=\"showClear\"\n                         class=\"absolute inset-y-0 right-0 flex items-center pr-3 z-10 text-slate-500 cursor-pointer\"\n                         @click=\"clearValue\"\n                    >\n                        <ion-icon name=\"close-circle\" class=\"text-xl\"></ion-icon>\n                    </div>\n                </div>\n            </div>\n            <SearchResult v-if=\"!isLoading && open\" :search-result=\"products\"/>\n        </div>\n</template>\n","<template>\n    <svg fill=\"none\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path clip-rule=\"evenodd\" d=\"M3.75 12C3.75 11.4305 4.21171 10.9688 4.78125 10.9688H19.2188C19.7883 10.9688 20.25 11.4305 20.25 12C20.25 12.5695 19.7883 13.0312 19.2188 13.0312H4.78125C4.21171 13.0312 3.75 12.5695 3.75 12Z\"\n              fill=\"white\"\n              fill-rule=\"evenodd\"/>\n        <path clip-rule=\"evenodd\" d=\"M3.75 8.25C3.75 7.68046 4.21171 7.21875 4.78125 7.21875H19.2188C19.7883 7.21875 20.25 7.68046 20.25 8.25C20.25 8.81954 19.7883 9.28125 19.2188 9.28125H4.78125C4.21171 9.28125 3.75 8.81954 3.75 8.25Z\"\n              fill=\"white\"\n              fill-rule=\"evenodd\"/>\n        <path clip-rule=\"evenodd\" d=\"M3.75 15.75C3.75 15.1805 4.21171 14.7188 4.78125 14.7188H19.2188C19.7883 14.7188 20.25 15.1805 20.25 15.75C20.25 16.3195 19.7883 16.7812 19.2188 16.7812H4.78125C4.21171 16.7812 3.75 16.3195 3.75 15.75Z\"\n              fill=\"white\"\n              fill-rule=\"evenodd\"/>\n    </svg>\n</template>\n","/**\n * Copies the values of `source` to `array`.\n *\n * @private\n * @param {Array} source The array to copy values from.\n * @param {Array} [array=[]] The array to copy values to.\n * @returns {Array} Returns `array`.\n */\nfunction copyArray(source, array) {\n  var index = -1,\n      length = source.length;\n\n  array || (array = Array(length));\n  while (++index < length) {\n    array[index] = source[index];\n  }\n  return array;\n}\n\nexport default copyArray;\n","/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeFloor = Math.floor,\n    nativeRandom = Math.random;\n\n/**\n * The base implementation of `_.random` without support for returning\n * floating-point numbers.\n *\n * @private\n * @param {number} lower The lower bound.\n * @param {number} upper The upper bound.\n * @returns {number} Returns the random number.\n */\nfunction baseRandom(lower, upper) {\n  return lower + nativeFloor(nativeRandom() * (upper - lower + 1));\n}\n\nexport default baseRandom;\n","import baseRandom from './_baseRandom.js';\n\n/**\n * A specialized version of `_.shuffle` which mutates and sets the size of `array`.\n *\n * @private\n * @param {Array} array The array to shuffle.\n * @param {number} [size=array.length] The size of `array`.\n * @returns {Array} Returns `array`.\n */\nfunction shuffleSelf(array, size) {\n  var index = -1,\n      length = array.length,\n      lastIndex = length - 1;\n\n  size = size === undefined ? length : size;\n  while (++index < size) {\n    var rand = baseRandom(index, lastIndex),\n        value = array[rand];\n\n    array[rand] = array[index];\n    array[index] = value;\n  }\n  array.length = size;\n  return array;\n}\n\nexport default shuffleSelf;\n","import copyArray from './_copyArray.js';\nimport shuffleSelf from './_shuffleSelf.js';\n\n/**\n * A specialized version of `_.shuffle` for arrays.\n *\n * @private\n * @param {Array} array The array to shuffle.\n * @returns {Array} Returns the new shuffled array.\n */\nfunction arrayShuffle(array) {\n  return shuffleSelf(copyArray(array));\n}\n\nexport default arrayShuffle;\n","import arrayMap from './_arrayMap.js';\n\n/**\n * The base implementation of `_.values` and `_.valuesIn` which creates an\n * array of `object` property values corresponding to the property names\n * of `props`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {Array} props The property names to get values for.\n * @returns {Object} Returns the array of property values.\n */\nfunction baseValues(object, props) {\n  return arrayMap(props, function(key) {\n    return object[key];\n  });\n}\n\nexport default baseValues;\n","/**\n * The base implementation of `_.times` without support for iteratee shorthands\n * or max array length checks.\n *\n * @private\n * @param {number} n The number of times to invoke `iteratee`.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array} Returns the array of results.\n */\nfunction baseTimes(n, iteratee) {\n  var index = -1,\n      result = Array(n);\n\n  while (++index < n) {\n    result[index] = iteratee(index);\n  }\n  return result;\n}\n\nexport default baseTimes;\n","import baseGetTag from './_baseGetTag.js';\nimport isObjectLike from './isObjectLike.js';\n\n/** `Object#toString` result references. */\nvar argsTag = '[object Arguments]';\n\n/**\n * The base implementation of `_.isArguments`.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an `arguments` object,\n */\nfunction baseIsArguments(value) {\n  return isObjectLike(value) && baseGetTag(value) == argsTag;\n}\n\nexport default baseIsArguments;\n","import baseIsArguments from './_baseIsArguments.js';\nimport isObjectLike from './isObjectLike.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/** Built-in value references. */\nvar propertyIsEnumerable = objectProto.propertyIsEnumerable;\n\n/**\n * Checks if `value` is likely an `arguments` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an `arguments` object,\n *  else `false`.\n * @example\n *\n * _.isArguments(function() { return arguments; }());\n * // => true\n *\n * _.isArguments([1, 2, 3]);\n * // => false\n */\nvar isArguments = baseIsArguments(function() { return arguments; }()) ? baseIsArguments : function(value) {\n  return isObjectLike(value) && hasOwnProperty.call(value, 'callee') &&\n    !propertyIsEnumerable.call(value, 'callee');\n};\n\nexport default isArguments;\n","/**\n * This method returns `false`.\n *\n * @static\n * @memberOf _\n * @since 4.13.0\n * @category Util\n * @returns {boolean} Returns `false`.\n * @example\n *\n * _.times(2, _.stubFalse);\n * // => [false, false]\n */\nfunction stubFalse() {\n  return false;\n}\n\nexport default stubFalse;\n","import root from './_root.js';\nimport stubFalse from './stubFalse.js';\n\n/** Detect free variable `exports`. */\nvar freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports;\n\n/** Detect free variable `module`. */\nvar freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module;\n\n/** Detect the popular CommonJS extension `module.exports`. */\nvar moduleExports = freeModule && freeModule.exports === freeExports;\n\n/** Built-in value references. */\nvar Buffer = moduleExports ? root.Buffer : undefined;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined;\n\n/**\n * Checks if `value` is a buffer.\n *\n * @static\n * @memberOf _\n * @since 4.3.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a buffer, else `false`.\n * @example\n *\n * _.isBuffer(new Buffer(2));\n * // => true\n *\n * _.isBuffer(new Uint8Array(2));\n * // => false\n */\nvar isBuffer = nativeIsBuffer || stubFalse;\n\nexport default isBuffer;\n","/** Used as references for various `Number` constants. */\nvar MAX_SAFE_INTEGER = 9007199254740991;\n\n/** Used to detect unsigned integer values. */\nvar reIsUint = /^(?:0|[1-9]\\d*)$/;\n\n/**\n * Checks if `value` is a valid array-like index.\n *\n * @private\n * @param {*} value The value to check.\n * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.\n * @returns {boolean} Returns `true` if `value` is a valid index, else `false`.\n */\nfunction isIndex(value, length) {\n  var type = typeof value;\n  length = length == null ? MAX_SAFE_INTEGER : length;\n\n  return !!length &&\n    (type == 'number' ||\n      (type != 'symbol' && reIsUint.test(value))) &&\n        (value > -1 && value % 1 == 0 && value < length);\n}\n\nexport default isIndex;\n","/** Used as references for various `Number` constants. */\nvar MAX_SAFE_INTEGER = 9007199254740991;\n\n/**\n * Checks if `value` is a valid array-like length.\n *\n * **Note:** This method is loosely based on\n * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.\n * @example\n *\n * _.isLength(3);\n * // => true\n *\n * _.isLength(Number.MIN_VALUE);\n * // => false\n *\n * _.isLength(Infinity);\n * // => false\n *\n * _.isLength('3');\n * // => false\n */\nfunction isLength(value) {\n  return typeof value == 'number' &&\n    value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;\n}\n\nexport default isLength;\n","import baseGetTag from './_baseGetTag.js';\nimport isLength from './isLength.js';\nimport isObjectLike from './isObjectLike.js';\n\n/** `Object#toString` result references. */\nvar argsTag = '[object Arguments]',\n    arrayTag = '[object Array]',\n    boolTag = '[object Boolean]',\n    dateTag = '[object Date]',\n    errorTag = '[object Error]',\n    funcTag = '[object Function]',\n    mapTag = '[object Map]',\n    numberTag = '[object Number]',\n    objectTag = '[object Object]',\n    regexpTag = '[object RegExp]',\n    setTag = '[object Set]',\n    stringTag = '[object String]',\n    weakMapTag = '[object WeakMap]';\n\nvar arrayBufferTag = '[object ArrayBuffer]',\n    dataViewTag = '[object DataView]',\n    float32Tag = '[object Float32Array]',\n    float64Tag = '[object Float64Array]',\n    int8Tag = '[object Int8Array]',\n    int16Tag = '[object Int16Array]',\n    int32Tag = '[object Int32Array]',\n    uint8Tag = '[object Uint8Array]',\n    uint8ClampedTag = '[object Uint8ClampedArray]',\n    uint16Tag = '[object Uint16Array]',\n    uint32Tag = '[object Uint32Array]';\n\n/** Used to identify `toStringTag` values of typed arrays. */\nvar typedArrayTags = {};\ntypedArrayTags[float32Tag] = typedArrayTags[float64Tag] =\ntypedArrayTags[int8Tag] = typedArrayTags[int16Tag] =\ntypedArrayTags[int32Tag] = typedArrayTags[uint8Tag] =\ntypedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] =\ntypedArrayTags[uint32Tag] = true;\ntypedArrayTags[argsTag] = typedArrayTags[arrayTag] =\ntypedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] =\ntypedArrayTags[dataViewTag] = typedArrayTags[dateTag] =\ntypedArrayTags[errorTag] = typedArrayTags[funcTag] =\ntypedArrayTags[mapTag] = typedArrayTags[numberTag] =\ntypedArrayTags[objectTag] = typedArrayTags[regexpTag] =\ntypedArrayTags[setTag] = typedArrayTags[stringTag] =\ntypedArrayTags[weakMapTag] = false;\n\n/**\n * The base implementation of `_.isTypedArray` without Node.js optimizations.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.\n */\nfunction baseIsTypedArray(value) {\n  return isObjectLike(value) &&\n    isLength(value.length) && !!typedArrayTags[baseGetTag(value)];\n}\n\nexport default baseIsTypedArray;\n","/**\n * The base implementation of `_.unary` without support for storing metadata.\n *\n * @private\n * @param {Function} func The function to cap arguments for.\n * @returns {Function} Returns the new capped function.\n */\nfunction baseUnary(func) {\n  return function(value) {\n    return func(value);\n  };\n}\n\nexport default baseUnary;\n","import freeGlobal from './_freeGlobal.js';\n\n/** Detect free variable `exports`. */\nvar freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports;\n\n/** Detect free variable `module`. */\nvar freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module;\n\n/** Detect the popular CommonJS extension `module.exports`. */\nvar moduleExports = freeModule && freeModule.exports === freeExports;\n\n/** Detect free variable `process` from Node.js. */\nvar freeProcess = moduleExports && freeGlobal.process;\n\n/** Used to access faster Node.js helpers. */\nvar nodeUtil = (function() {\n  try {\n    // Use `util.types` for Node.js 10+.\n    var types = freeModule && freeModule.require && freeModule.require('util').types;\n\n    if (types) {\n      return types;\n    }\n\n    // Legacy `process.binding('util')` for Node.js < 10.\n    return freeProcess && freeProcess.binding && freeProcess.binding('util');\n  } catch (e) {}\n}());\n\nexport default nodeUtil;\n","import baseIsTypedArray from './_baseIsTypedArray.js';\nimport baseUnary from './_baseUnary.js';\nimport nodeUtil from './_nodeUtil.js';\n\n/* Node.js helper references. */\nvar nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;\n\n/**\n * Checks if `value` is classified as a typed array.\n *\n * @static\n * @memberOf _\n * @since 3.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.\n * @example\n *\n * _.isTypedArray(new Uint8Array);\n * // => true\n *\n * _.isTypedArray([]);\n * // => false\n */\nvar isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;\n\nexport default isTypedArray;\n","import baseTimes from './_baseTimes.js';\nimport isArguments from './isArguments.js';\nimport isArray from './isArray.js';\nimport isBuffer from './isBuffer.js';\nimport isIndex from './_isIndex.js';\nimport isTypedArray from './isTypedArray.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Creates an array of the enumerable property names of the array-like `value`.\n *\n * @private\n * @param {*} value The value to query.\n * @param {boolean} inherited Specify returning inherited property names.\n * @returns {Array} Returns the array of property names.\n */\nfunction arrayLikeKeys(value, inherited) {\n  var isArr = isArray(value),\n      isArg = !isArr && isArguments(value),\n      isBuff = !isArr && !isArg && isBuffer(value),\n      isType = !isArr && !isArg && !isBuff && isTypedArray(value),\n      skipIndexes = isArr || isArg || isBuff || isType,\n      result = skipIndexes ? baseTimes(value.length, String) : [],\n      length = result.length;\n\n  for (var key in value) {\n    if ((inherited || hasOwnProperty.call(value, key)) &&\n        !(skipIndexes && (\n           // Safari 9 has enumerable `arguments.length` in strict mode.\n           key == 'length' ||\n           // Node.js 0.10 has enumerable non-index properties on buffers.\n           (isBuff && (key == 'offset' || key == 'parent')) ||\n           // PhantomJS 2 has enumerable non-index properties on typed arrays.\n           (isType && (key == 'buffer' || key == 'byteLength' || key == 'byteOffset')) ||\n           // Skip index properties.\n           isIndex(key, length)\n        ))) {\n      result.push(key);\n    }\n  }\n  return result;\n}\n\nexport default arrayLikeKeys;\n","/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Checks if `value` is likely a prototype object.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a prototype, else `false`.\n */\nfunction isPrototype(value) {\n  var Ctor = value && value.constructor,\n      proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto;\n\n  return value === proto;\n}\n\nexport default isPrototype;\n","/**\n * Creates a unary function that invokes `func` with its argument transformed.\n *\n * @private\n * @param {Function} func The function to wrap.\n * @param {Function} transform The argument transform.\n * @returns {Function} Returns the new function.\n */\nfunction overArg(func, transform) {\n  return function(arg) {\n    return func(transform(arg));\n  };\n}\n\nexport default overArg;\n","import overArg from './_overArg.js';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeKeys = overArg(Object.keys, Object);\n\nexport default nativeKeys;\n","import isPrototype from './_isPrototype.js';\nimport nativeKeys from './_nativeKeys.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * The base implementation of `_.keys` which doesn't treat sparse arrays as dense.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names.\n */\nfunction baseKeys(object) {\n  if (!isPrototype(object)) {\n    return nativeKeys(object);\n  }\n  var result = [];\n  for (var key in Object(object)) {\n    if (hasOwnProperty.call(object, key) && key != 'constructor') {\n      result.push(key);\n    }\n  }\n  return result;\n}\n\nexport default baseKeys;\n","import baseGetTag from './_baseGetTag.js';\nimport isObject from './isObject.js';\n\n/** `Object#toString` result references. */\nvar asyncTag = '[object AsyncFunction]',\n    funcTag = '[object Function]',\n    genTag = '[object GeneratorFunction]',\n    proxyTag = '[object Proxy]';\n\n/**\n * Checks if `value` is classified as a `Function` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a function, else `false`.\n * @example\n *\n * _.isFunction(_);\n * // => true\n *\n * _.isFunction(/abc/);\n * // => false\n */\nfunction isFunction(value) {\n  if (!isObject(value)) {\n    return false;\n  }\n  // The use of `Object#toString` avoids issues with the `typeof` operator\n  // in Safari 9 which returns 'object' for typed arrays and other constructors.\n  var tag = baseGetTag(value);\n  return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;\n}\n\nexport default isFunction;\n","import isFunction from './isFunction.js';\nimport isLength from './isLength.js';\n\n/**\n * Checks if `value` is array-like. A value is considered array-like if it's\n * not a function and has a `value.length` that's an integer greater than or\n * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is array-like, else `false`.\n * @example\n *\n * _.isArrayLike([1, 2, 3]);\n * // => true\n *\n * _.isArrayLike(document.body.children);\n * // => true\n *\n * _.isArrayLike('abc');\n * // => true\n *\n * _.isArrayLike(_.noop);\n * // => false\n */\nfunction isArrayLike(value) {\n  return value != null && isLength(value.length) && !isFunction(value);\n}\n\nexport default isArrayLike;\n","import arrayLikeKeys from './_arrayLikeKeys.js';\nimport baseKeys from './_baseKeys.js';\nimport isArrayLike from './isArrayLike.js';\n\n/**\n * Creates an array of the own enumerable property names of `object`.\n *\n * **Note:** Non-object values are coerced to objects. See the\n * [ES spec](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)\n * for more details.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names.\n * @example\n *\n * function Foo() {\n *   this.a = 1;\n *   this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.keys(new Foo);\n * // => ['a', 'b'] (iteration order is not guaranteed)\n *\n * _.keys('hi');\n * // => ['0', '1']\n */\nfunction keys(object) {\n  return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);\n}\n\nexport default keys;\n","import baseValues from './_baseValues.js';\nimport keys from './keys.js';\n\n/**\n * Creates an array of the own enumerable string keyed property values of `object`.\n *\n * **Note:** Non-object values are coerced to objects.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property values.\n * @example\n *\n * function Foo() {\n *   this.a = 1;\n *   this.b = 2;\n * }\n *\n * Foo.prototype.c = 3;\n *\n * _.values(new Foo);\n * // => [1, 2] (iteration order is not guaranteed)\n *\n * _.values('hi');\n * // => ['h', 'i']\n */\nfunction values(object) {\n  return object == null ? [] : baseValues(object, keys(object));\n}\n\nexport default values;\n","import shuffleSelf from './_shuffleSelf.js';\nimport values from './values.js';\n\n/**\n * The base implementation of `_.shuffle`.\n *\n * @private\n * @param {Array|Object} collection The collection to shuffle.\n * @returns {Array} Returns the new shuffled array.\n */\nfunction baseShuffle(collection) {\n  return shuffleSelf(values(collection));\n}\n\nexport default baseShuffle;\n","import arrayShuffle from './_arrayShuffle.js';\nimport baseShuffle from './_baseShuffle.js';\nimport isArray from './isArray.js';\n\n/**\n * Creates an array of shuffled values, using a version of the\n * [Fisher-Yates shuffle](https://en.wikipedia.org/wiki/Fisher-Yates_shuffle).\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Collection\n * @param {Array|Object} collection The collection to shuffle.\n * @returns {Array} Returns the new shuffled array.\n * @example\n *\n * _.shuffle([1, 2, 3, 4]);\n * // => [4, 1, 3, 2]\n */\nfunction shuffle(collection) {\n  var func = isArray(collection) ? arrayShuffle : baseShuffle;\n  return func(collection);\n}\n\nexport default shuffle;\n","<script setup>\nimport shuffle from 'lodash-es/shuffle.js';\n\nconst colors = ['#98AFF5', '#F7931A', '#DA0E3E', '#22C55E', '#CE9FFC', '#2775CA'];\nconst colorsShuffled = shuffle(colors);\n</script>\n<template>\n    <svg fill=\"none\" height=\"18\" viewBox=\"0 0 114 18\" width=\"114\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n            d=\"M23.6561 16.9223V18H18.1372L16.406 13.9988H7.75005L6.01886 18H0.5V16.9223H3.36434L10.5095 0.426758H13.6256L20.7707 16.9223H23.6561ZM15.2204 11.2673L12.0833 4.02249L8.94614 11.2673H15.2204Z\"\n            :fill=\"colorsShuffled[0]\"/>\n        <path\n            d=\"M23.6559 16.9223V0.426758H26.5727L36.6136 13.5506V0.426758H39.5304V16.9223H41.9331V18H36.3723L26.5832 5.17485V18H21.2637V16.9223H23.6559Z\"\n            :fill=\"colorsShuffled[1]\"/>\n        <path\n            d=\"M48.166 16.9223V11.0646L41.7344 0.426758H44.924L49.6454 8.41845L54.3669 0.426758H57.5564L51.1248 11.0646V16.9223H57.3571V18H41.9232V16.9223H48.166Z\"\n            :fill=\"colorsShuffled[2]\"/>\n        <path\n            d=\"M59.7596 16.9223V0.426758H62.6764V9.00531L70.5875 0.426758H74.3017L67.3559 8.1197L73.6407 16.9437V16.9223H76.0434V18H70.9547L65.2155 10.307L62.6974 13.0705V18H57.3779V16.9223H59.7596Z\"\n            :fill=\"colorsShuffled[3]\"/>\n        <path\n            d=\"M95.537 16.9223V18H74.7627V16.9223H80.4284C79.0749 16.1328 78.0047 15.0551 77.2283 13.6787C76.4414 12.3023 76.0532 10.7659 76.0532 9.08004C76.0532 6.49794 76.924 4.34262 78.6762 2.60344C80.4284 0.864259 82.5793 0 85.1604 0C87.7309 0 89.8923 0.864259 91.634 2.60344C93.3862 4.34262 94.257 6.49794 94.257 9.08004C94.257 10.7552 93.8688 12.2917 93.0819 13.6787C92.295 15.0658 91.2353 16.1541 89.8818 16.9223H95.537ZM89.4936 4.57737C88.3185 3.33967 86.8706 2.72079 85.1499 2.72079C83.4397 2.72079 81.9917 3.33967 80.8061 4.57737C79.631 5.81507 79.033 7.31949 79.033 9.09068C79.033 10.8619 79.6205 12.3663 80.8061 13.604C81.9812 14.8417 83.4292 15.4606 85.1499 15.4606C86.8601 15.4606 88.308 14.8417 89.4936 13.604C90.6687 12.3663 91.2667 10.8619 91.2667 9.09068C91.2563 7.31949 90.6687 5.81507 89.4936 4.57737Z\"\n            :fill=\"colorsShuffled[4]\"/>\n        <path\n            d=\"M83.2407 10.7128L84.804 9.6458L84.6781 11.5664H84.8459V11.577H85.6119V11.5664H85.7902L85.6643 9.66713L87.2276 10.7341L87.7837 9.75248L86.0945 8.8989L87.7837 8.05598L87.2276 7.08502L85.6748 8.13067L85.7902 6.23145H84.6781L84.7935 8.13067L83.2407 7.07437L82.6846 8.05598L84.3633 8.8989L82.6846 9.75248L83.2407 10.7128Z\"\n            fill=\"white\"/>\n        <path\n            d=\"M70.4506 10.7128L72.0139 9.6458L71.888 11.5664H72.0559V11.577H72.8218V11.5664H73.0002L72.8743 9.66713L74.4376 10.7341L74.9937 9.75248L73.3045 8.8989L74.9937 8.05598L74.4376 7.08502L72.8848 8.13067L73.0002 6.23145H71.888L72.0035 8.13067L70.4506 7.07437L69.8945 8.05598L71.5733 8.8989L69.8945 9.75248L70.4506 10.7128Z\"\n            fill=\"white\"/>\n        <path\n            d=\"M96.0307 10.7128L97.594 9.6458L97.4681 11.5664H97.636V11.577H98.4019V11.5664H98.5803L98.4544 9.66713L100.018 10.7341L100.574 9.75248L98.8845 8.8989L100.574 8.05598L100.018 7.08502L98.4649 8.13067L98.5803 6.23145H97.4681L97.5835 8.13067L96.0307 7.07437L95.4746 8.05598L97.1534 8.8989L95.4746 9.75248L96.0307 10.7128Z\"\n            fill=\"white\"/>\n        <path\n            d=\"M107.792 16.9222C110.699 15.5138 112.147 12.9424 112.147 9.1973C112.147 6.41247 111.318 4.25716 109.649 2.7207C107.981 1.18425 105.599 0.416016 102.504 0.416016H96.5658V5.78294H99.4826V3.15817H102.399C106.932 3.15817 109.198 5.17477 109.198 9.1973C109.198 11.1712 108.642 12.6757 107.53 13.6893C106.418 14.7029 104.813 15.2151 102.725 15.2151H99.4826V12.0248H96.5658V16.9222H94.1631V17.9999H113.5V16.9222H107.792Z\"\n            :fill=\"colorsShuffled[5]\"/>\n    </svg>\n</template>\n","<script setup>\nimport {computed, ref} from \"vue\";\nimport {Link} from '@inertiajs/vue3'\nimport {route} from \"ziggy-js\";\n\nconst props = defineProps({\n    title: String,\n    url: String,\n    collapsing: Boolean,\n    right: Boolean,\n    method: {\n        type: String,\n        default: 'get'\n    },\n    type: {\n        type: String,\n        default: null\n    },\n    otherCategory: {\n        type: Array,\n        default: null\n    },\n    active: {\n        type:Boolean,\n        default: false\n    }\n})\nconst showingSubMenus = ref(false);\n\nconst isActive = computed(() => {\n    if (props.collapsing) {\n        return props.otherCategory.some(item => route().current('category', item.slug))\n    } else if(props.type) {\n        return route().current('category', props.type)\n    } else {\n        if(props.right) {\n            return route().current('home')\n        } else {\n            return props.active\n        }\n\n    }\n\n})\n\n</script>\n\n<template>\n    <li class=\"border-b border-dashed border-gray-200 last:border-none text-gray-300 text-sm\n  hover:text-blue-400 hover:border-blue-400 uppercase\">\n        <div v-if=\"collapsing\" :class=\"[{'flex-row-reverse': !right}, {'text-blue-400 font-medium': isActive}]\"\n              class=\"flex items-center justify-end py-3 cursor-pointer\"\n              @click=\"showingSubMenus = !showingSubMenus\"\n        >\n            <ion-icon name=\"chevron-down\" class=\"text-2xl transition-transform\" :class=\"{\n                'rotate-180' : showingSubMenus,\n            }\"></ion-icon>\n            <span class=\"mx-2\">{{ title }}</span>\n            <slot/>\n        </div>\n        <Link v-else :class=\"[{'flex-row-reverse': !right}, {'text-blue-400 [&>*]:fill-blue-400 group-hover:[&>*]:!fill-blue-400 font-medium': isActive}]\"\n              :href=\"url\"\n              :method=\"method\"\n              class=\"flex items-center justify-end py-3\"\n        >\n            <span class=\"mx-2\">{{ title }}</span>\n            <slot/>\n        </Link>\n        <slot v-if=\"showingSubMenus\" name=\"subMenu\"/>\n    </li>\n</template>\n","<script setup>\nimport {computed, ref, watch} from \"vue\";\nimport SideBarMenuItem from \"@/Components/Menus/SideBarMenuItem.vue\";\nimport Logo from \"@/Components/Icons/Logo.vue\";\nimport {route} from \"ziggy-js\";\nimport {usePage} from \"@inertiajs/vue3\";\nimport {HelpDeskUrl} from \"@/constants.js\";\n\nconst props = defineProps({\n    modelValue: Boolean,\n})\nconst emit = defineEmits(['update:modelValue']);\nconst showSideBar = ref(false),\n    page = usePage(),\n    categoriesWithSubcategories = computed(() => {\n        const categories = page.props.categories.reduce((acc, category) => {\n            if (!category.parent_id) {\n                acc[category.id] = {...category};\n                acc[category.id].subcategories = [];\n            }\n            return acc;\n        }, {});\n        page.props.categories.forEach(category => {\n            if (category.parent_id) {\n                categories[category.parent_id].subcategories.push(category);\n            }\n        });\n        return categories;\n    });\n\nwatch(() => props.modelValue, (val) => {\n    if (val) {\n        setTimeout(() => {\n            showSideBar.value = true\n        }, 1)\n    } else {\n        showSideBar.value = false\n    }\n})\nconst close = () => {\n    showSideBar.value = false\n    setTimeout(() => {\n        emit('update:modelValue', false)\n    }, 200)\n}\n</script>\n\n<template>\n    <div v-if=\"modelValue\" class=\"fixed left-0 top-0 h-screen flex w-screen z-20\">\n        <aside :class=\"{'-translate-x-96' : !showSideBar}\"\n               class=\"h-full w-3/5 transition-transform ease-out duration-200 max-w-[240px] sm:max-w-[512px]\">\n            <div class=\"h-full px-2 pt-8 py-4 overflow-y-auto bg-deep-blue\">\n                <div class=\"flex items-center justify-center\">\n                    <Logo class=\"self-center\"/>\n                </div>\n                <ul class=\"font-medium pt-2\">\n                    <SideBarMenuItem :title=\"$t('HOME')\" :url=\"route('home')\" right>\n                        <ion-icon name=\"home\" class=\"text-2xl\"></ion-icon>\n                    </SideBarMenuItem>\n                    <template v-for=\"category in categoriesWithSubcategories\">\n                        <SideBarMenuItem v-if=\"category.subcategories.length === 0\"\n                                         :url=\"route('category', category.slug)\" right\n                                         :title=\"category.title\" :type=\"category.slug\">\n                            <template v-if=\"category.slug === 'games'\">\n                                <ion-icon name=\"game-controller\" class=\"text-2xl\"></ion-icon>\n                            </template>\n                            <template v-else>\n                                <ion-icon name=\"key\" class=\"text-2xl\"></ion-icon>\n                            </template>\n                        </SideBarMenuItem>\n                        <SideBarMenuItem v-else :other-category=\"category.subcategories\" :title=\"category.title\"\n                                         url=\"#\" collapsing right>\n                            <template #subMenu>\n                                <ul>\n                                    <template v-for=\"subCategory in category.subcategories\">\n                                        <SideBarMenuItem right :title=\"subCategory.title\"\n                                                         :url=\"route('category', subCategory.slug)\"\n                                                         :type=\"subCategory.slug\">\n                                            <ion-icon name=\"ellipse\" class=\"text-xs\"></ion-icon>\n                                        </SideBarMenuItem>\n                                    </template>\n                                </ul>\n                            </template>\n                            <ion-icon name=\"library\" class=\"text-2xl\"></ion-icon>\n                        </SideBarMenuItem>\n                    </template>\n                    <li class=\"border-b border-dashed border-gray-200 last:border-none text-gray-300 text-sm\n  hover:text-blue-400 hover:border-blue-400 uppercase\">\n                        <a\n                            :href=\"HelpDeskUrl\"\n                            class=\"flex items-center justify-end py-3\"\n                            target=\"_blank\"\n                        >\n                            <span class=\"mx-2\">{{ $t('HELP CENTER') }}</span>\n                            <ion-icon name=\"help-circle\" class=\"text-2xl\"></ion-icon>\n                        </a>\n                    </li>\n\n                    <!--                    <li>-->\n                    <!--                        <a class=\"flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700\"-->\n                    <!--                           href=\"#\">-->\n                    <!--                            <svg aria-hidden=\"true\"-->\n                    <!--                                 class=\"w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white\"-->\n                    <!--                                 fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">-->\n                    <!--                                <path d=\"M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z\"></path>-->\n                    <!--                                <path d=\"M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z\"></path>-->\n                    <!--                            </svg>-->\n                    <!--                            <span class=\"ml-3\">Dashboard</span>-->\n                    <!--                        </a>-->\n                    <!--                    </li>-->\n                    <!--                    <li>-->\n                    <!--                        <a class=\"flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700\"-->\n                    <!--                           href=\"#\">-->\n                    <!--                            <svg aria-hidden=\"true\"-->\n                    <!--                                 class=\"flex-shrink-0 w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white\"-->\n                    <!--                                 fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">-->\n                    <!--                                <path-->\n                    <!--                                    d=\"M5 3a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2V5a2 2 0 00-2-2H5zM5 11a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2v-2a2 2 0 00-2-2H5zM11 5a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V5zM11 13a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z\"></path>-->\n                    <!--                            </svg>-->\n                    <!--                            <span class=\"flex-1 ml-3 whitespace-nowrap\">Kanban</span>-->\n                    <!--                            <span-->\n                    <!--                                class=\"inline-flex items-center justify-center px-2 ml-3 text-sm font-medium text-gray-800 bg-gray-200 rounded-full dark:bg-gray-700 dark:text-gray-300\">Pro</span>-->\n                    <!--                        </a>-->\n                    <!--                    </li>-->\n                    <!--                    <li>-->\n                    <!--                        <a class=\"flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700\"-->\n                    <!--                           href=\"#\">-->\n                    <!--                            <svg aria-hidden=\"true\"-->\n                    <!--                                 class=\"flex-shrink-0 w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white\"-->\n                    <!--                                 fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">-->\n                    <!--                                <path-->\n                    <!--                                    d=\"M8.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l2-2a1 1 0 00-1.414-1.414L11 7.586V3a1 1 0 10-2 0v4.586l-.293-.293z\"></path>-->\n                    <!--                                <path-->\n                    <!--                                    d=\"M3 5a2 2 0 012-2h1a1 1 0 010 2H5v7h2l1 2h4l1-2h2V5h-1a1 1 0 110-2h1a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V5z\"></path>-->\n                    <!--                            </svg>-->\n                    <!--                            <span class=\"flex-1 ml-3 whitespace-nowrap\">Inbox</span>-->\n                    <!--                            <span-->\n                    <!--                                class=\"inline-flex items-center justify-center w-3 h-3 p-3 ml-3 text-sm font-medium text-blue-800 bg-blue-100 rounded-full dark:bg-blue-900 dark:text-blue-300\">3</span>-->\n                    <!--                        </a>-->\n                    <!--                    </li>-->\n                    <!--                    <li>-->\n                    <!--                        <a class=\"flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700\"-->\n                    <!--                           href=\"#\">-->\n                    <!--                            <svg aria-hidden=\"true\"-->\n                    <!--                                 class=\"flex-shrink-0 w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white\"-->\n                    <!--                                 fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">-->\n                    <!--                                <path clip-rule=\"evenodd\" d=\"M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z\"-->\n                    <!--                                      fill-rule=\"evenodd\"></path>-->\n                    <!--                            </svg>-->\n                    <!--                            <span class=\"flex-1 ml-3 whitespace-nowrap\">Users</span>-->\n                    <!--                        </a>-->\n                    <!--                    </li>-->\n                    <!--                    <li>-->\n                    <!--                        <a class=\"flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700\"-->\n                    <!--                           href=\"#\">-->\n                    <!--                            <svg aria-hidden=\"true\"-->\n                    <!--                                 class=\"flex-shrink-0 w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white\"-->\n                    <!--                                 fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">-->\n                    <!--                                <path clip-rule=\"evenodd\"-->\n                    <!--                                      d=\"M10 2a4 4 0 00-4 4v1H5a1 1 0 00-.994.89l-1 9A1 1 0 004 18h12a1 1 0 00.994-1.11l-1-9A1 1 0 0015 7h-1V6a4 4 0 00-4-4zm2 5V6a2 2 0 10-4 0v1h4zm-6 3a1 1 0 112 0 1 1 0 01-2 0zm7-1a1 1 0 100 2 1 1 0 000-2z\"-->\n                    <!--                                      fill-rule=\"evenodd\"></path>-->\n                    <!--                            </svg>-->\n                    <!--                            <span class=\"flex-1 ml-3 whitespace-nowrap\">Products</span>-->\n                    <!--                        </a>-->\n                    <!--                    </li>-->\n                    <!--                    <li>-->\n                    <!--                        <a class=\"flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700\"-->\n                    <!--                           href=\"#\">-->\n                    <!--                            <svg aria-hidden=\"true\"-->\n                    <!--                                 class=\"flex-shrink-0 w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white\"-->\n                    <!--                                 fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">-->\n                    <!--                                <path clip-rule=\"evenodd\"-->\n                    <!--                                      d=\"M3 3a1 1 0 00-1 1v12a1 1 0 102 0V4a1 1 0 00-1-1zm10.293 9.293a1 1 0 001.414 1.414l3-3a1 1 0 000-1.414l-3-3a1 1 0 10-1.414 1.414L14.586 9H7a1 1 0 100 2h7.586l-1.293 1.293z\"-->\n                    <!--                                      fill-rule=\"evenodd\"></path>-->\n                    <!--                            </svg>-->\n                    <!--                            <span class=\"flex-1 ml-3 whitespace-nowrap\">Sign In</span>-->\n                    <!--                        </a>-->\n                    <!--                    </li>-->\n                    <!--                    <li>-->\n                    <!--                        <a class=\"flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700\"-->\n                    <!--                           href=\"#\">-->\n                    <!--                            <svg aria-hidden=\"true\"-->\n                    <!--                                 class=\"flex-shrink-0 w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white\"-->\n                    <!--                                 fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">-->\n                    <!--                                <path clip-rule=\"evenodd\"-->\n                    <!--                                      d=\"M5 4a3 3 0 00-3 3v6a3 3 0 003 3h10a3 3 0 003-3V7a3 3 0 00-3-3H5zm-1 9v-1h5v2H5a1 1 0 01-1-1zm7 1h4a1 1 0 001-1v-1h-5v2zm0-4h5V8h-5v2zM9 8H4v2h5V8z\"-->\n                    <!--                                      fill-rule=\"evenodd\"></path>-->\n                    <!--                            </svg>-->\n                    <!--                            <span class=\"flex-1 ml-3 whitespace-nowrap\">Sign Up</span>-->\n                    <!--                        </a>-->\n                    <!--                    </li>-->\n                </ul>\n            </div>\n        </aside>\n        <div class=\"w-2/5 bg-transparent\" @click=\"close\"></div>\n    </div>\n    <div v-if=\"modelValue\" class=\"bg-black dark:bg-slate-200 opacity-50 z-10 fixed left-0 top-0 h-screen w-screen\"></div>\n</template>\n","<template>\n    <svg fill=\"none\" height=\"30\" viewBox=\"0 0 30 30\" width=\"30\" xmlns=\"http://www.w3.org/2000/svg\">\n        <g clip-path=\"url(#clip0_114_344)\">\n            <path\n                d=\"M20.625 11.25C20.625 12.7418 20.0324 14.1726 18.9775 15.2275C17.9226 16.2824 16.4918 16.875 15 16.875C13.5082 16.875 12.0774 16.2824 11.0225 15.2275C9.96763 14.1726 9.375 12.7418 9.375 11.25C9.375 9.75816 9.96763 8.32742 11.0225 7.27252C12.0774 6.21763 13.5082 5.625 15 5.625C16.4918 5.625 17.9226 6.21763 18.9775 7.27252C20.0324 8.32742 20.625 9.75816 20.625 11.25Z\"\n                fill=\"white\"/>\n            <path clip-rule=\"evenodd\" d=\"M0 15C0 11.0218 1.58035 7.20644 4.3934 4.3934C7.20644 1.58035 11.0218 0 15 0C18.9782 0 22.7936 1.58035 25.6066 4.3934C28.4196 7.20644 30 11.0218 30 15C30 18.9782 28.4196 22.7936 25.6066 25.6066C22.7936 28.4196 18.9782 30 15 30C11.0218 30 7.20644 28.4196 4.3934 25.6066C1.58035 22.7936 0 18.9782 0 15ZM15 1.875C12.5283 1.87513 10.1069 2.57318 8.01451 3.8888C5.92207 5.20442 4.24366 7.08414 3.17243 9.31161C2.10121 11.5391 1.68072 14.0238 1.95937 16.4797C2.23802 18.9356 3.20447 21.2629 4.7475 23.1938C6.07875 21.0487 9.00938 18.75 15 18.75C20.9906 18.75 23.9194 21.0469 25.2525 23.1938C26.7955 21.2629 27.762 18.9356 28.0406 16.4797C28.3193 14.0238 27.8988 11.5391 26.8276 9.31161C25.7563 7.08414 24.0779 5.20442 21.9855 3.8888C19.8931 2.57318 17.4717 1.87513 15 1.875Z\"\n                  fill=\"white\"\n                  fill-rule=\"evenodd\"/>\n        </g>\n        <defs>\n            <clipPath id=\"clip0_114_344\">\n                <rect fill=\"white\" height=\"30\" width=\"30\"/>\n            </clipPath>\n        </defs>\n    </svg>\n</template>\n","<script setup>\n\n</script>\n\n<template>\n    <svg width=\"14\" height=\"12\" viewBox=\"0 0 14 12\" class=\"fill-gray-300\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.962427 4.99468C4.72052 3.35734 7.2265 2.2779 8.48037 1.75637C12.0604 0.2673 12.8043 0.00863244 13.2892 9.107e-05C13.3959 -0.00178751 13.6343 0.0246415 13.7887 0.14997C13.9192 0.255795 13.955 0.39875 13.9722 0.499084C13.9894 0.599418 14.0108 0.827981 13.9938 1.00657C13.7998 3.045 12.9603 7.99172 12.5332 10.2748C12.3525 11.2408 11.9967 11.5648 11.6522 11.5965C10.9036 11.6654 10.3351 11.1017 9.61007 10.6264C8.47546 9.88267 7.83448 9.41969 6.73315 8.69392C5.46037 7.85518 6.28546 7.39419 7.01082 6.64081C7.20064 6.44365 10.4991 3.44345 10.5629 3.17128C10.5709 3.13724 10.5783 3.01036 10.503 2.94336C10.4276 2.87637 10.3163 2.89928 10.236 2.9175C10.1223 2.94332 8.3097 4.14135 4.79841 6.51158C4.28392 6.86486 3.81791 7.037 3.40039 7.02798C2.9401 7.01803 2.05469 6.76772 1.39648 6.55376C0.589162 6.29134 -0.0524811 6.15259 0.00339163 5.7069C0.0324936 5.47476 0.352172 5.23735 0.962427 4.99468Z\" />\n    </svg>\n\n</template>\n\n<style scoped>\n\n</style>\n","<template>\n    <svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M11.7879 7.82769C11.9689 8.03626 12.2847 8.05863 12.4932 7.87765C12.7018 7.69667 12.7242 7.38088 12.5432 7.17231L11.7879 7.82769ZM8.21212 12.1723C8.03115 11.9637 7.71535 11.9414 7.50678 12.1223C7.29821 12.3033 7.27584 12.6191 7.45682 12.8277L8.21212 12.1723ZM10.5 5.83333C10.5 5.55719 10.2761 5.33333 10 5.33333C9.72386 5.33333 9.5 5.55719 9.5 5.83333H10.5ZM9.5 14.1667C9.49999 14.4428 9.72385 14.6667 9.99999 14.6667C10.2761 14.6667 10.5 14.4428 10.5 14.1667L9.5 14.1667ZM17 10C17 13.866 13.866 17 10 17V18C14.4183 18 18 14.4183 18 10H17ZM10 17C6.13401 17 3 13.866 3 10H2C2 14.4183 5.58172 18 10 18V17ZM3 10C3 6.13401 6.13401 3 10 3V2C5.58172 2 2 5.58172 2 10H3ZM10 3C13.866 3 17 6.13401 17 10H18C18 5.58172 14.4183 2 10 2V3ZM10 9.5C9.39459 9.5 8.86911 9.3355 8.50958 9.09582C8.14656 8.85381 8 8.57438 8 8.33333H7C7 9.01276 7.41308 9.56667 7.95488 9.92787C8.50018 10.2914 9.2247 10.5 10 10.5V9.5ZM8 8.33333C8 8.09229 8.14656 7.81286 8.50958 7.57085C8.86911 7.33116 9.39459 7.16667 10 7.16667V6.16667C9.2247 6.16667 8.50018 6.37526 7.95488 6.7388C7.41308 7.1 7 7.6539 7 8.33333H8ZM10 7.16667C10.822 7.16667 11.4748 7.46689 11.7879 7.82769L12.5432 7.17231C11.9917 6.53678 11.0287 6.16667 10 6.16667V7.16667ZM10 10.5C10.6054 10.5 11.1309 10.6645 11.4904 10.9042C11.8535 11.1462 12 11.4256 12 11.6667H13C13 10.9872 12.5869 10.4333 12.0451 10.0721C11.4998 9.7086 10.7753 9.5 10 9.5V10.5ZM9.5 5.83333V6.66667H10.5V5.83333H9.5ZM9.50002 13.3333L9.5 14.1667L10.5 14.1667L10.5 13.3333L9.50002 13.3333ZM10 12.8333C9.17799 12.8333 8.52519 12.5331 8.21212 12.1723L7.45682 12.8277C8.00828 13.4632 8.97135 13.8333 10 13.8333L10 12.8333ZM12 11.6667C12 11.9077 11.8535 12.1871 11.4904 12.4292C11.1309 12.6688 10.6054 12.8333 10 12.8333V13.8333C10.7753 13.8333 11.4998 13.6247 12.0451 13.2612C12.5869 12.9 13 12.3461 13 11.6667H12ZM9.5 6.66667L9.50002 13.3333L10.5 13.3333L10.5 6.66667L9.5 6.66667Z\"/>\n    </svg>\n</template>\n","<script setup>\nimport {computed, ref, watch} from \"vue\";\nimport SideBarMenuItem from \"@/Components/Menus/SideBarMenuItem.vue\";\nimport {usePage} from \"@inertiajs/vue3\";\nimport Profile from \"@/Components/Icons/Profile.vue\";\nimport {route} from \"ziggy-js\";\nimport {HelpDeskUrl, tgSupportUrl} from \"@/constants.js\";\nimport Airplane from \"@/Components/Icons/Airplane.vue\";\nimport CurrencyDollar from \"@/Components/Icons/CurrencyDollar.vue\";\n\nconst props = defineProps({\n    modelValue: Boolean,\n})\nconst emit = defineEmits(['update:modelValue']);\nconst showSideBar = ref(false)\nwatch(() => props.modelValue, (val) => {\n    if (val) {\n        setTimeout(() => {\n            showSideBar.value = true\n        }, 1)\n    } else {\n        showSideBar.value = false\n    }\n})\nconst close = () => {\n    showSideBar.value = false\n    setTimeout(() => {\n        emit('update:modelValue', false)\n    }, 200)\n}\nconst page = usePage()\nconst isAuthenticated = computed(() => page.props.auth.user ?? false)\n</script>\n\n<template>\n    <div v-if=\"modelValue\" class=\"fixed left-0 top-0 h-screen flex w-screen z-40 justify-between\">\n        <div class=\"flex-auto bg-transparent\" @click=\"close\"></div>\n        <aside :class=\"{'translate-x-96' : !showSideBar}\"\n               class=\"h-full w-3/5 transition-transform ease-out duration-200 max-w-[240px] sm:max-w-[420px] sm:max-w-[512px]\">\n            <div class=\"h-full px-2 pt-3 py-4 overflow-y-auto bg-deep-blue\">\n                <div class=\"flex justify-end\">\n                    <div class=\"mr-3 align-top\">\n                        <span class=\"text-gray-300 font-condensed mr-1 px-1 align-top text-sm\">{{\n                                page.props.auth.user?.name ?? ''\n                            }}</span>\n                        <span class=\"bg-green-600 rounded-full pr-1 text-white text-xs align-top\">\n                            Online\n                        </span>\n                    </div>\n                    <div v-if=\"isAuthenticated\"\n                         class=\"w-16 h-16 bg-gray-200 rounded-full border border-gray-300 shrink-0\">\n                        <img class=\"w-full h-full rounded-full\" :src=\"page.props.auth.user.profile_photo_url\"\n                             alt=\"avatar\"/>\n                    </div>\n                    <Profile v-else class=\"border border-gray-300\"/>\n                </div>\n                <ul class=\"font-medium pt-2\">\n                    <SideBarMenuItem :active=\"route().current('referral.index')\"\n                                     :url=\"route('referral.index')\" class=\"text-red-600 border-none font-semibold font-condensed group uppercase\"\n                                     :title=\"$t('Referral program')\">\n                    <CurrencyDollar class=\"w-6 fill-red-600 group-hover:fill-blue-400\"/>\n\n                    </SideBarMenuItem>\n                    <SideBarMenuItem :active=\"route().current('orders.index')\" :url=\"route('orders.index')\"\n                                     :title=\"$t('MY PURCHASES')\">\n                        <ion-icon name=\"bag\" class=\"text-2xl\"></ion-icon>\n                    </SideBarMenuItem>\n                    <SideBarMenuItem :url=\"route('user.offers')\" :title=\"$t('MY OFFERS')\"\n                                     :active=\"route().current('user.offers')\">\n                        <ion-icon name=\"list-outline\" class=\"text-2xl\"></ion-icon>\n                    </SideBarMenuItem>\n                    <SideBarMenuItem :active=\"route().current('sales.index')\" :url=\"route('sales.index')\"\n                                     :title=\"$t('MY SALES')\">\n                        <ion-icon name=\"bar-chart\" class=\"text-2xl\"></ion-icon>\n                    </SideBarMenuItem>\n                    <SideBarMenuItem :url=\"route('transactions.index')\" :title=\"$t('WALLET')\">\n                        <ion-icon name=\"wallet\" class=\"text-2xl\"></ion-icon>\n                    </SideBarMenuItem>\n                    <SideBarMenuItem :url=\"route('review.index')\" :title=\"$t('Rating and reviews')\">\n                        <ion-icon name=\"star\" class=\"text-2xl\"></ion-icon>\n                    </SideBarMenuItem>\n                    <li class=\"border-b border-dashed border-gray-200 last:border-none text-gray-300 text-sm\n  hover:text-blue-400 hover:border-blue-400 uppercase\">\n                        <a\n                            :href=\"HelpDeskUrl\"\n                            class=\"flex items-center justify-end py-3 flex-row-reverse\"\n                            target=\"_blank\"\n                        >\n                            <span class=\"mx-2\">{{ $t('HELP CENTER') }}</span>\n                            <ion-icon name=\"help-circle\" class=\"text-2xl\"></ion-icon>\n                        </a>\n                    </li>\n                    <li class=\"border-b border-dashed border-gray-200 last:border-none text-gray-300 text-sm\n  hover:text-blue-400 hover:border-blue-400 uppercase group\">\n                        <a\n                            :href=\"tgSupportUrl\"\n                            class=\"flex items-center justify-end py-3 flex-row-reverse\"\n                            target=\"_blank\"\n                        >\n                            <span class=\"mx-2\">{{$t('Support in Telegram')}}</span>\n                            <span class=\"block w-5 h-5 flex\">\n                                <Airplane class=\"m-auto group-hover:fill-blue-400 transition-colors\"/>\n                            </span>\n                        </a>\n                    </li>\n                    <SideBarMenuItem :title=\"$t('SETTINGS')\" :url=\"route('profile.show')\"\n                                     :active=\"route().current('profile.show')\">\n                        <ion-icon name=\"cog\" class=\"text-2xl\"></ion-icon>\n                    </SideBarMenuItem>\n                    <SideBarMenuItem :url=\"route('logout')\" method=\"post\" :title=\"$t('LOG OUT')\">\n                        <ion-icon name=\"exit\" class=\"text-2xl\"></ion-icon>\n                    </SideBarMenuItem>\n                </ul>\n            </div>\n        </aside>\n\n    </div>\n    <div v-if=\"modelValue\" class=\"h-full bg-black dark:bg-slate-200 opacity-50 z-30 fixed left-0 top-0 h-screen w-screen\"></div>\n</template>\n","<script setup>\nimport {computed, ref} from \"vue\";\nimport {Link} from '@inertiajs/vue3'\nimport {clickOutSide as vClickOutside} from \"@/vClickOutside.js\";\nimport {route} from \"ziggy-js\";\n\nconst props = defineProps({\n    title: String,\n    url: String,\n    collapsing: Boolean,\n    right: Boolean,\n    method: {\n        type: String,\n        default: 'get'\n    },\n    type: {\n        type: String,\n        default: null\n    },\n    otherCategory: {\n        type: Array,\n        default: null\n    }\n})\n\nconst showingSubMenus = ref(false);\nconst onClickOutside = () => {\n    if (showingSubMenus.value) showingSubMenus.value = false\n}\n\nconst isActive = computed(() => {\n    if (props.collapsing) {\n        return props.otherCategory.some(item => route().current('category', item.slug))\n    }\n    if(props.type === 'home') {\n        return route().current(props.type)\n    }\n    return route().current('category', props.type)\n})\n\n</script>\n\n<template>\n    <li class=\"text-gray-400 font-medium text-sm flex items-center px-2 hover:text-blue-400 uppercase\">\n        <div v-if=\"collapsing\" v-click-outside=\"onClickOutside\" class=\"h-full\">\n            <div\n                class=\"flex items-center h-full justify-center\"\n            >\n                <a :class=\"{'text-blue-400 font-medium': isActive}\" href=\"#\"\n                   @click.prevent=\"showingSubMenus = !showingSubMenus\"\n                class=\"whitespace-nowrap\">\n                    <span class=\"align-middle\">{{ title }}</span>\n                    <ion-icon :class=\"{\n                'rotate-180' : showingSubMenus,\n            }\" name=\"chevron-down\" class=\"text-2xl transition-transform align-middle\"></ion-icon>\n                </a>\n                <slot/>\n            </div>\n            <div v-if=\"showingSubMenus\" class=\"absolute flex items-center px-2.5 bg-deep-blue -ml-4 z-10 \">\n                <slot name=\"subMenu\"/>\n            </div>\n        </div>\n        <Link v-else\n              :href=\"url\"\n              :method=\"method\"\n              :class=\"{'text-blue-400 font-medium': isActive}\"\n        >\n            <span class=\"whitespace-nowrap\">{{ title }}</span>\n            <slot/>\n        </Link>\n        <slot name=\"doth\"/>\n    </li>\n</template>\n\n<style scoped>\n\n</style>\n","<script setup>\n\n</script>\n\n<template>\n    <svg class=\"fill-gray-400\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M10 11.875C11.0355 11.875 11.875 11.0355 11.875 10C11.875 8.96447 11.0355 8.125 10 8.125C8.96447 8.125 8.125 8.96447 8.125 10C8.125 11.0355 8.96447 11.875 10 11.875Z\"/>\n    </svg>\n</template>\n\n<style scoped>\n\n</style>\n","<script setup>\nimport HorizontalMenuItem from \"@/Components/Menus/HorizontalMenuItem.vue\";\nimport {route} from \"ziggy-js\";\nimport {usePage} from \"@inertiajs/vue3\";\nimport Ellips from \"@/Components/Icons/Ellips.vue\";\nimport {computed} from \"vue\";\n\nconst page = usePage();\nconst categoriesWithSubcategories = computed(() => {\n    const categories = page.props.categories?.reduce((acc, category) => {\n        if (!category.parent_id) {\n            acc[category.id] = {...category};\n            acc[category.id].subcategories = [];\n        }\n        return acc;\n    }, {});\n    page.props.categories.forEach(category => {\n        if (category.parent_id) {\n            categories[category.parent_id].subcategories.push(category);\n        }\n    });\n    return categories;\n});\n\n</script>\n\n<template>\n    <ul class=\"flex-row\">\n        <template v-for=\"category in categoriesWithSubcategories\">\n            <HorizontalMenuItem v-if=\"category.subcategories.length === 0\" :url=\"route('category', category.slug)\"\n                                :title=\"category.title\"\n                                :type=\"category.slug\"/>\n            <HorizontalMenuItem v-else :other-category=\"category.subcategories\" :title=\"category.title\" collapsing\n                                url=\"#\">\n                <template #subMenu>\n                    <ul class=\"list-disc\">\n                        <template v-for=\"subCategory in category.subcategories\">\n                            <HorizontalMenuItem :title=\"subCategory.title\" :url=\"route('category', subCategory.slug)\"\n                                                class=\"gap-1.5 !justify-end py-1.5 !px-0 group\"\n                                                :type=\"subCategory.slug\">\n                                <template #doth>\n                                    <Ellips class=\"group-hover:fill-blue-400\"/>\n                                </template>\n                            </HorizontalMenuItem>\n                        </template>\n                    </ul>\n                </template>\n            </HorizontalMenuItem>\n        </template>\n    </ul>\n</template>\n","<script setup>\nimport Arrow from \"@/Components/Icons/Arrow.vue\";\nimport {clickOutSide as vClickOutside} from \"@/vClickOutside.js\";\nimport {getLang, getLangs} from \"@/constants.js\";\nimport {onSelectLang} from \"@/helper.js\";\nimport {ref} from \"vue\";\n\nconst showLangs = ref(false);\nconst lang = getLang()\nconst hideLangs = () => {\n    if (showLangs.value) {\n        showLangs.value = false\n    }\n}\n\n</script>\n<template>\n    <div v-click-outside=\"hideLangs\" class=\"relative\" @click=\"showLangs = !showLangs\">\n        <div class=\"flex gap-2 text-sm items-center group\">\n            <ion-icon name=\"globe\"\n                      class=\"text-xl align-middle group-hover:text-blue-400 transition-colors\"></ion-icon>\n            <span class=\"cursor-pointer group-hover:text-blue-400 transition-colors\">{{\n                    lang.short\n                }}</span>\n            <arrow\n                class=\"!stroke-white !fill-white w-3 group-hover:!stroke-blue-400 group-hover:!fill-blue-400 transition-colors duration-100\"/>\n        </div>\n        <div v-if=\"showLangs\" class=\"absolute z-10 top-10\">\n            <div class=\" flex items-center px-2.5 bg-deep-blue\">\n                <ul>\n                    <li v-for=\"itemLang in getLangs()\"\n                        class=\"py-1.5 hover:text-blue-400 transition-all uppercase cursor-pointer text-sm\"\n                        @click=\"onSelectLang(itemLang)\"\n                    >{{ itemLang.name }}\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n</template>\n","<script setup>\nimport {getCurrencies, getLang, getLangs} from \"@/constants.js\";\nimport Button from \"@/Components/Button.vue\";\nimport Card from \"@/Components/Card.vue\";\nimport Modal from \"@/Components/Modal.vue\";\nimport {ref, watch} from \"vue\";\nimport {activeCurrency, onSelectCurrency, onSelectLang} from \"@/helper.js\";\n\nconst lang = ref(getLang())\nwatch(lang, onSelectLang)\nconst showModalLangs = ref(false);\n\nconst currencies = getCurrencies()\nconst currency = ref(currencies.find(item => item.code === activeCurrency.value.code))\nwatch(currency, onSelectCurrency)\n</script>\n<template>\n  <button class=\"text-white lg:hidden flex items-center\" @click=\"showModalLangs = true\">\n    <ion-icon name=\"globe\"\n              class=\"text-xl  align-middle group-hover:text-blue-400 transition-colors\"></ion-icon>\n  </button>\n  <Modal :show=\"showModalLangs\" @close=\"showModalLangs = false\">\n    <Card class=\"flex flex-col py-5 px-3 gap-6\">\n      <p class=\"px-2.5 text-center text-sm font-medium dark:text-slate-200\">Выберите язык | Choose language</p>\n      <template v-for=\"itemLang in getLangs()\">\n        <div class=\"px-7.5 pb-1.5 flex justify-between\">\n          <span class=\"font-normal tracking-wide uppercase dark:text-slate-200\">{{ itemLang.name }}</span>\n          <input v-model=\"lang\" :checked=\"lang.code === itemLang.code\" :value=\"itemLang\" type=\"radio\">\n        </div>\n      </template>\n      <p class=\"px-2.5 text-center text-sm font-medium dark:text-slate-200\">Выберите валюту | Choose currency</p>\n        <template v-for=\"itemCurrency in currencies\">\n        <div class=\"px-7.5 pb-1.5 flex justify-between\">\n          <span class=\"font-normal tracking-wide uppercase dark:text-slate-200\">{{ itemCurrency.code }}</span>\n            <input v-model=\"currency\" :checked=\"currency.code === itemCurrency.code\" :value=\"itemCurrency\" type=\"radio\">\n        </div>\n      </template>\n      <div class=\"flex mx-auto\">\n        <Button class=\"uppercase\" text=\"ok\" type=\"primary\" @click=\"showModalLangs = false\"/>\n      </div>\n\n    </Card>\n  </Modal>\n</template>\n\n<style scoped>\n[type='radio']:checked {\n  border-color: transparent;\n  background-color: currentColor;\n  background-size: 100% 100%;\n  background-position: center;\n  background-repeat: no-repeat;\n}\n</style>\n","<script setup>\n\nimport {getCurrencies} from \"@/constants.js\";\nimport {clickOutSide as vClickOutside} from \"@/vClickOutside.js\";\nimport Rubel from \"@/Components/Icons/Rubel.vue\";\nimport Usd from \"@/Components/Icons/Usd.vue\";\nimport Arrow from \"@/Components/Icons/Arrow.vue\";\nimport {activeCurrency, onSelectCurrency} from \"@/helper.js\";\nimport {ref} from \"vue\";\n\nconst showCurrency = ref(false)\nconst hideCurrency = () => {\n    if (showCurrency.value) {\n        showCurrency.value = false\n    }\n}\n\n</script>\n\n<template>\n    <div v-click-outside=\"hideCurrency\" class=\"relative \" @click=\"showCurrency = !showCurrency\">\n        <div class=\"flex gap-2 text-sm items-center group\">\n            <Rubel v-if=\"activeCurrency?.code === 'RUB'\" class=\"!stroke-white group-hover:!stroke-blue-400\"/>\n            <Usd v-else class=\"!stroke-white group-hover:!stroke-blue-400\"/>\n            <span class=\"cursor-pointer group-hover:text-blue-400 transition-colors leading-full\">{{\n                    activeCurrency.code\n                }}</span>\n            <arrow\n                class=\"!stroke-white !fill-white w-3 group-hover:!stroke-blue-400 group-hover:!fill-blue-400 transition-colors duration-100\"/>\n        </div>\n        <div v-if=\"showCurrency\" class=\"absolute z-10 top-10 left-1/2 -translate-x-1/2\">\n            <div class=\" flex items-center px-2.5 bg-deep-blue\">\n                <ul>\n                    <li class=\"py-1.5 hover:text-blue-400 transition-all uppercase cursor-pointer text-sm\"\n                        v-for=\"itemCurrency in getCurrencies()\"\n                        @click=\"onSelectCurrency(itemCurrency)\"\n                    >{{ itemCurrency.code }}\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n</template>\n\n<style scoped>\n\n</style>\n","<template>\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" class=\"hover:text-blue-400\">\n        <path d=\"M10 2a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1ZM14 10a4 4 0 1 1-8 0 4 4 0 0 1 8 0ZM13.536 14.95l.707.707a1 1 0 0 0 1.414-1.414l-.707-.707a1 1 0 0 0-1.414 1.414ZM15.657 4.343a1 1 0 0 1 0 1.414l-.707.707a1 1 0 1 1-1.414-1.414l.707-.707a1 1 0 0 1 1.414 0ZM17 11a1 1 0 1 0 0-2h-1a1 1 0 1 0 0 2h1ZM10 15a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1ZM5.05 6.464A1 1 0 1 0 6.465 5.05l-.708-.707a1 1 0 0 0-1.414 1.414l.707.707ZM6.464 14.95l-.707.707a1 1 0 0 1-1.414-1.414l.707-.707a1 1 0 0 1 1.414 1.414ZM4 11a1 1 0 1 0 0-2H3a1 1 0 0 0 0 2h1Z\"/>\n    </svg>\n</template>\n","<template>\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M17.2929 13.2933C16.2886 13.7474 15.1738 14.0003 14 14.0003C9.58172 14.0003 6 10.4185 6 6.00026C6 4.82629 6.25287 3.71138 6.70712 2.70703C3.93137 3.96228 2 6.75563 2 10.0001C2 14.4183 5.58172 18.0001 10 18.0001C13.2443 18.0001 16.0376 16.0689 17.2929 13.2933Z\"/>\n    </svg>\n</template>\n","<script setup>\nimport {Link, router, usePage} from '@inertiajs/vue3';\nimport ResponsiveNavLink from '@/Components/ResponsiveNavLink.vue';\nimport {computed, inject, ref, watch} from \"vue\";\nimport SearchInput from \"@/Components/SearchInput.vue\";\nimport Menu from \"@/Components/Icons/Menu.vue\";\nimport Logo from \"@/Components/Icons/Logo.vue\";\nimport SideBarMenu from \"@/Components/Menus/SideBarMenu.vue\";\nimport ProfileMenu from \"@/Components/Menus/ProfileSidebarMenu.vue\";\nimport HorizontalMenu from \"@/Components/Menus/HorizontalMenu.vue\";\nimport {route} from \"ziggy-js\";\nimport NavLink from \"@/Components/NavLink.vue\";\nimport {storeToRefs} from \"pinia\";\nimport {useThread} from \"@/Store/Thread.js\";\nimport {HelpDeskUrl} from \"@/constants.js\";\nimport GoogleOneTap from \"@/Pages/Auth/GoogleOneTap.vue\";\n// import YandexOneTap from \"@/Pages/Auth/YandexOneTap.vue\";\nimport {useUser} from \"@/Store/User.js\";\nimport SidebarLangSwitch from \"@/Components/SidebarLangSwitch.vue\";\nimport MobileSidebarLangSwitch from \"@/Components/MobileSidebarLangSwitch.vue\";\nimport SidebarCurrencySwitch from \"@/Components/SidebarCurrencySwitch.vue\";\nimport LightTheme from \"@/Components/Icons/LightTheme.vue\";\nimport DarkTheme from \"@/Components/Icons/DarkTheme.vue\";\n\nconst logout = () => {\n    router.post(route('logout'));\n};\nconst showingNavigationDropdown = ref(false);\n\nconst switchToTeam = (team) => {\n    router.put(route('current-team.update'), {\n        team_id: team.id,\n    }, {\n        preserveState: false,\n    });\n};\nconst page = usePage()\nconst isAuthenticated = computed(() => page.props.auth?.user ?? false)\nconst showTeamControls = false;\nconst showSideBarMenu = ref(false)\nconst showProfileMenu = ref(false)\nconst searchFocus = ref(false)\nconst toggleSearchFocus = () => searchFocus.value = false\nconst updateChannel = inject('updateChannel')\nconst updateMessageChannel = inject('updateMessageChannel'),\n    {hasNewMessage} = storeToRefs(useThread())\n\nwatch(isAuthenticated, () => {\n    updateChannel(page.props.auth?.user)\n    updateMessageChannel(page.props.auth?.user)\n})\nconst userStore = useUser();\n</script>\n\n<template>\n    <nav class=\"bg-deep-blue border-b border-gray-100 dark:border-deep-blue\">\n        <!-- Primary Navigation Menu -->\n        <div class=\"max-w-7xl mx-auto px-2 pt-2 sm:px-6 sm:py-0 lg:px-3\">\n            <div class=\"grid grid-cols-12 sm:flex\">\n                <div class=\"flex justify-self-end col-span-1 pl-2 lg:hidden\">\n                    <!-- Logo -->\n                    <div class=\"shrink-0 flex items-center\" data-drawer-target=\"default-sidebar\"\n                         data-drawer-toggle=\"default-sidebar\">\n                        <button class=\"w-8 h-8 flex border border-gray-300 rounded-full\" type=\"button\"\n                                @click=\"showSideBarMenu = true\">\n                            <Menu class=\"m-auto\"/>\n                        </button>\n                        <SideBarMenu v-model=\"showSideBarMenu\"/>\n                    </div>\n                </div>\n                <Link class=\"flex justify-self-end col-start-5 col-end-7 sm:px-2 sm:mx-5 lg:mx-0\" :href=\"route('home')\">\n                    <Logo class=\"self-center\"/>\n                </Link>\n                <!-- Navigation Links -->\n\n                <HorizontalMenu :style=\"searchFocus ? 'width: 0' : 'width: 100%'\"\n                                :class=\"{'mr-4': !searchFocus}\"\n                                class=\"hidden !max-w-min lg:flex transition-all w-full\"/>\n                <!-- Hamburger -->\n                <div v-if=\"isAuthenticated\"\n                     class=\"flex items-center col-start-7 sm:col-start-auto col-end-13 justify-self-end sm:order-last sm:pl-5 shrink-0 gap-2 max-w-fit\">\n                    <div class=\"hidden lg:flex gap-2 text-white items-center\">\n                        <SidebarLangSwitch/>\n                        <SidebarCurrencySwitch/>\n                    </div>\n                    <MobileSidebarLangSwitch/>\n                    <div @click=\"userStore.toggleTheme()\" class=\"mr-2 ml-2 lg:flex gap-2 text-white items-center cursor-pointer\">\n                        <LightTheme class=\"fill-white hover:fill-blue-400 transition-all duration-200\"  v-if=\"userStore.theme === 'dark'\"/>\n                        <DarkTheme class=\"fill-white hover:fill-blue-400 transition-all duration-200\"  v-if=\"userStore.theme === 'light'\"/>\n                    </div>\n\n                    <NavLink class=\"flex relative\" :href=\"route('threads.index')\">\n                        <ion-icon name=\"chatbubble-ellipses\"\n                                  class=\"text-2xl leading-full text-white hover:text-blue-400 transition-colors duration-200\"/>\n                        <div v-if=\"hasNewMessage || $page.props.has_new_messages\"\n                             class=\"bg-red-500 rounded-full w-2 h-2 absolute top-0 right-0\"></div>\n                    </NavLink>\n                    <button\n                        class=\"inline-flex items-center min-w-max justify-center p-2 rounded-md text-gray-400 transition duration-150 ease-in-out \"\n                        @click=\"showProfileMenu = !showProfileMenu\"\n                    >\n                        <img :src=\"page.props.auth.user.profile_photo_url\" alt=\"avatar\"\n                             class=\"rounded-full w-8 h-8 relative border border-gray-300 hover:brightness-90 transition-all\"/>\n                    </button>\n                    <ProfileMenu v-model=\"showProfileMenu\"/>\n                </div>\n                <div v-else\n                     class=\"flex items-center justify-center col-start-auto col-end-13 sm:order-last pr-2 sm:pl-5 justify-self-end gap-2.5\">\n\n                    <div class=\"hidden lg:flex gap-2 text-white items-center\">\n                        <SidebarLangSwitch/>\n                        <SidebarCurrencySwitch/>\n                    </div>\n                    <MobileSidebarLangSwitch/>\n                    <div @click=\"userStore.toggleTheme()\" class=\"mr-2 ml-2 lg:flex gap-2 text-white items-center cursor-pointer\">\n                        <LightTheme class=\"fill-white hover:fill-blue-400 transition-all duration-200\" v-if=\"userStore.theme === 'dark'\"/>\n                        <DarkTheme class=\"fill-white hover:fill-blue-400 transition-all duration-200\"  v-if=\"userStore.theme === 'light'\"/>\n                    </div>\n                    <a :href=\"HelpDeskUrl\" class=\"flex\" target=\"_blank\">\n                        <ion-icon name=\"help-circle\"\n                                  class=\"text-2xl leading-full text-white hover:text-blue-400 transition-colors duration-200\"/>\n                    </a>\n                    <NavLink :href=\"route('login')\"\n                             class=\"rounded-full w-8 h-8 border border-gray-400 flex justify-center items-center bg-black hover:bg-blue-400 dark:hover:bg-blue-400 transition-colors duration-200\">\n                        <ion-icon name=\"person\" class=\"text-2xl text-slate-100\"/>\n                    </NavLink>\n                </div>\n                <div class=\"col-span-12 grow w-full transition-all duration-500\">\n                    <SearchInput class=\"transition-all\" @on-focus=\"searchFocus = true\" @on-close=\"toggleSearchFocus\"/>\n                </div>\n            </div>\n        </div>\n        <!-- Responsive Navigation Menu -->\n        <div v-if=\"isAuthenticated\" :class=\"{'block': showingNavigationDropdown, 'hidden': ! showingNavigationDropdown}\"\n             class=\"sm:hidden\">\n            <div class=\"pt-2 pb-3 space-y-1\">\n                <ResponsiveNavLink :href=\"route('home')\" :active=\"route().current('home')\">\n                    Dashboard\n                </ResponsiveNavLink>\n            </div>\n\n            <!-- Responsive Settings Options -->\n            <div class=\"pt-4 pb-1 border-t border-gray-200\">\n                <div class=\"flex items-center px-4\">\n                    <div v-if=\"$page.props.jetstream.managesProfilePhotos\" class=\"shrink-0 mr-3\">\n                        <img class=\"h-10 w-10 rounded-full object-cover\" :src=\"$page.props.auth.user.profile_photo_url\"\n                             :alt=\"$page.props.auth.user.name\">\n                    </div>\n\n                    <div>\n                        <div class=\"font-medium text-base text-gray-800\">\n                            {{ $page.props.auth.user.name }}\n                        </div>\n                        <div class=\"font-medium text-sm text-gray-500\">\n                            {{ $page.props.auth.user.email }}\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"mt-3 space-y-1\">\n                    <ResponsiveNavLink :href=\"route('profile.show')\" :active=\"route().current('profile.show')\">\n                        Profile\n                    </ResponsiveNavLink>\n\n                    <ResponsiveNavLink v-if=\"$page.props.jetstream.hasApiFeatures\" :href=\"route('api-tokens.index')\"\n                                       :active=\"route().current('api-tokens.index')\">\n                        API Tokens\n                    </ResponsiveNavLink>\n\n                    <!-- Authentication -->\n                    <form method=\"POST\" @submit.prevent=\"logout\">\n                        <ResponsiveNavLink as=\"button\">\n                            Log Out\n                        </ResponsiveNavLink>\n                    </form>\n\n                    <!-- Team Management -->\n                    <template v-if=\"$page.props.jetstream.hasTeamFeatures && showTeamControls\">\n                        <div class=\"border-t border-gray-200\"/>\n\n                        <div class=\"block px-4 py-2 text-xs text-gray-400\">\n                            Manage Team\n                        </div>\n\n                        <!-- Team Settings -->\n                        <ResponsiveNavLink :href=\"route('teams.show', $page.props.auth.user.current_team)\"\n                                           :active=\"route().current('teams.show')\">\n                            Team Settings\n                        </ResponsiveNavLink>\n\n                        <ResponsiveNavLink v-if=\"$page.props.jetstream.canCreateTeams\" :href=\"route('teams.create')\"\n                                           :active=\"route().current('teams.create')\">\n                            Create New Team\n                        </ResponsiveNavLink>\n\n                        <!-- Team Switcher -->\n                        <template v-if=\"$page.props.auth.user.all_teams.length > 1\">\n                            <div class=\"border-t border-gray-200\"/>\n\n                            <div class=\"block px-4 py-2 text-xs text-gray-400\">\n                                Switch Teams\n                            </div>\n\n                            <template v-for=\"team in $page.props.auth.user.all_teams\" :key=\"team.id\">\n                                <form @submit.prevent=\"switchToTeam(team)\">\n                                    <ResponsiveNavLink as=\"button\">\n                                        <div class=\"flex items-center\">\n                                            <svg v-if=\"team.id === $page.props.auth.user.current_team_id\"\n                                                 class=\"mr-2 h-5 w-5 text-green-400\" xmlns=\"http://www.w3.org/2000/svg\"\n                                                 fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"\n                                                 stroke=\"currentColor\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                                                      d=\"M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"/>\n                                            </svg>\n                                            <div>{{ team.name }}</div>\n                                        </div>\n                                    </ResponsiveNavLink>\n                                </form>\n                            </template>\n                        </template>\n                    </template>\n                </div>\n            </div>\n        </div>\n        <!--        <div v-else :class=\"{'block': showingNavigationDropdown, 'hidden': ! showingNavigationDropdown}\">-->\n        <!--            <Link :href=\"route('login')\" as=\"button\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full\">Log in</Link>-->\n        <!--            <Link v-if=\"canRegister\" :href=\"route('register')\" class=\"ml-4 font-semibold text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500\">Register</Link>-->\n        <!--        </div>-->\n        <GoogleOneTap/>\n        <!--        <YandexOneTap/>-->\n    </nav>\n</template>\n\n","<script setup>\nimport {onMounted, onUnmounted, watch} from 'vue';\nimport {useUser} from \"@/Store/User.js\";\nimport {getLocalStorageItem} from \"@/helper.js\";\n\nconst props = defineProps({\n    show: {\n        type: Boolean,\n        default: false,\n    },\n    maxWidth: {\n        type: String,\n        default: '2xl',\n    },\n    closeable: {\n        type: Boolean,\n        default: true,\n    },\n});\n\nconst emit = defineEmits(['close']);\n\nwatch(() => props.show, () => {\n    if (document === undefined) {\n        return;\n    }\n    if (props.show) {\n        document.body.style.overflow = 'hidden';\n    } else {\n        document.body.style.overflow = null;\n    }\n});\n\nconst close = () => {\n    if (props.closeable) {\n        emit('close');\n    }\n};\n\nconst closeOnEscape = (e) => {\n    if (e.key === 'Escape' && props.show) {\n        close();\n    }\n};\n\nonMounted(() => document !== undefined && document.addEventListener('keydown', closeOnEscape));\n\nonUnmounted(() => {\n    if (document === undefined) {\n        return;\n    }\n    document.removeEventListener('keydown', closeOnEscape);\n    document.body.style.overflow = null;\n});\n\nconst storeUser = useUser();\n\nconst theme = getLocalStorageItem('color-scheme');\nif (theme) {\n    storeUser.theme = theme;\n}\n\n</script>\n\n<template>\n    <teleport to=\"body\">\n        <transition leave-active-class=\"duration-200\">\n            <div v-show=\"show\" :class=\"storeUser.theme\" class=\"fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-50\"\n                 scroll-region>\n                <transition\n                    enter-active-class=\"ease-out duration-300\"\n                    enter-from-class=\"opacity-0\"\n                    enter-to-class=\"opacity-100\"\n                    leave-active-class=\"ease-in duration-200\"\n                    leave-from-class=\"opacity-100\"\n                    leave-to-class=\"opacity-0\"\n                >\n                    <div v-show=\"show\" class=\"fixed inset-0 transform transition-all\" @click=\"close\">\n                        <div class=\"absolute inset-0 bg-gray-500 opacity-75\"/>\n                    </div>\n                </transition>\n\n                <transition\n                    enter-active-class=\"ease-out duration-300\"\n                    enter-from-class=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n                    enter-to-class=\"opacity-100 translate-y-0 sm:scale-100\"\n                    leave-active-class=\"ease-in duration-200\"\n                    leave-from-class=\"opacity-100 translate-y-0 sm:scale-100\"\n                    leave-to-class=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n                >\n                    <div v-show=\"show\"\n                         class=\"max-w-[340px] mb-6 bg-white dark:bg-dark-blue rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full mx-auto\">\n                        <slot v-if=\"show\"/>\n                    </div>\n                </transition>\n            </div>\n        </transition>\n    </teleport>\n</template>\n","<script setup>\nimport ModalNew from \"@/Components/ModalNew.vue\";\nimport Button from \"@/Components/Button.vue\";\nimport {ref} from \"vue\";\nimport {usePage} from \"@inertiajs/vue3\";\n\nconst page = usePage();\nconst is_referral = ref(!!page.props.referral_modal);\n\n</script>\n<template>\n    <ModalNew :show=\"is_referral\" max-width=\"sm\" @close=\"is_referral = false\">\n        <div class=\"py-5 px-3 flex flex-col gap-3\">\n            <div class=\"w-full flex justify-end pb-2\">\n                <ion-icon name=\"closeSharp\"\n                          class=\"text-xl bg-slate-200 dark:bg-deep-blue dark:fill-slate-200 cursor-pointer rounded-lg p-0.5\"\n                          @click=\"is_referral = false\"></ion-icon>\n            </div>\n            <p class=\"flex justify-center font-sans text-xl font-medium pb-1 dark:text-slate-200\">\n                {{ $t('Thanks for signing up!') }}\n            </p>\n            <div class=\"px-2.5 pb-2 flex\">\n                <div>\n                    <ion-icon class=\"text-3xl text-red-500\" name=\"alertCircle\"></ion-icon>\n                </div>\n                <p class=\"ml-2.5 text-sm leading-4 dark:text-slate-200\">\n                    {{\n                        $t('To credit the 1 USD bonus to your account, you need to subscribe to our telegram bot (you can do this later in your personal account settings).')\n                    }}</p>\n            </div>\n            <div class=\"flex m-auto pb-2\">\n                <a :href=\"$page.props.referral_modal.telegram_enable_url\" target=\"_blank\">\n                    <Button\n                        :text=\"$t('Subscribe')\"\n                        class=\"text-sm w-m-min font-medium\"\n                        type=\"primary\"\n                    ></Button>\n                </a>\n            </div>\n            <div class=\"px-2.5 flex pb-2\">\n                <div>\n                    <ion-icon class=\"text-base text-red-500\" name=\"alertCircle\"></ion-icon>\n                </div>\n                <p class=\"ml-2.5 text-sm leading-4 dark:text-slate-200\">{{ $t('settings.telegram_start_remind') }}</p>\n            </div>\n            <img alt=\"\" src=\"/assets/img/register/referral2.png\">\n        </div>\n    </ModalNew>\n</template>\n"],"names":["show","ref","style","computed","usePage","message","watch","props","__props","classes","page","open","search","isLoading","emit","__emit","hide","products","showClear","getQueryParams","fetchDebounced","debounce","nextPage","queryParams","router","clearValue","_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","copyArray","source","array","index","length","nativeFloor","nativeRandom","baseRandom","lower","upper","shuffleSelf","size","lastIndex","rand","value","arrayShuffle","baseValues","object","arrayMap","key","baseTimes","n","iteratee","result","argsTag","baseIsArguments","isObjectLike","baseGetTag","objectProto","hasOwnProperty","propertyIsEnumerable","isArguments","stubFalse","freeExports","freeModule","moduleExports","Buffer","root","nativeIsBuffer","isBuffer","MAX_SAFE_INTEGER","reIsUint","isIndex","type","isLength","arrayTag","boolTag","dateTag","errorTag","funcTag","mapTag","numberTag","objectTag","regexpTag","setTag","stringTag","weakMapTag","arrayBufferTag","dataViewTag","float32Tag","float64Tag","int8Tag","int16Tag","int32Tag","uint8Tag","uint8ClampedTag","uint16Tag","uint32Tag","typedArrayTags","baseIsTypedArray","baseUnary","func","freeProcess","freeGlobal","nodeUtil","types","nodeIsTypedArray","isTypedArray","arrayLikeKeys","inherited","isArr","isArray","isArg","isBuff","isType","skipIndexes","isPrototype","Ctor","proto","overArg","transform","arg","nativeKeys","baseKeys","asyncTag","genTag","proxyTag","isFunction","isObject","tag","isArrayLike","keys","values","baseShuffle","collection","shuffle","colorsShuffled","showingSubMenus","isActive","item","route","showSideBar","categoriesWithSubcategories","categories","acc","category","val","close","isAuthenticated","onClickOutside","_a","showLangs","lang","getLang","hideLangs","onSelectLang","showModalLangs","currencies","getCurrencies","currency","activeCurrency","onSelectCurrency","showCurrency","hideCurrency","showTeamControls","logout","showingNavigationDropdown","switchToTeam","team","showSideBarMenu","showProfileMenu","searchFocus","toggleSearchFocus","updateChannel","inject","updateMessageChannel","hasNewMessage","storeToRefs","useThread","_b","userStore","useUser","closeOnEscape","e","onMounted","onUnmounted","storeUser","theme","getLocalStorageItem","is_referral"],"mappings":"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","x_google_ignoreList":[5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31]}