\n {\n userNotFound\n ? \n {location.hash !== '#free' ?\n \n }\n\n {\n // showSigninForm &&
\n \n )\n\n}\n\nexport default Register;","var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _path25, _path26, _path27, _path28, _path29, _path30, _path31, _path32, _path33, _path34;\nvar _excluded = [\"svgRef\", \"title\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar SvgLogoDay = function SvgLogoDay(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 153,\n height: 55,\n viewBox: \"115 9 180 45\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 77,\n height: 55,\n viewBox: \"0 0.416 77 54.169\",\n fill: \"#e30185\",\n x: 191,\n y: 9,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 77,\n height: 55,\n viewBox: \"0.376 0.757 75.871 53.375\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M76.247 43.603V32.39a49.122 49.122 0 0 1-.111-5.96c.03-.806.07-1.611.11-2.416v-8.796c-.081-.415-.24-.805-.58-1.073-.696-.552-1.786-.661-2.631-.773-1.058-.141-2.115-.26-3.17-.415a296.67 296.67 0 0 1-7.18-1.125c-2.423-.418-4.818-.96-7.234-1.415-2.116-.398-4.232-.834-6.37-1.094-1.522-.186-3.18-.364-4.561-1.104l-25.832-4.57c-.728-.092-1.452-.198-2.174-.312-1.659-.261-3.311-.562-4.972-.818-1.386-.215-2.798-.302-4.166-.62-1.198-.278-2.378-.635-3.582-.884L2.749.83C1.97.724 1.173.707.437.964.415.972.396.974.376.979v4.235c.024.17.048.34.07.512.132.971.163 1.909.136 2.889a76.085 76.085 0 0 1-.206 3.664v14.374c.054.497.102.995.125 1.495.052 1.11-.026 2.224-.125 3.33v16.774c.162.759.259 1.522.272 2.308.011.678-.031 1.359.023 2.036.037.46.143.92.501 1.213.183.148.4.25.63.323l9.036-1.218c1.928-.614 3.855-1.26 5.861-1.557 2.537-.376 5.099-.376 7.656-.448.641-.018 1.282-.041 1.924-.077l6.423-.866c2.359-.422 4.715-.881 7.084-1.258 1.441-.23 2.894-.26 4.35-.284l31.948-4.308c.057-.171.113-.341.163-.513z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.23 0 0.54 1\",\n fill: \"#fff\",\n x: 212,\n y: 19,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.076 0.687 0.057 0.106\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M.076.687l.029.106C.115.755.12.736.133.698A1.06 1.06 0 0 1 .076.687z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.193 0 0.614 1\",\n fill: \"#fff\",\n x: 211,\n y: 24,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.265 0.818 0.056 0.091\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M.32.83L.266.818l.024.09L.32.83z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.255 0 0.49 1\",\n fill: \"#fff\",\n x: 243,\n y: 32,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.857 0.229 0.064 0.13\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M.92.289L.888.229C.876.249.853.27.858.288c.008.026.035.048.053.07l.01-.07z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.102 0 0.797 1\",\n fill: \"#fff\",\n x: 241,\n y: 27,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.113 0.137 0.076 0.095\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path5 || (_path5 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M.189.21L.17.138C.15.144.123.144.115.16.108.175.124.207.13.232L.189.21z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.173 0 0.654 1\",\n fill: \"#fff\",\n x: 245,\n y: 29,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.622 0.272 0.045 0.069\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path6 || (_path6 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M.667.312L.624.272.622.34.667.312z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.21 0 0.581 1\",\n fill: \"#fff\",\n x: 222,\n y: 27,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.89 0.472 0.047 0.081\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path7 || (_path7 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M.919.472l-.03.064.048.017L.919.472z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.23 0 0.54 1\",\n fill: \"#fff\",\n x: 212,\n y: 19,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.076 0.687 0.057 0.106\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path8 || (_path8 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M.076.687c.022.005.034.007.057.01L.105.794.075.687z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.193 0 0.614 1\",\n fill: \"#fff\",\n x: 211,\n y: 24,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.265 0.818 0.056 0.091\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path9 || (_path9 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M.32.83L.29.909.265.818.32.83z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 21,\n height: 45,\n viewBox: \"0.44 0 20.119 45\",\n fill: \"#fff\",\n x: 195,\n y: 14,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 21,\n height: 45,\n viewBox: \"0.443 0.384 19.667 43.988\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path10 || (_path10 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M19.99 32.777c-.034-.168 0-.37.014-.552.08-1.117.166-2.197-.163-3.232-.06-.19-.048-.42-.061-.63-.019-.318-.013-.638-.048-.95-.146-1.287-.038-2.553-.097-3.806-.005-.1.019-.201.027-.302.079-.971-.107-1.956.046-2.912.005-.03-.012-.067-.013-.1l-.085-2.131c-.009-.237-.006-.476-.026-.714-.047-.578-.126-1.159-.157-1.744-.058-1.142-.146-2.292-.346-3.474-.107-.631-.12-1.283-.13-1.947-.02-1.468-.14-2.994-.222-4.583a1.508 1.508 0 0 0-.056-.354c-.029-.096-.06-.21-.1-.3a.692.692 0 0 0-.148-.561v-.237c0-.23.04-.502-.078-.71-.134-.233-.4-.281-.638-.347a37.115 37.115 0 0 0-.717-.193 38.506 38.506 0 0 0-2.097-.474c-.228-.044-.508-.14-.74-.12-.146.014-.313.073-.38.219-.136.295-.154.659-.212.979a.55.55 0 0 0 .007.208c-.296.569-.36 1.205-.466 1.833a553.341 553.341 0 0 1-1.161 6.632 563.96 563.96 0 0 1-1.08 5.743c-.057-.165-.109-.332-.175-.495a303.237 303.237 0 0 0-1.747-6.624L7.61 6.002a.4.4 0 0 0 .007-.253c-.41-1.378-.79-2.763-1.142-4.156a.436.436 0 0 0-.307-.308A55.06 55.06 0 0 0 1.427.43C1.156.393.859.313.636.524.29.85.476 1.499.662 1.938H.66a.577.577 0 0 0-.054.118.192.192 0 0 0 .015.163c0 .006-.004.01-.004.017l.042 16.11c.013 5.344.012 10.688.044 16.032.014 2.372.07 4.745.229 7.112-.055.132-.091.269-.092.416.022.345.014.69-.021 1.035a.824.824 0 0 0 .095.424c.002.009.008.016.01.025l.003.044c.01.14.027.28.046.42.019.139.04.279.143.384.182.185.449.153.667.057.093-.041.174-.101.262-.15l.042-.022c.03.007.055.019.087.022.432.027.91-.08 1.339-.135.89-.115 1.775-.268 2.65-.463.398-.09.63-.233.628-.671-.001-.133-.007-.266-.011-.4a.455.455 0 0 1 .1.035c.005-.094.012-.188.023-.282-.039-.063-.087-.122-.135-.184-.011-.271-.024-.542-.034-.812a.206.206 0 0 0-.108-.179c.155-1.567.202-5.571.194-6.481-.004-.49-.057-.974-.061-1.454-.01-1.162-.268-2.308.018-3.416.026-.1.006-.234-.01-.347-.176-1.221.035-2.452-.228-3.64-.054-.24 0-.52.011-.78.01-.224.042-.445.042-.667.003-1.378-.002-2.741.002-4.101 0-.133-.006-.31.183-.316.159.579.362 1.158.468 1.76.093.533.419.905.516 1.37.109.519.051 1.09.206 1.632.23.804.441 1.62.64 2.445.358 1.469.71 2.958 1.043 4.49.255 1.172.373 1.363 1.398 1.165.106-.021.209-.085.312-.14.33-.174.653-.41.993-.514.389-.121.547-.465.599-.953.06-.565.09-1.13.151-1.682.07-.659.04-1.34.31-1.928.078-.172.062-.424.089-.637.05-.393.09-.788.152-1.172.139-.87.297-1.722.433-2.575.14-.89.249-1.783.402-2.658.058-.334.123-.664.188-.994a71.61 71.61 0 0 0-.062 2.78c.002 2.122.326 4.225.421 6.342.189 4.232-.404 8.462-.08 12.692a.68.68 0 0 0-.06.422 2.067 2.067 0 0 0-.055.309c-.031.366.229.67.604.668.156-.001.278-.06.42-.105a1.4 1.4 0 0 1 .379-.061c.303-.014.605-.016.907-.043.63-.058 1.256-.164 1.878-.277.352-.063.653-.207.683-.609.025-.321-.002-.655-.004-.977-.001-.031-.012-.054-.018-.082a.629.629 0 0 0 .15-.411c.021-1.215.04-2.43.062-3.643.006-.095.013-.178.019-.235.135-1.194.307-2.326.069-3.454zm-9.95-15.788c-.034-.154-.073-.307-.107-.461-.07-.321-.131-.643-.193-.964l.09.34c.094.362.182.725.273 1.088a.718.718 0 0 0-.062-.003z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 2,\n height: 3,\n viewBox: \"0.759 0 0.481 3\",\n fill: \"#fff\",\n x: 244,\n y: 23,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 2,\n height: 3,\n viewBox: \"0.902 0.747 0.356 2.217\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path11 || (_path11 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M1.14.747c.183.698.1 1.323.091 1.94a.393.393 0 0 1-.135.277C.922 2.208.746 1.43 1.14.747z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 2,\n viewBox: \"0 0.038 1 1.923\",\n fill: \"#fff\",\n x: 235,\n y: 36,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 2,\n viewBox: \"0.314 0.08 0.503 0.967\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path12 || (_path12 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M.817 1.032C.449.87.322.565.314.08c.373.277.44.618.494.967l.009-.015z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.45 0 0.1 1\",\n fill: \"#fff\",\n x: 245,\n y: 28,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.277 0.269 0.073 0.727\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path13 || (_path13 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M.277.986V.269L.35.28v.716L.277.986z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.259 0 0.482 1\",\n fill: \"#fff\",\n x: 241,\n y: 25,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.223 0.372 0.198 0.41\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path14 || (_path14 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M.42.546C.4.615.38.7.344.765.326.793.263.778.223.782.231.674.229.562.251.46.259.418.319.4.357.372l.064.174z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 2,\n height: 1,\n viewBox: \"0.584 0 0.832 1\",\n fill: \"#fff\",\n x: 245,\n y: 31,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 2,\n height: 1,\n viewBox: \"0.781 0.12 0.249 0.299\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path15 || (_path15 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M.78.26L.937.12c.033.06.08.12.093.184C1.035.34.986.38.962.419A29.655 29.655 0 0 0 .78.26z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.214 0 0.571 1\",\n fill: \"#fff\",\n x: 238,\n y: 34,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.643 0.071 0.082 0.143\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path16 || (_path16 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M.725.152L.684.214C.67.192.639.16.644.15.658.12.686.097.709.07l.016.08z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.129 0 0.742 1\",\n fill: \"#fff\",\n x: 241,\n y: 24,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.565 0.154 0.138 0.186\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path17 || (_path17 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M.6.154c.034.034.072.064.1.104C.709.273.696.34.688.34.648.34.606.325.565.316L.6.154z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.255 0 0.49 1\",\n fill: \"#fff\",\n x: 243,\n y: 32,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.857 0.229 0.064 0.13\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path18 || (_path18 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M.92.289C.919.312.916.336.91.359.894.336.867.314.859.288.853.27.876.248.887.228c.01.02.023.041.034.06z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 2,\n viewBox: \"0 0.158 1 1.684\",\n fill: \"#fff\",\n x: 240,\n y: 33,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 2,\n viewBox: \"0.358 0.884 0.094 0.159\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path19 || (_path19 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M.452.957l-.068.086C.374 1.018.352.988.359.97.372.936.401.912.424.884l.028.073z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.102 0 0.797 1\",\n fill: \"#fff\",\n x: 241,\n y: 27,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.113 0.137 0.076 0.095\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path20 || (_path20 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M.189.21l-.06.022C.125.207.109.175.116.16.123.144.151.144.171.137L.189.21z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.173 0 0.654 1\",\n fill: \"#fff\",\n x: 245,\n y: 29,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.622 0.272 0.045 0.069\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path21 || (_path21 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M.667.312L.622.341l.002-.07.043.041z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0 0.015 1 0.969\",\n fill: \"#fff\",\n x: 238,\n y: 32,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.183 0.871 0.094 0.091\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path22 || (_path22 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M.225.962L.183.917.265.87c.004.02.017.048.01.063C.269.949.243.953.225.962z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.4 0 0.2 1\",\n fill: \"#fff\",\n x: 235,\n y: 37,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.774 0.035 0.059 0.295\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path23 || (_path23 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M.809.047L.833.33.773.323.817.035.809.047z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 2,\n height: 3,\n viewBox: \"0.548 0 0.905 3\",\n fill: \"#fff\",\n x: 250,\n y: 34,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 2,\n height: 3,\n viewBox: \"0.756 0.975 0.602 1.995\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path24 || (_path24 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M.935 1.51C.88 1.323.822 1.128 1 .985c.027-.021.097 0 .202.005.005.562.205 1.118.144 1.678-.024.226-.156.328-.415.292l.009.01c-.055-.312-.102-.627-.17-.941-.047-.215.028-.378.164-.524l-.042.122.043-.115z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 2,\n height: 3,\n viewBox: \"0.676 0 0.647 3\",\n fill: \"#fff\",\n x: 250,\n y: 36,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 2,\n height: 3,\n viewBox: \"0.742 0.959 0.388 1.8\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path25 || (_path25 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M.931.959c.27.49.187.993.189 1.495 0 .082-.091.16-.179.305C.598 2.093.766 1.532.944.973L.93.959z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 2,\n viewBox: \"0 0.28 1 1.441\",\n fill: \"#fff\",\n x: 252,\n y: 28,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 2,\n viewBox: \"0.16 0.866 0.132 0.19\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path26 || (_path26 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M.292 1.02l-.108.036C.174 1.006.152.949.163.906.169.88.23.879.267.866l.025.154z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 16,\n height: 38,\n viewBox: \"0.436 0 15.129 38\",\n fill: \"#fff\",\n x: 216,\n y: 18,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 16,\n height: 38,\n viewBox: \"0.087 0.275 14.971 37.604\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path27 || (_path27 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M15.036 35.129l-.004-.014c0-.053-.004-.105-.011-.157-.016-.108-.314-2.563-.34-2.667-.21-.863-.471-1.678-.465-2.59.002-.327-.163-.651-.26-.97-.104-.35-.276-.681-.318-1.038-.228-1.958-.829-3.686-1.259-5.46-.23-.95-.455-1.896-.594-2.857-.137-.94-.389-1.838-.615-2.759-.166-.678-.367-1.356-.484-2.056-.117-.7-.14-1.421-.468-2.09-.068-.137-.061-.326-.098-.49-.111-.488-.224-.983-.344-1.482-.071-.3-.154-.6-.24-.9-.5-1.768-1.003-3.627-1.509-5.61a1.264 1.264 0 0 0-.265-.538c-.047-.651-.13-1.3-.251-1.941-.032-.165-.184-.288-.346-.321-.01-.013-.016-.028-.027-.041-.124-.133-.296-.178-.466-.217L6.661.827c-.248-.22-.47-.15-.666-.057L5.973.765 5.302.604c-.05-.068-.1-.14-.151-.205-.167.012-.321.05-.478.03-.025-.002-.048-.001-.071 0-.217-.227-.65-.23-.733.169-.321 1.526-.29 3.096-.439 4.64-.091.488-.198.96-.282 1.44-.087.493-.198.967-.281 1.45-.262 1.524-.252 3.108-.72 4.488a.686.686 0 0 0-.046.297c.102.68-.082 1.293-.176 1.903a25.423 25.423 0 0 0-.273 3.228c-.02.78-.069 1.57-.195 2.333-.134.817.003 1.646-.08 2.472-.003.035.002.073-.006.104-.267 1-.212 2.087-.33 3.16-.055.504-.08 1.01-.004 1.532.035.24.019.526-.038.763-.171.726-.21 1.484-.229 2.264-.029 1.16-.136 4.567-.417 5.745-.046.192-.071.397-.097.548.016.06.034.11.053.16v.264a.399.399 0 0 0-.222.266c.017.084.054.158.142.197.138.06.354.004.496-.023.459-.085.908-.166 1.374-.215 1.102-.116 2.21-.188 3.305-.361a.46.46 0 0 0-.01-.153c-.005-.025-.021-.042-.03-.064.053-.033.11-.068.16-.101 0-.427-.021-.748.006-1.059.05-.592.07-3.044.017-3.915.092-.755.18-1.51.232-2.267.214-.036.43-.057.645-.06.658-.012 1.31-.048 1.956-.274a3.76 3.76 0 0 1 .936-.187c.385-.032.504.102.65.579.239.77.333 1.583.35 2.476.015.703.483 3.676.805 4.071.114.054.229.107.343.165.025.012.046.03.069.044a.218.218 0 0 1 .147-.097c.813-.13 1.625-.265 2.444-.335.032.004.064.01.097.013.074.006.152-.01.225-.022a.792.792 0 0 0 .379-.202.686.686 0 0 0 .128-.165c.025-.044.043-.094.062-.142a.753.753 0 0 0 .02-.429zM8.81 23.927a1.939 1.939 0 0 1-.25.243 1.44 1.44 0 0 1-.773.318 2.144 2.144 0 0 1-.526-.014c-.175-.021-.351-.054-.525-.084-.383-.064-.758-.21-1.193-.335-.001-.237-.003-.475-.003-.713-.001-.357.003-.716.021-1.074.019-.358.051-.715.106-1.07.177-1.137.393-2.248.397-3.41 0-.13.009-.268.047-.384.271-.83.206-1.736.273-2.62.042-.553.109-1.105.172-1.66.005-.043.077-.066.163-.135.1.338.199.666.275.997.024.11.046.221.065.333.097.59.167 1.18.26 1.764.036.224.099.444.158.662.06.22.144.432.191.654.343 1.623.686 3.227 1.013 4.855.108.54.212 1.09.129 1.673z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.21 0 0.581 1\",\n fill: \"#fff\",\n x: 222,\n y: 27,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 1,\n height: 1,\n viewBox: \"0.89 0.472 0.047 0.081\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path28 || (_path28 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M.919.472l.018.08L.89.537C.9.511.907.498.919.472z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 18,\n height: 34,\n viewBox: \"0.516 0 16.968 34\",\n fill: \"#fff\",\n x: 230,\n y: 20,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 18,\n height: 34,\n viewBox: \"0.592 0.369 16.651 33.366\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path29 || (_path29 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M17.153 30.599h.025c.113-.546.053-1.048.016-1.538-.041-.527-.095-1.038-.14-1.54-.088-.972-.175-1.903-.26-2.802-.059-.638-.136-1.261-.165-1.874-.042-.895-.065-1.761-.245-2.608a1.62 1.62 0 0 1-.031-.4c.04-1.228-.134-2.422-.277-3.638-.055-.47-.01-.947-.002-1.425.003-.21.037-.42.033-.631-.01-.43-.04-.865-.054-1.305-.03-.991.003-2.007-.103-3.071-.079-.798-.154-1.614-.136-2.46.006-.218-.021-.45.006-.664.13-1.032-.203-2.111-.317-3.249-.026-.257-.194-.514-.281-.733l-.51.006a1.03 1.03 0 0 0-.094-.203l-.065-.087a92.02 92.02 0 0 0-1.19-.27 5.414 5.414 0 0 0-.246-.046c-.011.003-.022.003-.033.005l-.011-.013c-.461-.076-.928-.107-1.384-.196a.645.645 0 0 0-.108.183c-.04.104-.064.22-.074.339-.031.02-.063.04-.093.067a.543.543 0 0 0-.061-.183l-.074-.043c-.059.21-.147.394-.265.53a.83.83 0 0 1 .019.199c-.055.115-.1.241-.132.379-.096.252-.14.533-.132.839l.022.24a20.077 20.077 0 0 0-.311 3.01c-.007.286-.04.565-.059.843-.094 1.267-.354 2.426-.421 3.62-.04.692-.185 1.353-.295 2.015-.025.15-.035.353-.271.32-.04-.087-.097-.184-.132-.291-.28-.85-.557-1.716-.829-2.611-.306-1.011-.561-2.083-1.027-3.093-.346-.75-.58-1.576-.854-2.408-.338-1.024-.582-2.143-1.073-3.165a.672.672 0 0 1-.031-.523 1.99 1.99 0 0 1-.315-.567c-.069.066-.14.14-.216.21-.24-.56-.56-.727-.953-.693-.143.014-.296-.076-.45-.16C2.787.836 2.023.737 1.284.517 1.054.25.565.34.593.805c.399 6.64.896 13.285 1.039 19.938a.439.439 0 0 0 .164.352c.084.878.194 1.756.28 2.633.125 1.29.184 2.583.197 3.882.01.934.004 1.87.005 2.805.011.055.02.113.035.166 0 .434.004 1.21.07 1.614.029.18.077.337.137.473.002.02-.002.04 0 .06.011.086.018.176.027.264a.412.412 0 0 0-.12.413c.059.209.321.397.543.307.009-.003.018-.005.027-.01.037.009.074.018.113.017.19-.005.392-.063.58-.097a30.039 30.039 0 0 0 1.505-.32c.062 0 .123-.004.185-.002.404.012.9.034 1.26-.184.326-.195.38-.575.347-.936a.449.449 0 0 0 .029-.163c-.008-.411-.011-1.152-.02-1.564 0-.04-.012-.071-.02-.107a2.68 2.68 0 0 0-.051-1.036c-.223-.875-.258-1.76-.31-2.622a14.71 14.71 0 0 0-.13-1.265c-.164-1.104-.361-2.167-.47-3.225.073-.687.154-1.368.172-2.056.09.16.166.336.238.514.306.754.603 1.52.917 2.282.168.405.367.79.518 1.116.329.19.591.119.855.082.526-.072 1.053-.155 1.583-.198.286-.023.506-.182.71-.397.238-.248.046-1.281.28-1.53l.741-2.425c-.013-.304.35-.573.38-.87.015-.144.05-.275.114-.397-.018.25-.021.504-.016.755-.081 1.459-.03 2.965-.005 4.538.034 2.127.114 4.401.335 6.927.015.167.058.303.116.417 0 .084-.005.168-.002.251.004.095.009.189.016.283.009.118.013.247.039.36.007.032.02.059.031.089l-.006.069c-.024.16-.007.308.113.429.103.102.287.168.429.113a9.075 9.075 0 0 1 2.199-.566 9.44 9.44 0 0 1 .557-.05c.204-.011.423.004.603-.11.36-.23.346-.725.214-1.095a1.15 1.15 0 0 0 .007-.13z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 16,\n height: 29,\n viewBox: \"0 0.062 16 28.875\",\n fill: \"#fff\",\n x: 249,\n y: 23,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 16,\n height: 29,\n viewBox: \"0.271 0.368 15.72 28.371\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path30 || (_path30 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M15.268 23.947a51.898 51.898 0 0 0-1.464-5.641c-.62-1.961-1.287-3.907-1.93-5.86-.637-1.941-1.25-3.892-1.785-5.868-.426-1.571-.84-3.153-1.382-4.686a11.668 11.668 0 0 0-.876-.405c-.5-.213-.998-.43-1.495-.645C5.932.665 5.514.469 5.122.52a.421.421 0 0 0-.193.006l-.06.01a3.429 3.429 0 0 1-.657.02c-.01-.001-.02.002-.031.002a.429.429 0 0 0-.297-.19 8.32 8.32 0 0 1-.129.54.297.297 0 0 1-.213.21c-.195 1.597-.683 3.169-.911 4.752-.051.355-.095.71-.14 1.066-.006.14-.01.286-.019.424a13.693 13.693 0 0 1-.221 1.789c-.006.03-.017.056-.024.085-.095.892-.188 1.785-.297 2.676-.24 1.967-.518 3.928-.751 5.896a78.34 78.34 0 0 0-.473 5.828c-.036.839-.075 1.68-.144 2.518-.003.076-.002.15-.006.227-.015.347-.034.572-.016.747l-.04.129-.111.374c-.035.114-.078.228-.101.345-.042.22-.009.45.158.606.147.139.336.173.528.154.239-.023.467-.09.678-.207l.009.004c.22.055.44.026.656-.04l.702-.036c.52-.027 1.255.037 1.446-.586.002-.01 0-.02.002-.028l.001-.004.003-.003.003-.006c.018-.035.041-.08.05-.121.005-.021.006-.05.009-.066.002-.017.008-.045.008-.067v-.01-.006l-.015-.107c.152-.213.216-.5.172-.796-.246-1.665.002-3.14.273-4.542l.028-.142c.018-.023.037-.045.054-.07.833-.235 1.663-.48 2.554-.345.61-.154 1.26.058 1.869-.155.092-.032.26-.032.311.023.175.189.388.184.609.189.264.006.402.158.466.388.253.907.547 1.84.65 2.877.024.236.089.469.114.711.032.306.125.574.255.819.053.408.152.804.313 1.184l.03.068c1.207-.281 2.47-.277 3.677-.55.03-.01.06-.02.09-.028-.295-1.027-.515-2.081-.723-3.135zm-6.734-6.98c-.003.063-.06.12-.114.224-.69-.02-1.391-.037-2.091-.058a11.31 11.31 0 0 1-.731-.045c-.192-.017-.301-.136-.301-.294 0-.19.033-.378.069-.561v-.001c.1-.504.386-.962.298-1.498-.007-.042.017-.09.04-.13l.017-.035c.432-.795.479-1.66.529-2.54.007-.128.014-.256.023-.385.034-.513.128-1.024.202-1.546.035-.25.089-.494.166-.92.125.452.19.714.277.972.08.24.182.475.275.709v.004c.01.023.021.046.019.067-.04.609.235 1.186.386 1.763l.015.054c.023.092.019.19.065.275.398.71.387 1.446.55 2.168.098.43.205.859.291 1.293.015.077.021.156.022.234 0 .084-.002.167-.007.25zm2.287-6.826c-.01.042-.119.087-.173.074-.055-.013-.144-.106-.14-.147.023-.173.073-.341.114-.512a.555.555 0 0 1 .199.585z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 19,\n height: 46,\n viewBox: \"0.281 0 18.437 46\",\n x: 169,\n y: 14,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 19,\n height: 46,\n viewBox: \"0.673 0.957 17.66 44.061\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path31 || (_path31 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M18.334 32.544a.624.624 0 0 0-.247-.133c-.41-.11-.85-.297-1.237-.22-.513.103-.983-.061-1.473-.12-.938-.112-1.872-.498-2.828-.183-.187.06-.425-.051-.643-.101-.022.023-.047.043-.066.068a4.291 4.291 0 0 0-.132.19c.097.52.129 1.06.131 1.583.002.58-.033 1.193-.203 1.757-.013.557-.19 1.067-.434 1.53-.173.327-.358.509-.565.566a.64.64 0 0 1-.307.212c-.432.133-.892-.192-1.17-.492a1.929 1.929 0 0 1-.47-.822c-.318-.253-.446-.614-.444-1.09 0-.705-.01-1.406-.039-2.103-.053-1.26-.136-2.506-.183-3.742-.086-2.267-.139-4.504-.422-6.717a7.636 7.636 0 0 1-.034-1.131c.031-1.432.022-2.86-.223-4.278-.238-1.371-.232-2.751-.038-4.192.152-1.133.828-1.875 1.372-2.725.338-.526.905-.37 1.117.194.901.817.983 2.324 1.003 3.448.005.296-.003.59-.015.885.003.039.005.079.009.118.052.603.08 1.21.105 1.817a1.3 1.3 0 0 1 .561.305c.011.01.015.024.023.035l.089.007c1.667.168 3.343.255 5.02.267.145 0 .223-.08.243-.173.099-.012.186-.08.183-.207l-.014-.478c.104-.404.2-.777.3-1.172-.006-.142-.008-.283-.013-.425-.29-.657-.284-1.39-.166-2.22.143-1.006.162-2.103-.142-3.07-.462-1.473-.747-3.028-1.275-4.501a7.463 7.463 0 0 0-.353-.818c-.015-.011-.031-.016-.046-.031-.662-.684-1.321-1.381-2.07-1.971-.642-.504-1.36-.89-2.111-1.201-.118.002-.231 0-.341-.009-.491-.047-.98-.108-1.464-.2-.887-.17-1.731.18-2.576.554-.146.064-.35.137-.41.274-.214.479-.598.564-.937.766-.141.084-.31.169-.4.31-.434.68-.948 1.326-1.24 2.062a8.102 8.102 0 0 1-.927 1.716c-.393.56-1.386 3.457-1.464 4.144-.133 1.18-.342 2.335-.377 3.493-.028.903-.08 1.805-.203 2.689-.135.982-.162 1.95-.019 2.9.253 1.683.198 3.366.12 5.058-.028.636-.144 1.27.102 1.918.092.24-.003.554-.02.835-.064 1.129-.267 2.256.051 3.422.055.199.07.416.063.62-.03.696-.11 1.393.338 2.048.064.094.044.248.068.374.114.586.181 1.19.356 1.77.58 1.922 1.29 3.81 2.682 5.453 1.284 1.517 2.707 2.632 4.376 3.288.467.183.905.419 1.314 0 .038-.04.192-.008.203.025.195.584.42.135.63.11.405-.046.808-.121 1.215-.147a.245.245 0 0 1 .234-.118c.603.033 1.156-.152 1.653-.451.14-.093.282-.19.422-.287a5.898 5.898 0 0 0 .956-.947.26.26 0 0 1 .039-.133c.183-.294.413-.552.632-.82.7-1.153 1.143-2.47 1.445-3.779a26.08 26.08 0 0 0 .535-3.264 13.03 13.03 0 0 1 .15-2.34zm-7.166-15.79c-.041-.042-.023-.211-.009-.327.066.127.142.236.23.325-.05-.002-.222 0-.221.002zm3.548.232l-.531-.022c.18-.011.357-.004.531.022zM12.975 3.884c-.021.013-.042.022-.065.04l.094.289-.094-.29c.023-.017.044-.026.065-.04z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 21,\n height: 43,\n viewBox: \"0.463 0 20.074 43\",\n x: 147,\n y: 15,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 21,\n height: 43,\n viewBox: \"0.514 0.163 19.686 42.168\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path32 || (_path32 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M20.106 41.023c.013-1.184-.498-3.35-.262-4.493.037-.18-.045-.41-.053-.613-.011-.285-.053-.59.005-.845.239-1.055.106-2.143.079-3.2-.047-1.855-.181-3.671-.157-5.456.018-1.359-.212-2.712.042-4.057.06-.32-.011-.676-.031-1.014-.041-.712-.094-1.423-.131-2.135-.082-1.538-.16-3.08-.236-4.638-.012-.264-.04-.538-.001-.8.115-.773.08-1.535.018-2.312-.063-.804-.204-1.604-.095-2.458.034-.27.014-.572-.05-.826-.196-.77-.164-1.57-.11-2.403.041-.65.041-1.306.036-1.968.076-.206.053-.51.062-.675.03-.493.027-.989-.011-1.482-.011-.151-.031-.301-.049-.451.033-.101.06-.203.072-.312a1.236 1.236 0 0 0-.017-.377.218.218 0 0 0-.108-.221C19.084.26 19.06.23 19.027.213a.407.407 0 0 0-.28-.042.596.596 0 0 0-.264.129c-.197 0-.402.036-.553.067-.43.087-.84.25-1.268.348-.444.102-.897.16-1.348.22-.85.116-1.691.248-2.465.638a.185.185 0 0 0-.105.215c-.056.054-.09.133-.063.212.02.057.032.116.042.176.008.075.008.15 0 .226a1.127 1.127 0 0 1-.046.189c-.003.006-.001.014-.002.02l-.035.01c-.1 1.043-.217 2.009.003 2.929.069.29.04.626.057.937.014.229.027.456.046.682.026.3.075.595.08.894.012.537-.036 1.079-.001 1.6.077 1.159.023 2.303-.045 3.432-.053.88-.07 1.74.173 2.57.074.254.068.562.034.838-.15 1.217-.128 2.396.127 3.567-.274-.086-.372-.34-.466-.602a362.504 362.504 0 0 0-1.088-3.012c-.237-.643-.524-1.258-.609-1.974-.028-.237-.159-.452-.239-.68-.398-1.135-.816-2.265-1.189-3.433-.385-1.204-.808-2.4-1.333-3.554-.38-.832-.761-1.671-1.138-2.531a2.254 2.254 0 0 0-.552-.79c-.086-.205-.17-.412-.265-.613-.081-.173-.191-.311-.392-.338-.225-.03-.485.039-.71.073-.288.042-.576.09-.863.144-1.111.2-2.216.445-3.347.505a.214.214 0 0 0-.206.187c-.052.049-.11.114-.2.195l-.003.006.114.059a.187.187 0 0 0-.078.17l.071 1.59.007.067c.108.966.183 1.933.217 2.908.047 1.383.007 2.769.051 4.152.037 1.157.13 2.325-.062 3.47.004.107.015.213.019.319a.202.202 0 0 0-.068.158v.768a12.68 12.68 0 0 0 0 1.443v20.038a.292.292 0 0 1 .046.146c-.001.035-.006.07-.01.106a5.241 5.241 0 0 1-.09.569c.023.034.042.07.073.097a.77.77 0 0 0 .122.079c.105.16.29.279.482.324.406.096.827.149 1.243.215.317.215.69.337 1.198.398.389.047.795.164 1.168.08.433.094.865.187 1.298.279.169.036.277-.11.274-.24a.542.542 0 0 0 .232-.055c.057-.03.112-.064.223-.128l.052-.922c-.095-.632-.157-2.882-.136-3.52.001-.017.005-.032.006-.048-.224-.958-.252-1.862-.025-2.772.143-.574.114-1.217.135-1.823.017-.501-.078-1.021 0-1.493.056-.334.08-.666.09-.997-.053-.925-.136-1.847-.152-2.774-.023-1.248.016-2.496-.05-3.742-.006-.1.03-.17.086-.217-.014-.083-.022-.168-.039-.251a.323.323 0 0 1 0-.098 2.339 2.339 0 0 1-.118-.327c-.045-.171.045-.332.218-.4.172-.066.322-.005.419.149.05.08.106.192.09.276-.021.106-.03.208-.03.307.033.171.06.344.087.516.072.203.185.394.335.578.079.097.11.247.138.378.147.732.24 1.485.707 2.123.054.075.053.198.07.299.256 1.405.743 2.775 1.178 4.207.308 1.012.626 2.044.945 3.103.166.548.334 1.102.509 1.66.117.374.31.743.359 1.124.139 1.106.473 3.19.771 4.316.226.854.644 1.304 1.305 1.429.52.098 1.049.152 1.56.335.624.224 1.23.269 1.844.245.48-.02.963-.022 1.438-.07.513-.05 1.012-.166 1.364-.784-.027-.123-.096-.292-.094-.45zM5.64 3.088a7.152 7.152 0 0 0-.286-.07.96.96 0 0 1 .301-.027.189.189 0 0 0-.015.097zm7.471 17.32l-.008-.015c-.02-.026-.044-.05-.066-.075.006-.075.049-.15.08-.225l-.006.315zm2.726-18.567c-.153.016-.306.029-.46.045a.23.23 0 0 0 .024-.062c.154-.02.304-.056.45-.105a.233.233 0 0 0-.014.122zm1.219-.272h-.02l.021-.011-.001.01zm1.74 1.093l-.004-.004c.002-.007.005-.012.005-.02v.024z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 16,\n height: 37,\n viewBox: \"0.47 0 15.06 37\",\n x: 130,\n y: 18,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 16,\n height: 37,\n viewBox: \"0.601 0.649 14.481 35.577\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path33 || (_path33 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M15.082 9.281c-.011-.271-.018-.543-.027-.814a3.879 3.879 0 0 1-.021-.631c-.023-.84-.038-1.68-.045-2.52a.317.317 0 0 0-.015-.04 16.976 16.976 0 0 0-.061-1.532c-.008-.077-.02-.154-.028-.232a3.175 3.175 0 0 0-.056-.463c-.056-.421-.112-.842-.12-1.267a.263.263 0 0 1 .005-.258c.002-.038 0-.077.002-.116a.208.208 0 0 0-.019-.1l.005-.257c.002-.097-.061-.17-.144-.202-.002-.133-.156-.226-.275-.193-.295.084-.588.175-.88.27-.24-.065-.512-.054-.821.063-.221.084-.453.1-.68.147-.619.127-1.238.239-1.854.38-.006.013-.01.027-.018.043l-.009.018a.671.671 0 0 1-.05.065c-.007.008-.017.013-.026.02-.022 1.213.015 2.428-.015 3.641-.025 1.019-.068 2.037-.108 3.055-.01.259-.024.518-.035.778.06.377.013.767-.006 1.149.002.106.001.213-.002.318.003.093.012.184.025.274l-.001.004c-.02.363-.006.726.025 1.088-.127.663-.28 1.312-.22 1.966.017.19-.071.426-.19.599a2.628 2.628 0 0 1-.51.553c-.263.15-.554.172-.856.13-.547-.078-1.076-.352-1.375-.827l-.005-.08a.234.234 0 0 0-.09-.171 3.53 3.53 0 0 0-.163-.881c-.372-1.093-.443-2.268-.438-3.48.005-1.384-.291-2.775-.16-4.335.024-.276-.07-.547-.082-.83a2.598 2.598 0 0 0-.055-.42l-.02-.642-.017-.534c-.004-.134.018-.311-.034-.44-.055-.135-.187-.18-.336-.188-.385.049-.768.099-1.15.15h-.001a1.317 1.317 0 0 0-.068.01l-.073.009-.012.002c-.32.043-.64.088-.958.134a7.118 7.118 0 0 1-.11.065l-.069-.038c-.373.055-.748.114-1.123.176l-.06.07-.042-.053c-.171.028-.342.055-.514.086l-.061.138c-.044.01-.09.02-.13.04a.441.441 0 0 0-.231.26c-.04.116.028.296-.028.394a.201.201 0 0 0 .004.214.86.86 0 0 0-.049.298c.065 1.188.043 2.335.215 3.377.176 1.07.133 2.103.085 3.108-.021.413-.042.824-.005 1.218.089.932.247 1.829.298 2.728.027.478.101.907.408 1.3.133.174.139.432.302.573.53.457 1.016.948 1.453 1.487.293.362.645.67 1.213.79.559.118.802.536.72.99-.098.553-.008 1.09.052 1.637a5.06 5.06 0 0 1-.081 1.661c-.086.388-.043.77-.028 1.164.015.392.002.789.005 1.192.003.279-.029.565.028.844.104.504.114 1.01.127 1.533.037 1.513.06 3.922-.152 5.586.034.082.058.17.088.253-.033.453-.001.909.096 1.353-.094.1-.07.283.059.348a.23.23 0 0 0 .155.087l3.728.458.918.113c.268.033.565.107.834.074a.59.59 0 0 0 .252-.094c.129.08.343.024.343-.175l.001-.575a.237.237 0 0 0 .009-.297c.049-3.417-.025-6.836-.22-10.247.014-.023.025-.046.04-.068a3.265 3.265 0 0 0-.058-.192c-.037-.631-.084-1.261-.129-1.892a25.63 25.63 0 0 1 .02-1.715c.006-.098.023-.191.039-.284-.008-.355-.037-.715.034-1.066.014-.07.041-.134.066-.2-.003-.03-.006-.06.004-.09a.51.51 0 0 1 .112-.193l.014-.013.052-.04c.112-.15.25-.28.403-.394.388-.291.773-.565 1.116-.91.188-.19.36-.39.527-.596.104-.27.184-.548.239-.834.13-.684.319-1.355.518-2.033.32-1.097.583-2.224.547-3.394-.016-.54-.168-1.071.033-1.635zm-3.93 18.498c.017-.062.028-.127.037-.192.003.074.008.148.01.222-.012-.012-.029-.02-.046-.03z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 15,\n height: 30,\n viewBox: \"0 0.71 15 28.58\",\n x: 115,\n y: 22,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 15,\n height: 30,\n viewBox: \"0.067 0.851 14.873 28.338\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path34 || (_path34 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M14.94 20.603c-.014-.613-.056-1.213-.054-1.8.002-.452-.027-.882-.175-1.317a3.379 3.379 0 0 1-.178-1.441c.068-.692.028-1.39-.425-2a2.236 2.236 0 0 1-.29-.491c-.211-.543-.766-.842-1.332-1.042-.602-.211-1.297-.285-1.966-.355-.508-.052-1.042.005-1.56-.015-.61-.024-1.226-.047-1.82-.124-1.504-.196-2.226-1.058-2.003-2.043.044-.195.024-.399.02-.598-.022-.884.07-1.797.315-2.766.069-.273.159-.56.307-.824.218-.387.693-.518 1.01-.341.864.29 1.17 1.307 1.26 2.123.033.283.039.606.01.928.046.382.064.767.068 1.149.22.257.41.539.544.832.237.517.791.572 1.378.603.222.014.469-.065.676-.028.874.16 1.732-.056 2.62-.163.062-.16.148-.29.151-.414.019-.615 0-1.236.019-1.873s-.358-1.218-.183-1.913c.013-.052-.033-.108-.046-.163-.19-.776-.379-1.574-.578-2.398-.043-.176-.068-.371-.164-.515-.626-.938-1.403-1.786-2.451-2.306-.607-.3-1.281-.062-1.878-.408-.023-.014-.05-.022-.076-.032-.127-.01-.255-.02-.382-.017a4.4 4.4 0 0 0-.314.018l-.12.013-.072.01c-.852.164-1.489-.003-2.209.386a.953.953 0 0 1-.192.07c-.44.232-.892.43-1.319.677-.315.18-.631.394-.89.646a4.706 4.706 0 0 0-1.343 2.47 4.778 4.778 0 0 1-.297.904c-.4.953-.842 1.853-.575 2.75.038.129-.01.297-.079.431-.237.46-.24.904-.203 1.346.015.184.053.375 0 .553-.142.467-.064.897.054 1.32a.821.821 0 0 1 .178.298c.019.06.035.15.072.202l-.035-.083.044.098c.063.14.126.28.184.425.05.124.09.253.116.387.294.21.43.482.534.777.042.12.172.246.314.322.349.19.7.403 1.103.526.55.168 1.152.256 1.598.59.061.045.175.058.268.072.598.095 1.199.18 1.8.283.851.143 1.737.184 2.545.503.387.153.61.352.653.707.073.596.203 1.202.281 1.827a.956.956 0 0 1-.067.45c-.091.384-.154.77-.265 1.148-.115.388-.272.796-.562 1.089-.304.305-.761.42-1.17.27-.501-.182-.811-.642-1.015-1.142a1.644 1.644 0 0 1-.358-.677c-.177-.676-.365-1.322-.467-1.964-.117-.736-.766-1.156-1.678-1.078-.894.078-1.776.224-2.655.35-.43.062-.653.28-.688.615-.008.073-.009.149-.02.222-.13.878.244 1.767.349 2.729.032.29.228.58.159.908a.52.52 0 0 0 .059.335c.32.58.56 1.219 1.06 1.773.323.359.554.808.805 1.246.037.064.024.156.013.252.059.039.119.073.177.116.334.234.54.525.649.835l.079-.03c.364.25.724.459 1.038.737.339.299.636.663 1.002 1.065.184.06.447.123.697.234 1.014.452 2.012.32 3.014.267.219-.013.436-.12.625-.235.283-.174.56-.357.836-.542.197-.225.42-.42.663-.606.135-.103.276-.198.42-.286.09-.121.18-.241.268-.364l.02-.1c-.003-.032-.022-.08-.007-.096.429-.555 1.008-.996 1.087-1.77.612-.511.672-1.194.647-1.955-.024-.708.205-1.383.32-2.05.03-.173.056-.347.052-.522z\"\n })))));\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgLogoDay, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/logo-day.2dba1f4d.svg\";\nexport { ForwardRef as ReactComponent };","var _circle, _path;\nvar _excluded = [\"svgRef\", \"title\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar SvgProfileFill = function SvgProfileFill(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"Layer_1\",\n x: \"0px\",\n y: \"0px\",\n viewBox: \"0 0 100 99.5\",\n style: {\n enableBackground: \"new 0 0 100 99.5\"\n },\n xmlSpace: \"preserve\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 50.1,\n cy: 39.5,\n r: 16.7\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M50,0.3C22.7,0.3,0.4,22.5,0.4,49.9S22.7,99.5,50,99.5s49.6-22.3,49.6-49.6S77.3,0.3,50,0.3z M79.2,81.2 C75.5,71.5,67.6,61.1,50,61.1c-17.5,0-25.5,10.4-29.2,20.2c-8.4-7.8-13.7-19-13.7-31.3C7.1,26.3,26.3,7,50,7s42.9,19.2,42.9,42.9 C92.9,62.2,87.5,73.4,79.2,81.2z\"\n })));\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgProfileFill, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/profile-fill.1146f5aa.svg\";\nexport { ForwardRef as ReactComponent };","var _rect, _rect2, _rect3;\nvar _excluded = [\"svgRef\", \"title\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar SvgHamburger = function SvgHamburger(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 21,\n height: 16,\n viewBox: \"0 0 21 16\",\n fill: \"none\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n y: 14,\n width: 21,\n height: 2,\n rx: 0.5,\n fill: \"black\"\n })), _rect2 || (_rect2 = /*#__PURE__*/React.createElement(\"rect\", {\n width: 21,\n height: 2,\n rx: 0.5,\n fill: \"black\"\n })), _rect3 || (_rect3 = /*#__PURE__*/React.createElement(\"rect\", {\n x: 5,\n y: 7,\n width: 16,\n height: 2,\n rx: 0.5,\n fill: \"black\"\n })));\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgHamburger, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/hamburger.6f7c9e83.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2;\nvar _excluded = [\"svgRef\", \"title\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar SvgAutoFixHighBlack36Dp = function SvgAutoFixHighBlack36Dp(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n height: \"36px\",\n viewBox: \"0 0 24 24\",\n width: \"36px\",\n fill: \"#000000\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0 0h24v24H0z\",\n fill: \"none\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.5 5.6L10 7 8.6 4.5 10 2 7.5 3.4 5 2l1.4 2.5L5 7zm12 9.8L17 14l1.4 2.5L17 19l2.5-1.4L22 19l-1.4-2.5L22 14zM22 2l-2.5 1.4L17 2l1.4 2.5L17 7l2.5-1.4L22 7l-1.4-2.5zm-7.63 5.29c-.39-.39-1.02-.39-1.41 0L1.29 18.96c-.39.39-.39 1.02 0 1.41l2.34 2.34c.39.39 1.02.39 1.41 0L16.7 11.05c.39-.39.39-1.02 0-1.41l-2.33-2.35zm-1.03 5.49l-2.12-2.12 2.44-2.44 2.12 2.12-2.44 2.44z\"\n })));\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgAutoFixHighBlack36Dp, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/auto_fix_high_black_36dp.c2679d8c.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2;\nvar _excluded = [\"svgRef\", \"title\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar SvgPlay = function SvgPlay(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 32,\n height: 32,\n viewBox: \"0 0 32 32\",\n fill: \"none\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12.1797 10.5532V21.4468C12.1797 21.8629 12.5201 22.2033 12.9362 22.2033C13.0497 22.2033 13.201 22.1655 13.3144 22.0899L22.2411 16.643C22.5816 16.4161 22.695 15.9622 22.5059 15.5839C22.4303 15.4705 22.3546 15.3948 22.2411 15.3192L13.3144 9.91018C12.974 9.68323 12.4823 9.7967 12.2932 10.175C12.2175 10.2884 12.1797 10.4397 12.1797 10.5532Z\",\n fill: \"black\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16 32C7.14894 32 0 24.8511 0 16C0 7.14894 7.14894 0 16 0C24.8511 0 32 7.14894 32 16C32 24.8511 24.8511 32 16 32ZM16 0.756501C7.56501 0.756501 0.756501 7.60284 0.756501 16C0.756501 24.3972 7.56501 31.2435 16 31.2435C24.435 31.2435 31.2435 24.435 31.2435 16C31.2435 7.60284 24.435 0.756501 16 0.756501Z\",\n fill: \"black\"\n })));\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgPlay, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/play.a73afbe1.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nvar _excluded = [\"svgRef\", \"title\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar SvgPause = function SvgPause(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 32,\n height: 32,\n viewBox: \"0 0 32 32\",\n fill: \"none\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M15.975 0C24.8112 0 32 7.13885 32 15.975C32 24.8112 24.8112 32 15.975 32C7.13885 32 0 24.8112 0 15.975C0 7.13885 7.13885 0 15.975 0ZM11.2324 9.48518H14.3775V22.5148H11.2324V9.48518ZM17.5725 9.48518H20.7176V22.5148H17.5725V9.48518Z\",\n fill: \"black\"\n })));\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgPause, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/pause.3965b6e0.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState, useContext ,useEffect} from 'react';\nimport CancelIcon from '@material-ui/icons/Close';\nimport API from '../../services/api';\nimport TrackContext from '../../contexts/track-context';\nimport {ReactComponent as Play } from '../../assets/play.svg';\nimport {ReactComponent as Pause } from '../../assets/pause.svg';\nimport Amplitude from 'amplitudejs'\nimport Helper from '../../services/helper'\nimport { Link, useHistory } from 'react-router-dom';\nimport \"./style.css\";\nimport MewoService from '../../services/mewoService';\nimport Constants from '../../services/constants';\n\nfunction AiSearch(props) {\n let trackContext = useContext(TrackContext);\n const history = useHistory();\n const {\n searchkey,\n setSearchkey,\n initialRouting,\n setinitialRouting,\n setTrackFilter\n } = trackContext;\n const [searchAI,setSearchAI]=useState(false);\n const [panel,setPanel]=useState([]);\n const [totalPanel,setTotalPanel]=useState(0);\n const [track,setTrack]=useState([]);\n const [totalTrack,setTotalTrack]=useState(0);\n\n\n const setAISearch = (e) => {\n if (e.key !== 'Enter' && e.target.value !== \"\" && e.target.value.startsWith('https://')) {\n props.handleAISearch(e.target.value);\n props.handleAISearchmusic(e.target.value);\n \n }\n if (e.key === 'Enter' && e.target.value !== \"\" && e.target.value.startsWith('https://')) {\n\n if(trackContext.path===\"/\" ||trackContext.path.startsWith(\"/search/track/\")||trackContext.path.startsWith(\"/search/albums\") ){\n history.push(`/search/track/`)\n }\n\n if(trackContext.path===\"/sound-design\" ||trackContext.path.startsWith(\"/sound-design/search/track/\")||trackContext.path.startsWith(\"/sound-design/search/albums\") ){\n history.push(`/sound-design/search/track/`)\n } \n\n props.handleAISearch(e.target.value); \n // props.handleAISearchmusic(e.target.value);\n \n }\n }\n const getTrackList = Helper.debounce(async(e) => {\n trackContext.setSearch(true)\n setSearchAI(e ? true:false); \n setSearchkey(e); \n \n if (e.indexOf('https://') !== -1) {\n setSearchAI(false);\n return;\n }\n let trackReqObj = {\n url : `public/search/panel/track`,\n method : 'post',\n data: JSON.stringify({\n query : e,\n options: { size: 10, search_descriptions: trackContext.searchDescription33333},\n }),\n };\n \n await MewoService.loadMewoData(trackReqObj).then((res) => {\n \n if(res?.hits !== undefined || res?.hits !== null){\n setTrack(res.hits);\n setTotalTrack(res.total?.value);\n }else{\n Helper.handleError(res);\n }\n });\n let albumsReqObj = {\n url : `public/search/panel`,\n method : 'post',\n data: JSON.stringify({\n query : e,\n albums: { page: 0, max: Constants.ALBUM_TRACKS_DEFAULT_PAGE_SIZE, search_descriptions: trackContext.searchDescription },\n }),\n };\n await MewoService.loadMewoData(albumsReqObj).then((res) => {\n if(res?.albums !== undefined || res?.albums !== null){\n setPanel(res.albums?.hits)\n setTotalPanel(res.albums?.total?.value);\n }else{\n Helper.handleError(res);\n }\n });\n\n }, 500)\n const fetchTrack = (trackId) => {\n if (trackId === trackContext.currentTrackDetail.id) {\n trackContext.setPlayPause(!trackContext.playPause);\n return ;\n }\n if (Amplitude.getSongs().length) {\n Amplitude.stop()\n Amplitude.removeSong(0)\n }\n API.playTrack(trackId).then(res => {\n if(res?.data?.success){\n trackContext.setCurrentTrack(res.data.data.audiofile)\n trackContext.setCurrentTrackDetail(res.data.data)\n trackContext.setCurrentTrackImage(res.data.data.album.image.xsmall.url);\n }else{\n Helper.handleError(res?.data);\n }\n });\n }\n\n const seeTrackListData = () => {\n props.handleAISearch(trackContext.searchkey);\n trackContext.setSearchAlbums(false);\n \n props.closeProjectModal();\n }\n const seeAlbumListData = () => {\n //load album list data \n trackContext.setSearchAlbums(true);\n props.handleAISearchmusic(trackContext.searchkey,props.checked);\n props.closeProjectModal();\n }\n\n const loadAlbumData=(albumId)=>{\n //go to album page & load album data\n props.closeProjectModal();\n localStorage.removeItem(\"filter_album\");\n // history.push(`/album/${albumId}`);\n }\n\n return (\n \n
\n :\n <>\n {\n showOverlayLoader &&\n \n
\n 404
\nPage not found
\n\n
\n }\n {showSignupForm &&\n \n
\n PROCESSING
\n Please wait while we set up things for you!
\n \n
\n \n )\n}\n\nexport default AiSearch;","var _path, _path2;\nvar _excluded = [\"svgRef\", \"title\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar SvgCloseDay = function SvgCloseDay(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 17,\n height: 16,\n viewBox: \"20 24 17 16\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 14,\n height: 14,\n x: 21,\n y: 25,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 14,\n height: 14,\n viewBox: \"0.872 0.478 12.926 12.926\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M4.187 1.047l9.042 9.043c.759.759.759 1.986 0 2.745a1.94 1.94 0 0 1-2.746 0L1.441 3.793a1.94 1.94 0 0 1 0-2.746 1.94 1.94 0 0 1 2.746 0z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 14,\n height: 14,\n x: 21,\n y: 25,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 14,\n height: 14,\n viewBox: \"0.872 0.522 12.926 12.926\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M1.441 10.134l9.042-9.042a1.94 1.94 0 0 1 2.746 0c.759.759.759 1.986 0 2.745L4.187 12.88a1.94 1.94 0 0 1-2.746 0 1.94 1.94 0 0 1 0-2.745z\"\n })))));\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgCloseDay, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/close-day.41b1c390.svg\";\nexport { ForwardRef as ReactComponent };","var _image, _path, _path2, _path3;\nvar _excluded = [\"svgRef\", \"title\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar SvgProfileDay = function SvgProfileDay(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 62,\n height: 35,\n viewBox: \"363 16 30 35\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 62,\n height: 35,\n viewBox: \"363 16 62 35\",\n x: 363,\n y: 16,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _image || (_image = /*#__PURE__*/React.createElement(\"image\", {\n xlinkHref: \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAjCAYAAADMibkBAAAF2ElEQVRoQ+VZS08kVRQ+5z6qWqCfgLNw507doP6KWU4cjZNZaNzpxkRdqlFjooljolt3JqMmLvwFakJkXMowQCBAh4fCQE93QYMDdDfNNefcunRRFA00GBptqL6PVDf3q++c73z3gvA/feF5cY+OjuZKQfBCZa3SBICmUgrspUE/EfbBjoF/qQ9Ab3QfvZTWPG8H9Mtv4VBzq20DUkoTWzOPw+8yUsqGUmqvHa69vb2tjoFPTBivUrl3c35h/n1EfMbTHmhP8wKo1Zr6mhYKUiBIpUBKBUIIkFKAEJL7QgqQYR8R7ZxAEIiACCAwHPO8YDzuPmrpcnPR/gmEftMR8MXFh88Kab77beTekERiwwImoEKJsB+yTWAJnCSgkkFjCIbneEyACexhkJLH9joObIcRe3bgc3Nz1/P5wg/zC4vZ+YUF8DwPPGJaEqMWCLMsCTi1xDjNW4ZlyDIBtQ/DtYKBt6IBgX6iLHcIMuljZwM+Wyy+mc9mv0qnM97Pv/wKxhjwfR883wetLXDgxTow9kE4Ju0DkaApOjS1+uBBMMxI6F4gyM6Bj42N9aZ6el5L9/V9PNDfP1AqBzB2/z74ngfaJ8YJuAappA1JpDyk/LVjZplCWdg0SPm+TQd6UAT2X0aZ8PUnMz47O5sBgM/TmcwbhXzebzT2YHxyEh7//dgCDy8Ka0Wss1BZ9izTAjAUKwpjSgGPHhJHx6W92gMvFovZ/f39O7lc7vVcLqfq9TqUSo9gYelPXjxdyvNsLrO4WfFyeS1DleYQJtYPVNuKlVPhS4B/PPCpqal+IeWXhXz+djabVfV6AzY2qvDX8jI095tW1LTH4U1hK5UrSxTCYY5HgYdAoyXHCdcZgEdr+HkyJBn4xMSEh1J+Vijk3+7PFyQxXa1uwlrpEdRqddCeAq0t01SiSNgEgeUwV6AEHCpBrhw5gA78KYBHgVLfXexlWEk7ex0FboyR09PT36bT6ZuDg4N+s9mEYH0DypUK7GzvcF5LrtuuZLnyJUGFNdcBjdZeZzKS2mPWHndodFsUOLmZiwHOoGdm7g4UCq9mMhloNvchWF+HcrkCtdouKzcxLSi8uU5b50XqbJVbho7LKnjcWUVBx/udEdfxpw4zPj0z80V/ofBePpeDWq0G5XIA5UrA9VoTOE112XlxZzdDxp2Ch7kcDeN2QnZJAtcC/uDB5Mso8UdPaajVdmBnt8aMW99t85ndGXtubLFM7isiYnGmk5i9JLDR8LDAScyWlpZ/F1K8SAv3QvEiY0I7J7KkZEZIvFjBWchC+xnx0VERa7dh6BrgIyMjz61XNyd8P2UtqKeAmKdNB9VpKlmOZVZxcmRSsOvijUSE8Xbi1QWAHeuW8eHh4efrzeYfKT/FYU3AyWGxl2ZzEhoT2l1FmCbgVxA0QT4I9aH16sYoMW7z2ZUrC9jtsnj3FNsixkWsS3M6Lv8W+OLiYr5UKgXa80HSyYmmnCYBI+XWXJ8p1Al467DA9uOmJB7OXRTeR8WNZsbHxwOUKm/Fy+6dqU5LYcd0iuLK0mlErEsBH85xGk1NTf0kpL7BhoT3yaTcrUOCKNNxlrvImJzW0bTqeLFYvAUCvyfVJidGouWYb3fskxTup/3rl3hfCzjV8r5s5qESokD1Op7LLszbAe3y8E7OcZpdWVn5BBE/SDrcixuSKyJixwXVYa++trZ2DQDGhBDUHpxwXlHlbpdJR7elpVLpFSHEXUTUJ+2uLnmHdR6JSNyPiyAIPkTEtxBx0IG74qGdbGDis8YYFQTBS0KIrxHx2n8MdMuyJsUMHUpUq9V3AOAjROyJ3nOF1Pt04pZ01+bm5g1jzB0AePoK5/TpQj1+19bW1qAx5lMAuAUA6fOoSpd89uR/KEQXur29/VSj0XgXAG4j4pNdAqKTZZwNuPsLq6urvalU6joiDgFArzFmDRF3Iytw27akk9JOFnqhn0HEhU6PZ3khJIDh+XYDEQ9AGmMwOr7QVV/Ql/0DH+1VvZ/yO3kAAAAASUVORK5CYII=\",\n width: 62,\n height: 35,\n x: 363,\n y: 16\n }))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 31,\n height: 31,\n viewBox: \"0 0 30.999 31\",\n fill: \"#191919\",\n opacity: 0.91,\n x: 365,\n y: 18,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 31,\n height: 31,\n viewBox: \"0.004 0 30.548 30.549\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M30.551 15.275c0 8.435-6.837 15.274-15.273 15.274C6.84 30.549.004 23.71.004 15.275c0-4.096 3.683-5.815 6.685-8.604C9.415 4.138 12.621 0 15.278 0 23.714 0 30.55 6.839 30.55 15.275z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 12,\n height: 7,\n viewBox: \"0 0.101 12 6.798\",\n fill: \"#f9f9f9\",\n x: 374,\n y: 35,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 12,\n height: 7,\n viewBox: \"0.601 0.549 11.354 6.432\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M6.274.549C3.912.549 1.734 2.232.6 4.882c1.468 1.1 6.342 4.107 11.354.017C10.823 2.238 8.64.549 6.274.549z\"\n })))), /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 8,\n height: 9,\n viewBox: \"0 0.501 8 7.999\",\n fill: \"#f9f9f9\",\n x: 376,\n y: 25,\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 8,\n height: 9,\n viewBox: \"0.374 0.909 7.449 7.448\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n paintOrder: \"stroke fill markers\",\n fillRule: \"evenodd\",\n d: \"M4.098.909A3.728 3.728 0 0 0 .374 4.633a3.728 3.728 0 0 0 3.724 3.724 3.728 3.728 0 0 0 3.724-3.724A3.728 3.728 0 0 0 4.098.909z\"\n })))));\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgProfileDay, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/profile-day.ec2f70fe.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useContext } from \"react\";\nimport { ReactComponent as CloseModal } from \"../../assets/close-day.svg\";\nimport { ReactComponent as CloseDay } from \"../../assets/close-day.svg\";\nimport { ReactComponent as ProfileDay } from \"../../assets/profile-day.svg\";\n// import {ReactComponent as UserProfile } from '../../assets/profile-fill.svg';\nimport { Link } from \"react-router-dom\";\nimport Constants from \"../../services/constants\";\nimport CookieManager from \"../../services/CookieManager\";\nimport \"./style.css\";\n\nimport Helper from \"../../services/helper\";\nimport TrackContext from \"../../contexts/track-context\";\n\nfunction MobileMenu(props) {\n // console.log('Mobile menu props : ', props)\n let userData = JSON.parse(CookieManager.getCookie(\"user-data\"));\n let trackContext = useContext(TrackContext);\n \n const handleMobileSearch = () => {\n props.setShowProjectModal(true);\n props.handleMobileMenuClose();\n };\n\n const handleSignoutClick = () => {\n trackContext.setShowLogoutPopup(true);\n props.handleMobileMenuClose();\n };\n\n return (\n \n
\n\n \n \n
\n \n {/* {\n searchAI &&\n \n { getTrackList(e.target.value) }}\n onKeyDown={setAISearch}\n className=\"placeholder-textGray-100 font-light p-2 mb-2 w-full text-2xl lg:text-2xl focus:outline-none border-b text-black bg-transparent\" \n placeholder='Search Music...'\n />\n { !searchAI &&\n
\n \n } \n \n
\n }\n { searchAI && \n <>\n \n
\n Search by:
\n \n
\n URL
\n Copy and paste a URL from a YouTube or Vimeo video here and our A.I. Search kicks into action to list the best matched tracks in our music!
\n\n \n
\n Keyword
\n Enter a keyword to search by Track Title, Description or by Album Name
\n\n \n
\n Search result for \"{searchkey}\"
\n \n
\n {panel?.length > 0 && \n \n
\n {totalTrack > 0 &&\n (\n \n Tracks ({totalTrack})
\n {\n track?.map(item=>{\n return \n
\n })\n }\n \n fetchTrack(item.id)}\n >\n { \n (trackContext.playPause && item.id === trackContext.currentTrackDetail.id) ? \n
\n \n
\n {item.title?.toLowerCase()}
\n{item.master_ownerships[0]?.label?.label_name?.toLowerCase()}
\nSee Tracks List
\n \n )\n }\n \n
\n\n }\n Albums ({totalPanel})
\n \n {\n panel?.map(item=>{\n return
\n {totalPanel> 0 &&(\n \n \n
\n })\n }\n \n \n ![]()
loadAlbumData(item.id)} src={item.image?.small?.url} className=\"cursor-pointer\" width='100%' alt='album art' onError={(e)=>trackContext.setDefaultImage(e)}/>\n \n
\n \n
\n {item.title?.toLowerCase()}
\n{item.display_artists[0]?.artist?.full_name?.toLowerCase()}
\n See Albums List
\n ) \n\n }\n \n { getTrackList(e.target.value) }}\n onKeyDown={setAISearch}\n className='p-2 mb-2 w-6/12 text-lg focus:outline-none border-b text-black bg-transparent'\n placeholder='Search Music...'\n />\n
\n } */}\n \n
\n );\n}\n\nexport default MobileMenu;\n","import React, { useState, useContext, useEffect } from 'react';\nimport { Link } from 'react-router-dom';\nimport './style.css';\nimport API from '../../services/api';\nimport Helper from '../../services/helper';\nimport { ReactComponent as Logo1 } from '../../assets/logo-day.svg';\n//import { ReactComponent as LogoDay } from '../../assets/logo-day.svg';\n//import { ReactComponent as LogoNight } from '../../assets/logo-night.svg';\n//import {ReactComponent as Logo1 } from '../../assets/Logo1.svg';\nimport { ReactComponent as UserProfile } from '../../assets/profile-fill.svg';\nimport { ReactComponent as MenuLogo } from '../../assets/hamburger.svg';\nimport { ReactComponent as ThumbPrintIcon } from '../../assets/auto_fix_high_black_36dp.svg';\n// import { Avatar } from '@material-ui/core';\nimport AiSearch from './aiSearch';\nimport TrackContext from '../../contexts/track-context';\nimport Constants from '../../services/constants';\nimport CookieManager from '../../services/CookieManager';\nimport { useHistory } from \"react-router-dom\";\nimport MobileMenu from './mobileMenu';\nimport { ErrorToast, InfoToast } from \"../../pure-components/CustomToast\";\nimport { toast } from 'react-toastify';\nimport AudioFileIcon from '@material-ui/icons/Audiotrack';\nimport axios from 'axios';\nimport suspendedImg from \"../../assets/red_card.png\"\nimport { Checkbox } from '@material-ui/core';\nimport MewoService from '../../services/mewoService';\nimport signInButtonImg from '../../assets/sign_in_button.png'\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\nimport UploadIconGIF from \"../../assets/upload_icon.gif\"\n\nexport default function Navbar(props) {\n const history = useHistory();\n const [userData, setUserData] = useState(JSON.parse(CookieManager.getCookie('user-data') || 'null'));\n // console.log('[PROPS NAVBAR]', props);\n\n // console.log(['/signin', '/register'].indexOf(props.location.pathname));\n\n // const [searchText, setSearchText] = useState('');\n const [showProjectModal, setShowProjectModal] = useState(false);\n let trackContext = useContext(TrackContext);\n const [showMobileMenu, setMobileMenu] = useState(false);\n\n const handleChange = (e) => {\n trackContext.setSearchDescription(e.target.checked);\n };\n\n const handleMobileMenu = () => {\n setMobileMenu(true);\n let navTag = document.getElementsByTagName('nav');\n navTag[0].style.zIndex = '20';\n\n }\n\n useEffect(() => {\n }, [userData])\n\n\n useEffect(() => {\n // console.log('monitoring body', props);\n let bodyTag = document.getElementsByTagName('body');\n if (trackContext.showProjectModal) {\n bodyTag[0].style.overflow = 'hidden';\n } else {\n bodyTag[0].style.overflow = 'auto';\n }\n }, [trackContext.showProjectModal])\n\n const handleMobileMenuClose = () => {\n setMobileMenu(false)\n }\n\n // const signOut = () => {\n // Helper.signOut();\n // }\n\n\n const hiddenFileInput = React.useRef(null);\n //allow user to upload audio file if user is signed in\n const handleClick = event => {\n hiddenFileInput.current.value=null;\n if (!trackContext.validateUser(Constants.ACTION.AUDIO_SEARCH)) {\n trackContext.setShowSubscribePopup(true);\n trackContext.setUserAction(Constants.ACTION.AUDIO_SEARCH);\n return;\n }\n hiddenFileInput.current.click();\n };\n\n //uploading audio file\n const uploadAudioFile=(file)=>{\n let fileName=\"\"\n if(file){\n \n fileName=file.name\n }else{\n\n fileName = trackContext.trackFilter.fileName\n }\n {(trackContext.path.startsWith(\"/search\")||trackContext.path===\"/\")?\n history.push( `/search/track/`)\n :\n history.push( `/sound-design/search/track/`)} \n trackContext.setFileUpload(true);\n let data=new FormData();\n data.append('file',file);\n handleAudioSearch(data,file.name);\n }\n\n let counter = 60;\n\n const handleSearch = async (e) => {\n let userData = JSON.parse(CookieManager.getCookie('user-data'));\n // if (trackContext.userDetails.email === undefined || trackContext.userDetails.subscribed === false) \n if (userData === null) {\n trackContext.setShowSubscribePopup(true);\n trackContext.setUserAction('AI Search');\n return;\n }\n trackContext.setSearch(true);\n }\n\n const handleAudioSearch = async (value,fileName) => {\n const CancelToken = axios.CancelToken;\n const source = CancelToken.source();\n trackContext.setCancelToken(source);\n let response = await API.uploadAudioFileToMEWO(value, (event) => {\n // trackContext.setIsLoading(true);\n trackContext.setShowProgress(true);\n let progress = Math.round((100 * event.loaded) / event.total);\n trackContext.setProgressValue(progress);\n },source);\n CookieManager.setCookie(\"stopAISearch\", false);\n if (response.status == 200) {\n clearSearchTag();\n trackContext.setShowProgress(false);\n trackContext.setProgressValue(0);\n trackContext.handleMaiaOnWork(true);\n trackContext.setTrackData([]);\n trackContext.setCancelToken();\n let {data}=response;\n let newTrackFilter = { ...trackContext.trackFilter };\n newTrackFilter.fileName=fileName;\n newTrackFilter.searchId=data;\n trackContext.setTrackFilter(newTrackFilter);\n looper(data);\n } else{\n if(response.message == Constants.FILE_UPLOAD_CANCELLED)\n toast(({ closeToast }) => \n
\n \n \n
\n {process.env.REACT_APP_MKT_SITE_MUSIC_LABEL}
\n \n \n {\" \"}\n \n {process.env.REACT_APP_MKT_SITE_SOUND_DESIGN_LABEL}\n \n
\n \n {\" \"}\n {/* \n {process.env.REACT_APP_MKT_SITE_VOICEGEN_LABEL}\n */}\n
\n \n {\" \"}\n \n {process.env.REACT_APP_MKT_SITE_INSPIRATION_LABEL}\n \n {/* \n {process.env.REACT_APP_MKT_SITE_INSPIRATION_LABEL}\n */}\n
\n \n AI SEARCH\n
\n\n {userData === null ? (\n <>\n \n {\" \"}\n \n {process.env.REACT_APP_MKT_SITE_PRICING_LABEL}\n \n
\n \n SIGN IN
\n \n \n ) : (\n <>\n \n \n {/*
\n \n \n \n
\n \n )}\n \n
\n ) : null}\n \n );\n}","var _path;\nvar _excluded = [\"svgRef\", \"title\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar SvgFolder = function SvgFolder(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 24,\n height: 28,\n viewBox: \"0 0 24 28\",\n fill: \"none\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.8472 2.61436H16.5458V2.07645C16.5458 1.41352 16.0285 0.874294 15.3929 0.874294H6.77798L6.08524 0.103604C6.02571 0.0373761 5.94271 0 5.85572 0H2.60706C1.97133 0 1.45424 0.539221 1.45424 1.20215V2.61436H1.15282C0.517094 2.61436 0 3.15358 0 3.81651C0 3.82569 0.000419233 3.83466 0.00104805 3.84362L0.838418 14.35C0.845964 15.006 1.36012 15.5371 1.99124 15.5371H5.79263C6.59437 16.4345 7.73378 17 9 17C10.2662 17 11.4056 16.4345 12.2072 15.5371H16.0088C16.6399 15.5371 17.154 15.006 17.1616 14.35L17.999 3.84362C17.9996 3.83466 18 3.82548 18 3.81651C18 3.1538 17.4827 2.61436 16.8472 2.61436ZM2.08305 1.20215C2.08305 0.90096 2.31823 0.655721 2.60706 0.655721H5.7199L6.41264 1.42641C6.47217 1.49264 6.55517 1.53002 6.64216 1.53002H15.3929C15.682 1.53002 15.9169 1.77525 15.9169 2.07645V2.61436H2.08305V1.20215ZM9 16.3445C6.9268 16.3445 5.24011 14.5856 5.24011 12.4237C5.24011 10.2618 6.9268 8.50317 9 8.50317C11.0732 8.50317 12.7597 10.262 12.7597 12.4239C12.7597 14.5859 11.0732 16.3445 9 16.3445ZM16.5336 14.3083C16.533 14.3172 16.5326 14.3264 16.5326 14.3354C16.5326 14.6363 16.2976 14.8814 16.0085 14.8814H12.6957C13.1321 14.1706 13.3885 13.3286 13.3885 12.4237C13.3885 9.90029 11.4199 7.84723 9 7.84723C6.58011 7.84723 4.6113 9.90029 4.6113 12.4237C4.6113 13.3286 4.86786 14.1706 5.30404 14.8814H1.99145C1.70262 14.8814 1.46744 14.6363 1.46744 14.3354C1.46744 14.3264 1.46702 14.3172 1.46639 14.3083L0.629233 3.80449C0.635311 3.50876 0.867972 3.27008 1.15324 3.27008H16.8474C17.1324 3.27008 17.3651 3.50876 17.3712 3.80449L16.5336 14.3083ZM11.1876 12.0959H9.3142V10.1423C9.3142 9.96127 9.17334 9.81439 8.99979 9.81439C8.82624 9.81439 8.68538 9.96127 8.68538 10.1423V12.0959H6.81194C6.63839 12.0959 6.49753 12.2427 6.49753 12.4237C6.49753 12.6047 6.63839 12.7516 6.81194 12.7516H8.68538V14.7052C8.68538 14.8862 8.82624 15.0331 8.99979 15.0331C9.17334 15.0331 9.3142 14.8862 9.3142 14.7052V12.7516H11.1876C11.3612 12.7516 11.502 12.6047 11.502 12.4237C11.502 12.2427 11.3612 12.0959 11.1876 12.0959Z\",\n fill: \"black\"\n })));\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgFolder, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/folder.40785a52.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2, _path3;\nvar _excluded = [\"svgRef\", \"title\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar SvgDownload = function SvgDownload(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 24,\n height: 24,\n viewBox: \"0 0 24 16\",\n fill: \"none\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M7.81114 12.3345C7.63899 12.5061 7.36035 12.5061 7.18811 12.3345L3.21755 8.37518C3.04502 8.20312 3.04462 7.92377 3.21666 7.75127C3.3887 7.57868 3.66805 7.57833 3.84058 7.75038L7.49967 11.399L11.1587 7.75038C11.3313 7.57833 11.6106 7.57868 11.7826 7.75127C11.9547 7.92377 11.9543 8.20312 11.7817 8.37518L7.81114 12.3345Z\",\n fill: \"black\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M7.49977 12.4632C7.25606 12.4632 7.05859 12.2657 7.05859 12.022V0.441176C7.05859 0.197523 7.25606 0 7.49977 0C7.74339 0 7.94095 0.197523 7.94095 0.441176V12.022C7.94095 12.2657 7.74339 12.4632 7.49977 12.4632Z\",\n fill: \"black\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M0.441176 10.5883C0.684829 10.5883 0.882352 10.7858 0.882352 11.0294V14.5588H14.1176V11.0294C14.1176 10.7858 14.3151 10.5883 14.5588 10.5883C14.8024 10.5883 15 10.7858 15 11.0294V15C15 15.2436 14.8024 15.4412 14.5588 15.4412H0.441176C0.197514 15.4412 0 15.2436 0 15V11.0294C0 10.7858 0.197514 10.5883 0.441176 10.5883Z\",\n fill: \"black\"\n })));\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgDownload, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/download.c5b63685.svg\";\nexport { ForwardRef as ReactComponent };","var _circle, _path, _path2, _path3, _path4;\nvar _excluded = [\"svgRef\", \"title\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar SvgActivedownload = function SvgActivedownload(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 20,\n height: 20,\n viewBox: \"0 0 18 18\",\n fill: \"none\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n cx: 9,\n cy: 9,\n r: 9,\n fill: \"#E30185\"\n })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 4.95795H11C10.908 4.96859 10.8231 5.01268 10.7615 5.08182C10.6999 5.15096 10.6659 5.24034 10.6659 5.33295C10.6659 5.42556 10.6999 5.51494 10.7615 5.58408C10.8231 5.65322 10.908 5.69731 11 5.70795H12C12.1989 5.70795 12.3897 5.78697 12.5303 5.92762C12.671 6.06827 12.75 6.25904 12.75 6.45795V11.958C12.75 12.1569 12.671 12.3476 12.5303 12.4883C12.3897 12.6289 12.1989 12.708 12 12.708H6C5.80109 12.708 5.61032 12.6289 5.46967 12.4883C5.32902 12.3476 5.25 12.1569 5.25 11.958V6.45795C5.25 6.25904 5.32902 6.06827 5.46967 5.92762C5.61032 5.78697 5.80109 5.70795 6 5.70795H7C7.092 5.69731 7.17687 5.65322 7.23848 5.58408C7.30008 5.51494 7.33413 5.42556 7.33413 5.33295C7.33413 5.24034 7.30008 5.15096 7.23848 5.08182C7.17687 5.01268 7.092 4.96859 7 4.95795H6C5.60218 4.95795 5.22064 5.11599 4.93934 5.39729C4.65804 5.6786 4.5 6.06013 4.5 6.45795V11.958C4.5 12.3558 4.65804 12.7373 4.93934 13.0186C5.22064 13.2999 5.60218 13.458 6 13.458H12C12.3978 13.458 12.7794 13.2999 13.0607 13.0186C13.342 12.7373 13.5 12.3558 13.5 11.958V6.45795C13.5 6.06013 13.342 5.6786 13.0607 5.39729C12.7794 5.11599 12.3978 4.95795 12 4.95795Z\",\n fill: \"white\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.13922 8.1425C7.10442 8.10754 7.06307 8.07977 7.01754 8.06078C6.97201 8.0418 6.92318 8.03197 6.87385 8.03185C6.82452 8.03173 6.77565 8.04133 6.73003 8.06011C6.68441 8.07888 6.64293 8.10645 6.60797 8.14125C6.573 8.17605 6.54523 8.2174 6.52625 8.26293C6.50726 8.30846 6.49743 8.35729 6.49732 8.40662C6.4972 8.45595 6.5068 8.50482 6.52557 8.55044C6.54434 8.59606 6.57192 8.63754 6.60672 8.6725L8.46422 10.53L8.81672 10.8825C8.83996 10.9059 8.86761 10.9245 8.89807 10.9372C8.92854 10.9499 8.96121 10.9564 8.99422 10.9564C9.02722 10.9564 9.05989 10.9499 9.09036 10.9372C9.12082 10.9245 9.14847 10.9059 9.17172 10.8825L9.52422 10.53L11.3817 8.6725C11.4165 8.63754 11.4441 8.59606 11.4629 8.55044C11.4816 8.50482 11.4912 8.45595 11.4911 8.40662C11.491 8.35729 11.4812 8.30846 11.4622 8.26293C11.4432 8.2174 11.4154 8.17605 11.3805 8.14125C11.3455 8.10645 11.304 8.07888 11.2584 8.06011C11.2128 8.04133 11.1639 8.03173 11.1146 8.03185C11.0653 8.03197 11.0164 8.0418 10.9709 8.06078C10.9254 8.07977 10.884 8.10754 10.8492 8.1425L9.36922 9.625V4.3125C9.36922 4.21304 9.32971 4.11766 9.25938 4.04733C9.18905 3.97701 9.09367 3.9375 8.99422 3.9375C8.89476 3.9375 8.79938 3.97701 8.72905 4.04733C8.65872 4.11766 8.61922 4.21304 8.61922 4.3125V9.625L7.13922 8.1425Z\",\n fill: \"white\"\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 4.95795H11C10.908 4.96859 10.8231 5.01268 10.7615 5.08182C10.6999 5.15096 10.6659 5.24034 10.6659 5.33295C10.6659 5.42556 10.6999 5.51494 10.7615 5.58408C10.8231 5.65322 10.908 5.69731 11 5.70795H12C12.1989 5.70795 12.3897 5.78697 12.5303 5.92762C12.671 6.06827 12.75 6.25904 12.75 6.45795V11.958C12.75 12.1569 12.671 12.3476 12.5303 12.4883C12.3897 12.6289 12.1989 12.708 12 12.708H6C5.80109 12.708 5.61032 12.6289 5.46967 12.4883C5.32902 12.3476 5.25 12.1569 5.25 11.958V6.45795C5.25 6.25904 5.32902 6.06827 5.46967 5.92762C5.61032 5.78697 5.80109 5.70795 6 5.70795H7C7.092 5.69731 7.17687 5.65322 7.23848 5.58408C7.30008 5.51494 7.33413 5.42556 7.33413 5.33295C7.33413 5.24034 7.30008 5.15096 7.23848 5.08182C7.17687 5.01268 7.092 4.96859 7 4.95795H6C5.60218 4.95795 5.22064 5.11599 4.93934 5.39729C4.65804 5.6786 4.5 6.06013 4.5 6.45795V11.958C4.5 12.3558 4.65804 12.7373 4.93934 13.0186C5.22064 13.2999 5.60218 13.458 6 13.458H12C12.3978 13.458 12.7794 13.2999 13.0607 13.0186C13.342 12.7373 13.5 12.3558 13.5 11.958V6.45795C13.5 6.06013 13.342 5.6786 13.0607 5.39729C12.7794 5.11599 12.3978 4.95795 12 4.95795Z\",\n fill: \"white\"\n })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.13922 8.1425C7.10442 8.10754 7.06307 8.07977 7.01754 8.06078C6.97201 8.0418 6.92318 8.03197 6.87385 8.03185C6.82452 8.03173 6.77565 8.04133 6.73003 8.06011C6.68441 8.07888 6.64293 8.10645 6.60797 8.14125C6.573 8.17605 6.54523 8.2174 6.52625 8.26293C6.50726 8.30846 6.49743 8.35729 6.49732 8.40662C6.4972 8.45595 6.5068 8.50482 6.52557 8.55044C6.54434 8.59606 6.57192 8.63754 6.60672 8.6725L8.46422 10.53L8.81672 10.8825C8.83996 10.9059 8.86761 10.9245 8.89807 10.9372C8.92854 10.9499 8.96121 10.9564 8.99422 10.9564C9.02722 10.9564 9.05989 10.9499 9.09036 10.9372C9.12082 10.9245 9.14847 10.9059 9.17172 10.8825L9.52422 10.53L11.3817 8.6725C11.4165 8.63754 11.4441 8.59606 11.4629 8.55044C11.4816 8.50482 11.4912 8.45595 11.4911 8.40662C11.491 8.35729 11.4812 8.30846 11.4622 8.26293C11.4432 8.2174 11.4154 8.17605 11.3805 8.14125C11.3455 8.10645 11.304 8.07888 11.2584 8.06011C11.2128 8.04133 11.1639 8.03173 11.1146 8.03185C11.0653 8.03197 11.0164 8.0418 10.9709 8.06078C10.9254 8.07977 10.884 8.10754 10.8492 8.1425L9.36922 9.625V4.3125C9.36922 4.21304 9.32971 4.11766 9.25938 4.04733C9.18905 3.97701 9.09367 3.9375 8.99422 3.9375C8.89476 3.9375 8.79938 3.97701 8.72905 4.04733C8.65872 4.11766 8.61922 4.21304 8.61922 4.3125V9.625L7.13922 8.1425Z\",\n fill: \"white\"\n })));\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgActivedownload, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/activedownload.0499cd3a.svg\";\nexport { ForwardRef as ReactComponent };","var _path, _path2;\nvar _excluded = [\"svgRef\", \"title\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar SvgAutoFixHighBlack18Dp = function SvgAutoFixHighBlack18Dp(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n height: \"18px\",\n viewBox: \"0 0 24 24\",\n width: \"18px\",\n fill: \"#000000\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0 0h24v24H0z\",\n fill: \"none\"\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M7.5 5.6L10 7 8.6 4.5 10 2 7.5 3.4 5 2l1.4 2.5L5 7zm12 9.8L17 14l1.4 2.5L17 19l2.5-1.4L22 19l-1.4-2.5L22 14zM22 2l-2.5 1.4L17 2l1.4 2.5L17 7l2.5-1.4L22 7l-1.4-2.5zm-7.63 5.29c-.39-.39-1.02-.39-1.41 0L1.29 18.96c-.39.39-.39 1.02 0 1.41l2.34 2.34c.39.39 1.02.39 1.41 0L16.7 11.05c.39-.39.39-1.02 0-1.41l-2.33-2.35zm-1.03 5.49l-2.12-2.12 2.44-2.44 2.12 2.12-2.44 2.44z\"\n })));\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgAutoFixHighBlack18Dp, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/auto_fix_high_black_18dp.ccfa60a3.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nvar _excluded = [\"svgRef\", \"title\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar SvgClose = function SvgClose(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 10,\n height: 9,\n viewBox: \"0 0 10 9\",\n fill: \"none\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1.56107 8.4763L1.56162 8.47712L1.56869 8.47005L5.01633 5.02241L8.46396 8.47005L8.46326 8.47075L8.47159 8.4763C8.61899 8.57457 8.81502 8.57457 8.96243 8.4763L8.97075 8.47075L8.9763 8.46243C9.07457 8.31502 9.07457 8.11899 8.9763 7.97159L8.97712 7.97104L8.97005 7.96396L5.52241 4.51633L8.97005 1.06869L8.97075 1.06939L8.9763 1.06107C9.07457 0.913661 9.07457 0.717631 8.9763 0.570224L8.97712 0.569675L8.97005 0.562604C8.89671 0.489263 8.80824 0.45 8.71701 0.45C8.62577 0.45 8.53731 0.489263 8.46396 0.562604L5.01633 4.01024L1.56869 0.562604C1.49535 0.489263 1.40688 0.45 1.31565 0.45C1.22441 0.45 1.13594 0.489263 1.0626 0.562604C0.989263 0.635944 0.95 0.72441 0.95 0.815646C0.95 0.906883 0.989263 0.995348 1.0626 1.06869L4.51024 4.51633L1.0626 7.96396C0.989263 8.03731 0.95 8.12577 0.95 8.21701C0.95 8.30824 0.989263 8.39671 1.0626 8.47005L1.0619 8.47075L1.07022 8.4763C1.21763 8.57457 1.41366 8.57457 1.56107 8.4763Z\",\n fill: \"white\",\n stroke: \"black\",\n strokeWidth: 0.1\n })));\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgClose, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/close.4cc9f1d3.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useEffect, useState } from 'react';\r\n\r\nexport default function SvgInline(props){\r\n const [svg, setSvg] = useState(null);\r\n const [isLoaded, setIsLoaded] = useState(false);\r\n const [isErrored, setIsErrored] = useState(false);\r\n\r\n useEffect(() => {\r\n fetch(props.url)\r\n .then(res => res.text())\r\n .then((res) => {\r\n if(!res?.includes(\"\n
\n \n
\n \n {/* \n \n
\n \n
\n \n props.fetchTrack(alternateVersion.id, true)}\n >\n {trackContext.playPause &&\n alternateVersion.id === trackContext.currentTrackDetail.id ? (\n
\n \n
\n \n {String(alternateVersion?.display_title).toLowerCase()}\n
\n \n {String(\n alternateVersion?.artists_publishing_ownerships[0]?.artist\n .full_name\n ).toLowerCase()}\n
\n \n \n {alternateVersion?.version?.names[0]?.value}\n \n {/* \n {\n props.tags.sort((a,b)=>(a.names[0].value < b.names[0].value) ? -1 : 1).map(tag => (\n
\n {if(!(trackContext.searchTags.tags_or?.some(item1 => item1.includes(tag.id)) && !trackContext.searchTags.tags_not?.includes(tag.id)\n || trackContext.searchTags.tags?.includes(tag.id))) addSearchTag(tag.id, tag.names[0].value)}} \n className={\n (trackContext.searchTags.tags_or?.some(item1 => item1.includes(tag.id)) && !trackContext.searchTags.tags_not?.includes(tag.id)) ||\n trackContext.searchTags.tags?.includes(tag.id)?\n `flex pt-1 pb-1 pl-2 pr-2 mr-1 mb-1 text-xs border text-gray-800 border-transparent rounded-full cursor-pointer bg-gray-200`\n :\n `flex pt-1 pb-1 pl-2 pr-2 mr-1 mb-1 text-xs border border-gray-600 rounded-full cursor-pointer hover:bg-gray-400 hover:text-gray-800 hover:scale-75`\n }\n >{tag.names[0].value}\n {(trackContext.searchTags.tags_or?.some(item1 => item1.includes(tag.id)) && !trackContext.searchTags.tags_not?.includes(tag.id)\n || trackContext.searchTags.tags?.includes(tag.id)) &&\n {e.stopPropagation();removeSearchTag(tag.id, tag.names[0].value)}}\n className=\"mt-1 ml-1\" />}\n
\n ))\n }\n */}\n \n \n
\n \n {Math.round(alternateVersion.bpm)} BPM\n
\n \n {alternateVersion.duration &&\n new Date(alternateVersion.duration * 1000)\n .toISOString()\n .substr(14, 5)}\n
\n \n {\n handleThumbPrintSearch(alternateVersion.id, alternateVersion?.display_title)}\n onClick={() => props.handleMagicWandClick({id : alternateVersion.id, title: alternateVersion?.display_title})}\n />\n }\n {props.favs.indexOf(alternateVersion.id) !== -1 ? (\n \n props.handleAddTrackToFavorites(alternateVersion.id)\n }\n style={{ fontSize: \"20px\" }}\n className=\"fav-icon mx-2 self-center cursor-pointer text-red-600 hover:scale-50\"\n />\n ) : (\n \n props.handleAddTrackToFavorites(alternateVersion.id)\n }\n style={{ fontSize: \"20px\" }}\n className=\"unfav-icon mx-2 self-center cursor-pointer text-gray-600 hover:text-red-600\"\n />\n )}\n props.handleProjectModal(alternateVersion.id)}\n className=\"folder-icon mt-3 mx-2 self-center cursor-pointer text-gray-700 hover:text-blue-600\"\n />\n {/* props.handleDownloadTrack(event,alternateVersion.id)}\n style={{fontSize: '20px'}} \n className='hidden sm:-1 sm:mt-3 sm:self-center sm:right-0 sm:cursor-pointer sm:text-gray-700 sm:hover:text-blue-600 sm:block'\n /> */}\n {props.download.indexOf(alternateVersion.id) !== -1 ? (\n \n props.handleDownloadTrack(event, alternateVersion.id)\n }\n style={{ fontSize: \"20px\" }}\n className=\"self-center mx-2 sm:cursor-pointer sm:text-gray-700 sm:hover:text-blue-600\"\n />\n ) : (\n \n props.handleDownloadTrack(event, alternateVersion.id)\n }\n style={{ fontSize: \"20px\" }}\n className=\"self-center mt-1 mx-2 sm:cursor-pointer sm:text-gray-700 sm:hover:text-blue-600\"\n />\n )}\n {\n \n \n { props.handleDownloadArchive(alternateVersion.id, \"original\"); props.handleClose() }\n }\n className=\"card-action\"\n >\n \n Original HD - All versions\n \n \n { props.setDownloadHistory(alternateVersion.id); props.handleClose() }}\n className=\"card-action\"\n >\n \n MP3 - Single track\n \n \n { props.handleDownloadArchive(alternateVersion.id, \"hd_mp3\"); props.handleClose() }\n }\n className=\"card-action\"\n >\n \n MP3 - All versions\n \n \n \n }\n
\n \n ))}\n \n );\n}\n","import React, { useEffect, useState, useContext } from \"react\";\nimport CardContent from \"@material-ui/core/CardContent\";\nimport API from \"../../services/api\";\nimport FavoriteIcon from \"@material-ui/icons/Favorite\";\nimport UnFavoriteIcon from \"@material-ui/icons/FavoriteBorderOutlined\";\nimport { ReactComponent as CreateNewFolderIcon } from \"../../assets/folder.svg\";\nimport { ReactComponent as GetAppIcon } from \"../../assets/download.svg\";\nimport { ReactComponent as Activedownload } from \"../../assets/activedownload.svg\";\nimport { ReactComponent as ThumbPrint } from \"../../assets/auto_fix_high_black_18dp.svg\";\nimport \"./style.css\";\nimport Menu from \"@material-ui/core/Menu\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport Amplitude from \"amplitudejs\";\nimport TrackContext from \"../../contexts/track-context\";\nimport Tabs from \"@material-ui/core/Tabs\";\nimport { ReactComponent as Play } from \"../../assets/play.svg\";\nimport { ReactComponent as Pause } from \"../../assets/pause.svg\";\nimport { ReactComponent as Close } from \"../../assets/close.svg\";\nimport AlternateTracks from \"./alternate-tracks\";\nimport CookieManager from \"../../services/CookieManager\";\nimport { Link, useHistory, useParams } from 'react-router-dom';\nimport { BouncingLoader } from \"../../pure-components/Loader\";\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess';\nimport { toast } from \"react-toastify\";\nimport { ErrorToast, SuccessToast } from \"../../pure-components/CustomToast\";\nimport RippleLoader from \"../../assets/loader-2.gif\";\nimport Helper from \"../../services/helper\";\nimport defaultImage from \"../../assets/default_music.png\";\nimport Constants from \"../../services/constants\";\nimport SvgInline from \"../../pure-components/SvgInLine\";\nimport MewoService from \"../../services/mewoService\";\n\n\nexport default function TrackItem(props) {\n\n let trackContext = useContext(TrackContext);\n const { filterMenu, setFilterMenu, setFilterSubMenu, setFilterSubMenuchild } = trackContext;\n const [favs, setFavs] = useState([]);\n const [download, setDownload] = useState([]);\n const [showDownloadModal, setShowDownloadModal] = useState(false);\n const [downloadModalPosition, setDownloadModalPosition] = useState(null);\n const [ChidDownloadModalPosition, setChilddownloadModalPosition] = useState(null);\n const [hdmp3File, setHdmp3File] = useState(false);\n const [originalFile, setOriginalFile] = useState(false);\n const [alternateVersions, setAlternateVersions] = useState([]);\n const [expand, setExpand] = useState(false);\n const [showLoader, setShowLoader] = useState(false)\n const { searchTags } = trackContext.trackFilter;\n const history = useHistory(); \n const {playlistId,albumId}=useParams()\n\n useEffect(() => {\n if (localStorage.getItem(\"favs\") !== \"undefined\") {\n const favorites = JSON.parse(localStorage.getItem(\"favs\"));\n favorites !== null && setFavs(favorites);\n }\n if (localStorage.getItem(\"download\") !== \"undefined\") {\n const download = JSON.parse(localStorage.getItem(\"download\"));\n download !== null && setDownload(download);\n }\n }, []);\n\n const fetchTrack = (trackId, isAltVersion = false) => {\n // if (!trackContext.validateUser(Constants.ACTION.PLAY)) {\n // trackContext.setShowSubscribePopup(true);\n // trackContext.setUserAction(Constants.ACTION.PLAY);\n // return;\n // }\n if (trackId === trackContext.currentTrackDetail.id && trackContext.playingFrom === props.pageId) {\n trackContext.setPlayPause(!trackContext.playPause);\n return;\n }\n if (Amplitude.getSongs().length) {\n Amplitude.stop();\n Amplitude.removeSong(0);\n }\n trackContext.setpreviousTrack(props.previousTrack);\n props.setFetchingTrack(true);\n API.playTrack(trackId).then((res) => {\n props.setFetchingTrack(false);\n if (res?.data?.success) {\n trackContext.setPlayingFrom(props.pageId)\n trackContext.setalltrackData(trackContext.trackData)\n trackContext.setCurrentTrack(res.data.data.audiofile);\n trackContext.setCurrentTrackDetail({\n ...res.data.data,\n tags: props.tags,\n artist: props.artist,\n artist_type: props.rights_type,\n });\n } else {\n Helper.handleError(res?.data);\n }\n });\n };\n\n const fetchAltVersion = async(trackId, expandval = false) => {\n if (expandval) {\n let reqObj = {\n url : `public/tracks/${trackId}/versions`, \n method : 'get'\n };\n \n await MewoService.loadMewoData(reqObj).then((res) => {\n if(res){\n if (res?.length > 0) {\n setAlternateVersions(res);\n } else {\n let altVer = {\n album: { title: props.album },\n artists_publishing_ownerships: [\n {\n artist: { full_name: props.artist.full_name },\n rights_type: { key: props.rights_type },\n },\n ],\n master_ownerships:[{label:{label_name:props.producer}}]\n };\n\n setAlternateVersions([{ ...altVer }]);\n }\n setExpand(expandval);\n props.setExpandedTrackId(trackId);\n }else{\n Helper.handleError(res);\n }\n })\n .catch((err) => {\n toast(({ closeToast }) => (\n \n
\n \n
\n \n {props.albumId !=null && props.image != null ? (\n \n trackContext.setDefaultImage(e)}\n />\n ) : (\n
\n \n fetchTrack(props.trackId)}\n >\n {trackContext.playPause &&\n props.trackId === trackContext.currentTrackDetail.id && trackContext.playingFrom === props.pageId ? (\n
\n \n {\" \"}\n {props?.title?.toLowerCase()}\n
\n \n {\" \"}\n {Helper.getArtistName(props.artists)?.toLowerCase()}{\" \"}\n
\n \n {props?.description !== undefined && props?.description?.length > 0 ? props.description : \"\"}\n
\n \n {/* Tags placement */}\n {/* \n {props.similarity !== undefined && props.similarity > 0 ? parseFloat(props.similarity).toFixed(0) + \"%\" : null}\n
*/}\n \n {/* */}\n \n
\n \n
\n \n {props.versions !== undefined && (props.versions-1) !==0 &&\n \n
\n \n \n \n <>\n +\n {props.versions-1}\n \n
\n }\n \n {props.bpm !== undefined ? Math.round(props.bpm) + \" BPM\" : null}\n
\n \n {props.duration &&\n new Date(props.duration * 1000).toISOString().substr(14, 5)}\n
\n \n\n {\n // handleAddTrackToFavorites(props.trackId)}\n style={{ fontSize: \"20px\" }}\n className=\"fav-icon ml-3 sm:m-1 sm:mr-2 self-center sm:right-0 cursor-pointer text-ctaRed\"\n />\n ) : (\n handleAddTrackToFavorites(props.trackId)}\n style={{ fontSize: \"20px\" }}\n className=\"trackicon unfav-icon ml-3 sm:m-1 sm:mr-2 self-center sm:right-0 cursor-pointer text-gray-600 hover:text-ctaRed\"\n />\n )}\n handleProjectModal(props.trackId)}\n className=\"trackicon folder-icon ml-4 mt-2 sm:m-1 sm:mt-2 self-center sm:right-0 cursor-pointer text-gray-700 hover:text-blue-600\"\n />\n {download.indexOf(props.trackId) !== -1 ? (\n handleDownloadTrack(event, props.trackId)}\n style={{ fontSize: \"20px\", marginRight: \"5px\" }}\n className=\"trackicon hidden sm:-1 sm:self-center sm:right-0 sm:cursor-pointer sm:text-gray-700 sm:hover:text-blue-600 lg:block\"\n />\n ) : (\n handleDownloadTrack(event, props.trackId)}\n style={{ fontSize: \"20px\" }}\n className=\"trackicon hidden sm:-1 sm:mt-6 sm:self-center sm:right-0 sm:cursor-pointer sm:text-gray-700 sm:hover:text-blue-600 lg:block\"\n />\n )}\n {expand && props.expandedTrackId === props.trackId ? (\n fetchAltVersion(props.trackId, !expand)}\n style={{ fontSize: \"35px\" }}\n className=\"trackicon self-center cursor-pointer text-gray-700\"\n />\n ) : (\n fetchAltVersion(props.trackId, !expand)}\n style={{ fontSize: \"35px\" }}\n className=\"trackicon self-center cursor-pointer sm:text-gray-700\"\n />\n )}\n
\n {\n \n handleMagicWandClick({id : props.trackId, title : props.title})}\n />\n //
\n }\n {/* {trackContext.showLoaderMagic ?\n (\n \n
\n )\n : (\n \"\"\n )} */}\n {favs.indexOf(props.trackId) !== -1 ? (\n \n
\n \n 
\n\n
\n \n This is Maya, your self-learning neural engine. I am searching the most relevant tracks for you\n
\n \n
\n \n \n {props.tags\n .sort((a, b) => (a.names[0].value < b.names[0].value ? -1 : 1))\n ?.map((tag, index) => (\n {\n if (\n !(\n (searchTags.tags_or?.some((item1) =>\n item1.includes(tag.id)\n ) &&\n !searchTags.tags_not?.includes(tag.id)) ||\n searchTags.tags?.includes(tag.id)\n )\n )\n addSearchTag(\n tag.id,\n [...tag.names]?.map((eachTagName) =>\n eachTagName.locale === \"en\"\n ? eachTagName.value\n : null\n )\n );\n }}\n className={\n (searchTags.tags_or?.some((item1) =>\n item1.includes(tag.id)\n ) &&\n !searchTags.tags_not?.includes(tag.id)) ||\n searchTags.tags?.includes(tag.id)\n ? `flex pt-1 pb-1 pl-2 pr-2 mr-1 mb-1 text-xs border text-symTextGrey border-symStrokeGrey bg-symbgGray rounded-full cursor-pointer`\n : `flex pt-1 pb-1 pl-2 pr-2 mr-1 mb-1 text-xs border text-symTextGrey border-symStrokeGrey rounded-full cursor-pointer hover:bg-symbgGray hover:scale-75`\n }\n >\n {[...tag.names]?.map((eachTagName) =>\n eachTagName.locale === \"en\" ? eachTagName.value : null\n )}\n {((searchTags.tags_or?.some((item1) =>\n item1.includes(tag.id)\n ) &&\n !searchTags.tags_not?.includes(tag.id)) ||\n searchTags.tags?.includes(tag.id)) && (\n {\n e.stopPropagation();\n removeSearchTag(\n tag.id,\n [...tag.names]?.map((eachTagName) =>\n eachTagName.locale === \"en\"\n ? eachTagName.value\n : null\n )\n );\n }}\n className=\"mt-1 ml-1\"\n />\n )}\n
\n ))}\n \n \n {props.tags\n .sort((a, b) => (a.names[0].value < b.names[0].value ? -1 : 1))\n ?.map((tag, index) => (\n {\n if (\n !(\n (searchTags.tags_or?.some((item1) =>\n item1.includes(tag.id)\n ) &&\n !searchTags.tags_not?.includes(tag.id)) ||\n searchTags.tags?.includes(tag.id)\n )\n )\n addSearchTag(\n tag.id,\n [...tag.names]?.map((eachTagName) =>\n eachTagName.locale === \"en\" ? eachTagName.value : null\n )\n );\n }}\n className={\n (searchTags.tags_or?.some((item1) =>\n item1.includes(tag.id)\n ) &&\n !searchTags.tags_not?.includes(tag.id)) ||\n searchTags.tags?.includes(tag.id)\n ? `flex pt-1 pb-1 pl-2 pr-2 mr-2 mb-2 text-xs border text-symTextGrey border-symStrokeGrey bg-symbgGray rounded-full cursor-pointer`\n : `flex pt-1 pb-1 pl-2 pr-2 mr-2 mb-2 text-xs border text-symTextGrey border-symStrokeGrey rounded-full cursor-pointer hover:bg-symbgGray hover:scale-75`\n }\n >\n {[...tag.names]?.map((eachTagName) =>\n eachTagName.locale === \"en\" ? eachTagName.value : null\n )}\n {((searchTags.tags_or?.some((item1) =>\n item1.includes(tag.id)\n ) &&\n !searchTags.tags_not?.includes(tag.id)) ||\n searchTags.tags?.includes(tag.id)) && (\n {\n e.stopPropagation();\n removeSearchTag(\n tag.id,\n [...tag.names]?.map((eachTagName) =>\n eachTagName.locale === \"en\"\n ? eachTagName.value\n : null\n )\n );\n }}\n className=\"mt-1 ml-1\"\n />\n )}\n
\n ))}\n \n \n
\n \n {props.bpm !== undefined ? Math.round(props.bpm) + \"BPM\" : null}\n
\n \n {props.duration &&\n new Date(props.duration * 1000).toISOString().substr(14, 5)}\n
\n \n
\n {alternateVersions[0]?.id && (\n \n
\n {/* \n \n
\n
\n Album
\n\n loadAlbumData(props.albumId?.id)}>{alternateVersions[0].album.title}\n
\n \n
\n Artists
\n\n {props.artists?.map((elem) => {\n return(\n loadArtistData(elem.artist.id)}>\n {\n elem.artist.full_name\n }\n
)\n })}\n \n
\n {/* Producer
\n{alternateVersions[0]?.master_ownerships[0]?.label?.label_name}
\n\n
\n Producer
\n{alternateVersions[0]?.master_ownerships[0].label.label_name}
\n\n
\n Publisher
\n\n {alternateVersions[0]?.publishing_ownerships[0]?.publisher.publisher_name}\n
\n\n
*/}\n Year
\n\n {new Date(alternateVersions[0].release_date).getFullYear()}\n
\n\n
*/}\n Artists
\n\n {alternateVersions[0]?.artists_publishing_ownerships[0]?.artist?.full_name}\n {', '+alternateVersions[0]?.artists_publishing_ownerships[0]?.rights_type?.key}\n
\n\n \n
\n \n )}\n \n )}\n \n );\n}","var _path;\nvar _excluded = [\"svgRef\", \"title\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar SvgSuccess = function SvgSuccess(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 64,\n height: 64,\n viewBox: \"0 0 64 64\",\n fill: \"none\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0.000124586 32.0005C-0.0227197 40.8358 3.09602 48.3842 9.35644 54.6447C15.594 60.8822 23.1305 64.001 31.9647 64.001C40.8 64.001 48.3484 60.8822 54.6088 54.6447C60.8464 48.4071 63.9782 40.8587 64 32.0005C64 23.1663 60.8813 15.6298 54.6437 9.39118C48.3833 3.13075 40.8348 0 31.9995 0C23.1653 0 15.6288 3.13075 9.39017 9.39118C3.12975 15.6288 0.000124586 23.1652 0.000124586 32.0005ZM20.3478 18.5398C21.5771 18.5398 22.6431 18.9803 23.5482 19.8615C24.4294 20.7655 24.87 21.8326 24.87 23.0608C24.87 24.3129 24.4294 25.38 23.5482 26.26C22.6431 27.1412 21.5771 27.5817 20.3478 27.5817C19.0957 27.5817 18.0297 27.1412 17.1486 26.26C16.2663 25.3789 15.8268 24.3129 15.8268 23.0608C15.8268 21.8315 16.2674 20.7655 17.1486 19.8615C18.0286 18.9803 19.0957 18.5398 20.3478 18.5398ZM40.453 26.296C39.5718 25.3909 39.1313 24.3248 39.1313 23.0956C39.1313 21.8435 39.5718 20.7774 40.453 19.8952C41.3341 19.0141 42.4002 18.5735 43.6523 18.5735C44.8815 18.5735 45.9476 19.0141 46.8516 19.8952C47.7338 20.7774 48.1733 21.8435 48.1733 23.0956C48.1733 24.3248 47.7338 25.3909 46.8516 26.296C45.9476 27.1771 44.8815 27.6177 43.6523 27.6177C42.4002 27.6177 41.333 27.1771 40.453 26.296ZM41.878 44.2102C39.0954 46.8069 35.7906 48.1057 31.9647 48.1057C28.1628 48.1057 24.8699 46.8069 22.0872 44.2102C19.3046 41.6354 17.7751 38.46 17.4967 34.6787H46.4709C46.1913 38.4589 44.6607 41.6354 41.878 44.2102Z\",\n fill: \"#00CC69\"\n })));\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgSuccess, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/success.ab7820d2.svg\";\nexport { ForwardRef as ReactComponent };","var _defs, _g;\nvar _excluded = [\"svgRef\", \"title\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar SvgGreenButtonRoundPlusSmall = function SvgGreenButtonRoundPlusSmall(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n id: \"GreenButtonRoundPlusSmall\",\n viewBox: \"0 0 50 50\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"style\", null, \".cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}\"), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip-path\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n className: \"cls-1\",\n d: \"M142,8c-8-8.06-17-8-17-8H25a22.87,22.87,0,0,0-8.1,2C14.14,3.12,12,6,9,9c-2.85,2.85-5.69,4.83-6.87,7.48A22.62,22.62,0,0,0,0,25s-.25,9,8,17,17,8,17,8H125s8.88,0,17-8,8-17,8-17S150,16.06,142,8Z\"\n })))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n className: \"cls-2\"\n }, /*#__PURE__*/React.createElement(\"image\", {\n id: \"GreenButtonRoundPlusSmall_Image\",\n \"data-name\": \"GreenButtonRoundPlusSmall\\\\xA0Image\",\n width: 50,\n height: 50,\n xlinkHref: \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsSAAALEgHS3X78AAAHWklEQVRoQ9WafYwUZx3HP79nZmdnZ2df7koBoaXY1sIdxvYgGmgrIrGiYpQmIHC8GaMY/5BESSyxhFQT06qNFSVpi6UV7tqkSi2tNdJYBVtf2gitVu+ORtA2xiDNvewd+3p3O49/zC5d7m539l6A6+ev3ZnvMzOffeZ55vfsrmitmUpExABCsYVzoy2Pf3PX/2L6yxKxYhIOIabqRqRDi/6jwLFZiXnHj7FiOOiY9SBTJSIiAijAWvqNLfNv/MKqo2eyvde+PZwTlXAw4hEkHAKRymY9wDPakwNdjZv/NOaB62RKRCokwiv37rhl/upbjyohdux0F55lYFwdx0g6qEgY1EUilZzUIveeSmz+hYZxX9SkRSok7E8f/tbK2YsXHhaNNZDJ8OfTp1CxCObsJEaji4pYI3tkLF7VyM6u5ObjQcFKVFCgFpUSdz5//9o5S5qfFo01NDTE+UwGNIihEFMhSuqRAFgs6GPNqfafLho40BgULjNhkZKEAdhrX9z3pZk3XfeY9jxjaGiIwuAgmVzOv41MA5QCGe+p9DbtWa83pdpXBCVhgiKVEhtefmjXVfNmP+B5npQl8oUC53MZUOL3hqFqjY1azBX0C02ptp1BwXGLVEq0nvjJd5KzZ+z2ikUqJXKFPAPZHGIaiGmAoWBCHgAYAvcv6mt7WPi5US00LpGShAlENr76yAPxGQ07imNJpDMU8BDLwH9+GIga16lGoYXtTX35x6vJ1H10EVFACIi0/u3RhxKNyS+OJVEoDNJ9fsC/+LCF2CEkZEymR95BWN/Un/vxWLvqErkgEY+7G197tC2eiLdWkxjIZsjpIipioRzLfwgaqt4ZKxgtX2lKHfr6yM2BImUJ94ZZiU0v7X0i0RD/TDWJwmCBnkwasUzECaNcGxU2J31bjUSQe9+far+5cptZLQwXS3z26fuejMVjK6pJDA4N0pNO45kGKhrmwVl3sHTWAhzHIRQKXThmc6qt+gnrx/LQ+wWWlquAqh9VScJyb5iVWHPku08FSQxks2S9YcSxUHGHqOsSDocxjKoTzWT5UHN/+7rymzFFyhIzWhY03vnM9464Mff2WhLpfJ7+Qh6xLVQsghGPEIn6PaGm+LaqRGu9q/x61FkqJT7ZdveRqBtdVksimy/Ql8tCOIRybYy4g4raWGHrkkqUaFnYd/A2GCFSlrj2tpbGT7Xf/VzUdT5YSyKTz9OTy4AVQsVsjISDivnlujIMZKpmqhooZbRChUh5YM9Y0tTwkYe/9qwTdVqCxkRvuSfiNkbSxUhE/SnXvDwSAGhvjYCYUPHEjsejnzh415Ou6yypOcWm06WB7U+xRsLxJdywX5JMrK6aIDJnwfn2m8zK2mnTH/Yecl33w9Uk+jNperMZf4qNRUoD27+dyj2BccnHxSikqJeZlFZ2G/56YF8sHls9lkTqfJqe9AB57SF2CBW1UXF/dlJR+0I9dXl74h0EbjYB63Mn9+9JJhNbhoeHSWez5PJ50rksfek0/dkMg2gkZGBEbMQJY7g2yo0gjuU/xaeyBJkY75WVv7pveeT6mb8829cT7+3pwxscBq39T1cJEjL9Kta2UE6YA1ev4pb4PGzbxjRNlFKXZGCPswI4Yf7nfe5une2LF4cLYIdQdsj/hMtL1JDp3zp2CAmHiCUTRCNRjMs0vdaJY6poeLkHGEr8qqW0qkMpv9gzlT+dhvyBbIUtTLNmiXYlcE0JmVq5AhHL36Sk9EVBaVWnxBcSQORyPK3Hj5AxMVW3MtQ1aO0P2NIFv6vQZEwReRPhmnqXcKeLvUERAOYbSRyxRm3vHH57jPTkEDhrIvI6Wt8eFC6zK/eXoAgAh91VNJszR21fm35+jPTk8ODfCk+/FBSc9ggdqmiaLwBeUHY6Y2h5Rb0R29gNvJt7JdWRDP+jPJceqBmd3jyrWVdUAE429xSQCmgwLdGaw1BaWJ2Ysz0r8KPaTaYlZ6MNuaNQsULMa/sHQHfVJtMQ0bLvBNuHoELkTMO6fhG9u3qzaUf3oJZ95TcXFU6dia37QV4c3WYaomXPPxs3DZTfjvrprTn1xHVQfA1oGNl2+qB/25X818c191x4/o0qZTuTrW9prbcCxZH7pgk9xSLbKiWgyjeNXQ1bn0PLV8fad4XJimL1G1dt/e/IHVUXF50Nmx8Evafa/itAQWs2dMS3vDLWzsCfp5tSbTsFvk+9df6loQ+8NZ3JbVUnokARgEV97Zu00o+gsYOyl4A3xVOrOxo3ddYK1SUC0NR/cInS6mcarg/KThUafmeGzNa/RzeeC8rWvQDvSmw7OeipFo1+jAn8xWKc5BDuOpU8c0c9EjCOHqmkOXVwOagfAi1B2XEj8msRdnTEN58OilYyIREA4R61sO/G9SJ6F/CBoHwQAsc85Nvj/Q9KmQmLVNLUe2iZEvm8Fr0eJBGUr6BXNIc95e3vSmw7GRSuxZSIlPkox81zqbduBeNj4C0GWQi8B3BKkXPAKbR+WZTxm5mJub+fqj+e/R+pBy+KgySpNgAAAABJRU5ErkJggg==\"\n }))));\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgGreenButtonRoundPlusSmall, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/GreenButtonRoundPlusSmall.45cf0e23.svg\";\nexport { ForwardRef as ReactComponent };","import React, {useState, useEffect, useRef} from 'react';\nimport {Checkbox} from '@material-ui/core';\nimport API from '../../services/api';\nimport { toast } from 'react-toastify';\n\nimport Amplitude from 'amplitudejs';\nimport CancelIcon from '@material-ui/icons/Close';\nimport AddCircleIcon from '@material-ui/icons/AddCircle';\nimport {ReactComponent as Error } from '../../assets/error.svg';\nimport {ReactComponent as Success } from '../../assets/success.svg';\nimport { ReactComponent as Add } from '../../assets/GreenButtonRoundPlusSmall.svg';\nimport './style.css';\n\n\nfunction AddTrackToProject(props) {\n const [projectTitle, setProjectTitle] = useState('');\n const [projects, setProjects] = useState([]);\n const [searchKeyword, setSearchKeyword] = useState('');\n const [tempProjects, setTempProjects] = useState([]);\n const [trackToBeAddedToProject, setTrackToBeAddedToProject] = useState('');\n // const [loaderAddTrackToProject, setLoaderAddTrackToProject] = useState(false);\n const [editable, setEditable] = useState(false);\n let createProjectRef = useRef(null);\n\n useEffect(() => {\n console.log('called')\n setTrackToBeAddedToProject(props.trackToBeAddedToProject);\n fetchProjects();\n }, []);\n \n const createProject = (value) => {\n API.createProject({title:value}).then(res => {\n setProjectTitle('');\n setEditable(true);\n fetchProjects();\n });\n }\n const fetchProjects = () => {\n API.getProjects().then(data => {\n let listproject=data.data?.map(item=>{\n if(item.trackIds.some(item1 => item1.trackId.mewoTrackId===props.trackToBeAddedToProject))\n item.isChecked=true; \n return item;\n })\n // console.log(listproject)\n setProjects(listproject);\n setTempProjects(listproject);\n })\n }\n const handleProjectTitle = (e) => {\n // let {value} = e.target;\n // setProjectTitle(value);\n if (e.key === 'Enter') {\n createProject(projectTitle);\n }\n }\n \n const handleAddTrackToProject = (event,projectId,index) => {\n // setLoaderAddTrackToProject(true);\n // console.log('[event] : ', event);\n // console.log('[project id] : ', projectId);\n // console.log('[index] : ', index);\n\n let isChecked=event.target.checked;\n // console.log({isChecked});\n if(isChecked)\n {\n // console.log('[trackToBeAddedToProject] : ', trackToBeAddedToProject);\n API.addTrackToProject(trackToBeAddedToProject, projectId).then(res => {\n let newprojects= [...projects];\n newprojects[index].isChecked= true;\n setProjects(newprojects); \n // setTimeout(() => {\n // toast(({ closeToast }) => \n Alternative versions and Edits\n
\n\n //
Success. Great job!
\n //{res.mssg}
\n //\n //
Success. Great job!
\n //{res.message}
\n //\n
\n \n
\n\n {/* {\n loaderAddTrackToProject\n ? \n \n
\n :\n <> */}\n \n
\n Please wait...
\nAdding Track to Project
\n\n
\n \n \n
\n \n {\n projects.map( (project,index) => \n \n handleAddTrackToProject(e,project._id,index)}\n iconstyle={{fill: 'white'}}\n inputstyle={{color:'white'}}\n style={{color:'white'}}\n />\n {project.title}\n
\n )\n }\n \n \n
\n {/* \n } */}\n \n )\n}\n\nexport default AddTrackToProject;","import React, { useState, useEffect } from 'react';\nimport { Checkbox } from '@material-ui/core';\nimport API from '../../services/api';\nimport CancelIcon from '@material-ui/icons/Close';\nimport './style.css';\nimport { BouncingLoader } from \"../../pure-components/Loader\";\nimport dayjs from 'dayjs';\nimport { Link } from 'react-router-dom';\nimport { toast } from 'react-toastify';\nimport { ErrorToast, InfoToast, SuccessToast } from '../../pure-components/CustomToast';\nimport Helper from '../../services/helper';\n\nfunction AddTrackToProjectPopup(props) {\n const [projectTitle, setProjectTitle] = useState('');\n const [projects, setProjects] = useState([]);\n const [searchKeyword, setSearchKeyword] = useState('');\n const [tempProjects, setTempProjects] = useState([]);\n const [trackToBeAddedToProject, setTrackToBeAddedToProject] = useState('');\n const [trackAddedProjects, setTrackAddedProjects] = useState([]);\n const [isLoading, setIsLoading] = useState(false);\n\n\n useEffect(() => {\n (async () => {\n\n setTrackToBeAddedToProject(props.trackToBeAddedToProject);\n setIsLoading(true);\n await fetchProjects().catch((err) => {\n toast(({ closeToast }) => \n
\n \n \n props.closeProjectModal()}\n style={{ fontSize: '24px' }}\n />\n
\n \n
\n Add to Project
\n\n
\n \n handleSearchProjects()}\n className='p-1 pl-2 mb-2 w-full text-l focus:outline-none bg-black border-b placeholder-white text-white'\n placeholder='Search projects'\n />\n
\n \n ) : (!isLoading) && (\n \n \n
\n \n { setProjectTitle(event.target.value) }}\n onKeyDown={handleProjectTitle}\n style={{ borderColor: \"#1A1A1A\" }}\n value={projectTitle}\n />\n
\n \n
\n\n 0 ? \"greenbutton\" : \"button\" }\n onClick={() => addProject()}\n disabled={!(projectTitle?.length > 0)} >\n Add Project\n
\n \n
\n {isLoading && (\n \n My Projects\n
\n \n Tracks\n
\n \n Updated\n
\n \n {projects.map((project, index) =>\n <>\n \n
\n \n )}\n \n trackAddedToProject(project._id, e)}\n iconstyle={{ fill: 'black' }}\n inputstyle={{ color: 'black' }}\n style={{ color: 'black' }}\n />\n \n {project.title}\n \n
\n \n {project.trackIds?.length}\n
\n \n {dayjs(project.updatedAt).format('DD.MM.YYYY')}\n
\n\n No Projects Found
\n )}\n \n
\n\n \n \n\n )\n}\n\nexport default AddTrackToProjectPopup;","import React, { useState, useEffect, useContext, useRef } from \"react\";\nimport TrackContext from \"../../contexts/track-context\";\nimport TrackItem from \"../TrackItem\";\nimport API from \"../../services/api\";\nimport AddTrackToProject from \"../Projects/addTrackToProject\";\nimport { toast } from \"react-toastify\";\nimport { ErrorToast, SuccessToast } from \"../../pure-components/CustomToast\";\nimport AddTrackToProjectPopup from \"../Projects/addTrackToProjectPopup\";\nimport Helper from \"../../services/helper\";\n\n\n\nconst SoundDesign = (props) => {\n let trackContext = useContext(TrackContext);\n const [showProjectModal, setShowProjectModal] = useState(false);\n const [trackToBeAddedToProject, setTrackToBeAddedToProject] = useState(\"\");\n const [excludedTrack, setExcludedTrack] = useState([]);\n const [showLoader, setShowLoader] = useState(false);\n const [noDataFound, setNoDataFound] = useState(false);\n const firstMount = useRef(true);\n const [loaderAddTrackToProject, setLoaderAddTrackToProject] = useState(false);\n const [expandedTrackId, setExpandedTrackId] = useState(\"\");\n const pageId='soundfx';\n\n let soundDesignTagID = \"5d36d75104a4286541ea2d1d\";\n //Gothic Tool Works\n let labelTagID1 = \"613e35c6b52f5e75a7fabf2b\";\n // Strike Audio\n let labelTagID2 = \"5f105463dd200590c481c317\";\n // Aura\n let labelTagID3 = \"602ea745357d1e5f788b0559\";\n\n useEffect(() => {\n if (window.location.pathname === \"/sound-design\" || window.location.pathname.startsWith(`/sound-design/search/track/`)) {\n let tempFilter = JSON.parse(JSON.stringify(trackContext.trackFilter));\n tempFilter.searchTags.labels = [labelTagID1, labelTagID2, labelTagID3];\n tempFilter.searchTags.tags = [soundDesignTagID];\n if (tempFilter?.searchTags?.tags_not !== undefined) {\n const tagArrarSoundDesign = tempFilter?.searchTags?.tags?.filter(\n (eachTags) => eachTags === soundDesignTagID\n );\n\n tempFilter.searchTags.tags = tagArrarSoundDesign;\n tempFilter.searchTags.tags_not = [];\n }\n trackContext.setTrackFilter(tempFilter);\n }\n }, []);\n useEffect(() => \n {\n if(!trackContext.isFileUpload && !trackContext.trackFilter.url && !trackContext.searchAlbums)\n {\n trackContext.trackFilter.searchTags.labels = [labelTagID1, labelTagID2, labelTagID3];\n trackContext.trackFilter.searchTags.tags = [soundDesignTagID];\n trackContext.trackFilter.searchTags.tags_not = [];\n trackContext.trackFilter.fetchList = true;\n if (\n trackContext.trackFilter.fetchList &&\n !trackContext.trackFilter.searchTitle?.length\n ) {\n if (\n trackContext?.trackFilter?.searchTags?.tags?.length &&\n trackContext?.trackFilter?.searchTags?.tags?.indexOf(\n \"5d36d75104a4286541ea2d1d\"\n ) !== -1\n ) {\n trackContext.setIsLoading(true);\n trackContext.setSearchkey(\"\")\n setNoDataFound(false);\n API.searchTracks(\n trackContext.trackFilter.searchText,\n trackContext.trackFilter.searchId,\n trackContext.trackFilter.searchTags,\n [],\n trackContext.searchDescription\n ).then((res) => {\n if(res?.success){\n trackContext.setShowProjectModal(false);\n trackContext.setIsLoading(false);\n trackContext.setTrackData(res.data.hits);\n trackContext.setTotaltracks(res.data.total.value);\n let newTracks = [...res.data.hits];\n let tracksToExclude = newTracks.map((track) => track.ref_id);\n // console.log('Tracks to Exclude: ', res.data);\n setExcludedTrack(tracksToExclude);\n if (res.data.hits.length === 0) setNoDataFound(true);\n } else { \n Helper.handleError(res);\n }\n })\n .catch((err) => {\n Helper.handleError(err);\n });\n }\n }\n }\n }, [\n // trackContext.trackFilter.searchTitle,\n // trackContext.trackFilter.searchTags,\n // trackContext.trackFilter.searchText,\n // trackContext.trackFilter.url,\n // trackContext.fileName\n ]);\n\n const displayProjectModal = (trackId) => {\n setTrackToBeAddedToProject(trackId);\n setShowProjectModal(true);\n };\n const closeProjectModal = () => {\n setShowProjectModal(false);\n setLoaderAddTrackToProject(false);\n };\n return (\n <>\n {(!trackContext.loading && !trackContext.trackData?.length === 0 && !trackContext.isFileUpload) && (\n \n \n
\n \n
\n addTrackToProjects()}>\n Save\n
\n \n No Tracks Found\n
\n )}\n {(!trackContext.loading &&\n trackContext.trackData?.length > 0 && !trackContext.isFileUpload) &&\n // trackContext.trackData.filter( ( eachTrack ) => eachTrack.tags.some( ( eachTag ) => eachTag.key === 'contemporary-classical') ).map((track,index,arr) =>\n trackContext.trackData.map((track, index, arr) => (\n <>\n {/* { console.log('Each Track:',track.title)}}> */}\n {track.duration && (\n
*/}\n \n ))\n }\n {showProjectModal && (\n \n {(!trackContext.showProgress && props.maiaOnWork && !trackContext.resultFromMawoSearch) && (\n { \n props.handleSlider(event,newValue,props.sliderkey)\n }}\n onChangeCommitted={props.onChangeCommitted}\n defaultValue={props.duration.length ? props.duration:[props.marksDuration[0].value, props.marksDuration[1].value]}\n value={props.duration.length ? props.duration:[props.marksDuration[0].value, props.marksDuration[1].value]}\n min={props.min}\n max={props.max}\n />)\n}\n\nexport default SliderCustom;","var _path;\nvar _excluded = [\"svgRef\", \"title\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar SvgBackArrow = function SvgBackArrow(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 13,\n height: 12,\n viewBox: \"0 0 13 12\",\n fill: \"none\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M0 6.01788L6.08463 12L7.48948 10.5951L3.88746 6.99313L12.0845 6.99313V5.00654L3.88746 5.00654L7.48948 1.40485L6.08463 0L0 6.01788Z\",\n fill: \"#404040\"\n })));\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgBackArrow, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/back-arrow.e3dbb360.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState, useContext, useEffect } from \"react\";\nimport { ReactComponent as CloseModal } from \"../../assets/modal-close.svg\";\nimport { ReactComponent as BackArrow } from \"../../assets/back-arrow.svg\";\nimport { ReactComponent as Close } from \"../../assets/BlackButtonRoundMinusSmall.svg\";\nimport \"./style.css\";\n// import Filters from './Filters'\nimport TrackContext from \"../../contexts/track-context\";\nimport SliderCustom from \"./sliderCustom\";\n//import RotateRightIcon from '@material-ui/icons/RotateRight';\nimport { CircularProgress } from \"@material-ui/core\";\nimport Helper from \"../../services/helper\";\nimport API from \"../../services/api\";\nimport { toast } from \"react-toastify\";\nimport { ErrorToast } from \"../../pure-components/CustomToast\";\n\nfunction MobileFilters(props) {\n const [tags, setAllTags] = useState([]);\n\n let trackContext = useContext(TrackContext);\n // console.log({trackContext});\n let { selectedTags } = trackContext.trackFilter;\n // console.log(\"props in mobile filters\", props);\n // const [selectedTags, setSelectedTags] = useState([]);\n // console.log(\"selectedTags\",selectedTags);\n const [subMenu, setSubMenu] = useState(\"\");\n // const [value, setValue] = useState();\n const [filterSubMenu, setfilterSubMenu] = useState([]);\n //const [count, setCount] = useState(0);\n // const [showLevel1, setShowLevel1] = useState(true);\n // const [showLevel2, setShowLevel2] = useState(false);\n const [showSlider, setShowSlider] = useState({});\n\n \n // const handleStates = () => {\n // props.setShowLevel1(true);\n // }; \n\n // const handleStates = useCallback(() => {\n // // handle the click even\n // props.setShowLevel1(false);\n\n // }, []);\n\n const handleStatesClose = () => {\n props.setShowLevel1(true);\n };\n\n\n return (\n
\n \n )}\n {props.showLevel2 && (\n \n
\n )}\n {props.maiaOnWork && trackContext.resultFromMawoSearch && (\n \n \n {trackContext.searchTime <= 30 ? (\n
\n \n Maya is Mama's self-learning neural search engine.\n It finds the most relevant music among hundreds of thousands of compositions.\n The more you use it, and the more accurate its results will become.\n If your search is taking time, please check the link submitted has enough music for Maya to process.\n
\n ) :trackContext.searchTime > 30 && trackContext.searchTime < 90 ?\n \n Hold on, I need to expand my search.\n
:\n trackContext.searchTime >= 90?\n \n This is a tough one, give me a few minutes.\n
:null}\n \n \n \n
\n \n \n \n cancelSearch()\n }\n className='pt-2 pb-2 pl-4 border-0 pr-4 cancel-btn font-bold text-sm mt-3'\n type='button'>\n Cancel\n \n
\n \n
\n )}\n {(trackContext.showProgress) && (\n \n
\n \n
\n \n
\n )}\n\n {trackContext.clearData ? '' : (!props.maiaOnWork && trackContext.loading &&!trackContext.showProgress && !trackContext.showLoaderMagic) && <>\n\n
\n \n
\n Your file is {trackContext.progress}% uploaded, please wait...
\n\n
\n \n \n
\n \n cancelUpload()}\n className=\"pt-2 pb-2 pl-4 border-0 cancel-upload pr-4 cancel-btn signin-btn font-bold text-sm mt-3\"\n type=\"button\"\n >Cancel Upload\n
\n \n No Tracks Found\n
\n )}\n {trackContext.path !== \"/sound-design\" &&\n trackContext.path !== \"/inspiration\" && !trackContext.path.includes('/album/') ? (\n <>\n {(!trackContext.loading && trackContext.trackData.length>0 && !trackContext.isFileUpload &&!trackContext.maiaOnWork ) ? ( \n <>\n {trackContext.trackData.map((track, index, arr) => (\n <>\n {track.duration && (\n \n {trackContext?.searchAlbums &&\n trackContext?.trackData.map((track, index, arr) => (\n <>\n
}\n\n {!trackContext.allTracksLoaded && (\n \n <>\n \n
\n \n ))}\n \n
\n \n \n \n {/* {track != null && track?.image != null ? (\n \n\n
\n\n \n \n {track?.title}\n \n\n \n {track?.descriptions[0]?.value ||\n track?.title}\n \n
\n \n {trackContext.clearData\n ? \"\"\n : showLoader &&
\n )}\n \n ) : (!trackContext.loading && !trackContext.maiaOnWork && !trackContext.isFileUpload && !trackContext.showLoaderMagic) && (\n No Tracks Found
\n )}\n\n {showProjectModal && (\n \n {props.showLevel1 && (\n \n {trackContext?.filterMenu?.map((item, index) => {\n return (\n {\n props.handleChange(item.key, item.isSlider)\n props.setShowLevel1(false)\n props.setShowLevel2(true)\n \n }}\n >\n
\n );\n })}\n \n
\n \n \n Reset Filters\n
\n \n
\n \n {item.value}\n {item.count > 0 && (\n
\n {item.count}
\n )}\n \n
\n \n \n \n back\n
\n \n
\n \n
\n \n \n {props.value}\n
\n \n \n \n {props.value === \"duration\" ? (\n trackContext.path === \"/sound-design\" ?\n
\n )}\n \n \n\n\n \n {props.filterSubMenuChild?.map((item, index) => (\n item1.includes(item.id)) &&\n !props.searchTags.tags_not?.includes(item.id)) ||\n props.searchTags.tags?.includes(item.id)\n ? \" px-4 pr-4 bg-symbgGray \"\n : \"filterplus px-4 pl-6 syncbuttongrey hover:bg-symbgGray hover:scale-75\"\n }`}\n onClick={() => {\n props.addSearchChildTag(\n item.id,\n [...item.names].filter(\n (eachItem) => eachItem.locale === \"en\"\n )[0].value,\n item.sub_category_key\n );\n }}\n >\n {\n [...item.names].filter((eachItem) => eachItem.locale === \"en\")[0]\n .value\n }{\" \"}\n {((props.searchTags.tags_or?.some((item1) => item1.includes(item.id)) &&\n !props.searchTags.tags_not?.includes(item.id)) ||\n props.searchTags.tags?.includes(item.id)) && (\n {\n e.stopPropagation();\n props.removeSearchChildTag(\n item.id,\n [...item.names].filter(\n (eachItem) => eachItem.locale === \"en\"\n )[0].value\n );\n }}\n className=\"filterclose ml-3 \"\n />\n )}\n
\n ))}\n \n \n\n\n
\n {props.searchText && (\n \n {props.searchText}\n
\n )}\n {props.url && (\n \n \n {props.url}\n {\" \"}\n
\n )}\n {props.searchTitle?.length > 0 && (\n \n {`${new Date(props.duration[0] * 1000)\n .toISOString()\n .substr(14, 5)}-${new Date(props.duration[1] * 1000)\n .toISOString()\n .substr(14, 5)}`}\n
\n {`${props.bpm[0]}-${props.bpm[1]}`}\n
\n {\n (['/signin', '/signup', '/forgot-password'].indexOf(props.props.location.pathname) === -1 \n && String(props.props.location.pathname).includes('/set-password') === false) ?\n
\n );\n}\n\nexport default AISearchMobile;","import React, { useState, useEffect, useContext, useRef } from \"react\";\nimport \"./style.css\";\nimport TrackContext from \"../../contexts/track-context\";\nimport { ReactComponent as CloseModal } from \"../../assets/modal-close.svg\";\nimport { ReactComponent as Close } from \"../../assets/BlackButtonRoundMinusSmall.svg\";\nimport Tooltip from \"@material-ui/core/Tooltip\";\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\nimport SliderCustom from \"./sliderCustom\";\nimport MobileFilters from \"./mobileFilters\";\nimport Helper from \"../../services/helper\";\nimport AISearchMobile from \"./aiSearchMobile\";\nimport API from \"../../services/api\";\nimport Constants from \"../../services/constants\";\nimport { toast } from \"react-toastify\";\nimport { ErrorToast, SuccessToast } from \"../../pure-components/CustomToast\";\nimport { useHistory } from \"react-router-dom\";\nimport RippleLoader from \"../../assets/loader-2.gif\";\nimport MewoService from \"../../services/mewoService\";\nlet selectFilterTag = [];\n\nfunction ValueLabelComponent(props) {\n const { children, value } = props;\n\n return (\n \n
\n : null\n }\n \n
\n \n
\n \n
\n Paste in a Youtube or Vimeo link or keyword to let our AI find something similar
\n\n
)}\n \n {trackContext.searchAlbums ? (\n \"\"\n ) : (\n
\n ))}\n \n {filterMenu?.map((item, index) => (\n 0 ? 'syncbutton filterselected' : ''\n }`}\n onClick={() => handleChange(item.key, item.isSlider)}\n >\n {item.value}\n {item.count > 0 && (\n \n {item.count}\n
\n )}{\" \"}\n \n -b.mainTag.localeCompare(a.mainTag)\n )}\n groupBy={(option) => option.mainTag}\n getOptionLabel={(option) =>\n [...option.names].filter(\n (eachOptions) => eachOptions.locale === \"en\"\n )[0].value\n }\n style={{ width: 160 }}\n onChange={onTagsChange}\n renderInput={(params) => (\n
\n \n \n
\n )}\n />\n \n {selectedTags?.map((item, index) => {\n return (\n {\n e.stopPropagation();\n {!trackContext.loading&& removeSearchTag(\n item.split(\"-\")[0],\n item.split(\"-\")[1],\n item.split(\"-\")[2]\n );\n }}}\n >\n {item.split(\"-\")[1]}\n
\n );\n })}\n {duration.length > 0 && (\n \n {`${new Date(duration[0] * 1000)\n .toISOString()\n .substr(14, 5)}-${new Date(duration[1] * 1000)\n .toISOString()\n .substr(14, 5)}`}\n
\n {`${bpm[0]}-${bpm[1]}`}\n
\n \n {url}\n {\" \"}\n\n \n\n {/*
\n )}\n {fileName && (\n \n \n {fileName}\n {\" \"}\n
\n )}\n {searchTitle?.length > 0 && (\n \n {value === \"duration\" ? (\n \n
\n ) : (\n \n {selectedTags.includes(\n `${item.id}-${[...item.names].filter(\n (eachItem) => eachItem.locale === \"en\"\n )[0].value\n }-${value}`\n )}\n
\n \n );\n })}\n }\n {showEllipsis && (\n \n {filterSubMenuChild?.map((item, index) => (\n item1.includes(item.id)) &&\n !searchTags.tags_not?.includes(item.id)) ||\n searchTags.tags?.includes(item.id)\n ? \" px-4 pr-4 bg-symbgGray \"\n : \"filterplus px-4 pl-6 syncbuttongrey hover:bg-symbgGray hover:scale-75\"\n }`}\n onClick={() => {\n addSearchChildTag(\n item.id,\n [...item.names].filter(\n (eachItem) => eachItem.locale === \"en\"\n )[0].value,\n item.sub_category_key,\n );\n }}\n >\n {\n [...item.names].filter((eachItem) => eachItem.locale === \"en\")[0]\n .value\n }{\" \"}\n {((searchTags.tags_or?.some((item1) => item1.includes(item.id)) &&\n !searchTags.tags_not?.includes(item.id)) ||\n searchTags.tags?.includes(item.id)) && (\n {\n e.stopPropagation();\n removeSearchChildTag(\n item.id,\n [...item.names].filter(\n (eachItem) => eachItem.locale === \"en\"\n )[0].value\n );\n }}\n className=\"filterclose ml-3 mt-0.5\"\n />\n )}\n
\n ))}\n }\n {\n !trackContext.path.includes(\"/album/\") && (\n \n {(!trackContext.maiaOnWork && !trackContext.isFileUpload)&&(\n Duration
\n {`${new Date(duration[0] * 1000)\n .toISOString()\n .substr(14, 5)}-${new Date(duration[1] * 1000)\n .toISOString()\n .substr(14, 5)}`}\n
\n )}\n {bpm?.length > 0 && (\n \n {/* \n Filter ({trackContext.totaltracks} results)\n */}\n \n {!trackContext.loading && \n \n Clear Filter\n }\n\n {(!trackContext.loading || !trackContext.showLoaderMagic) && (\n
\n {duration?.length > 0 && (\n \n {(selectedTags?.length > 0 ||\n duration?.length > 0 ||\n bpm?.length > 0 ||\n searchText?.length > 0 ||\n url?.length > 0 ||\n fileName?.length > 0 ||\n searchTitle?.length > 0) && (\n Search Result for:\n )}\n \n removeSearchChildTag(\n item.split(\"-\")[0],\n item.split(\"-\")[1],\n )\n }\n >\n {item.split(\"-\")[1]}\n
\n )\n })}\n \n {selectedTags?.map((item, index) => {\n return (\n \n removeSearchTag(\n item.split(\"-\")[0],\n item.split(\"-\")[1],\n item.split(\"-\")[2]\n )\n }\n >\n {item.split(\"-\")[1]}\n
\n );\n })\n\n }\n {selectedChildTags?.map((item, index) => {\n return (\n \n {`${new Date(duration[0] * 1000)\n .toISOString()\n .substr(14, 5)}-${new Date(duration[1] * 1000)\n .toISOString()\n .substr(14, 5)}`}\n
\n {`${bpm[0]}-${bpm[1]}`}\n
\n \n {url}\n {\" \"}\n
\n )}\n {fileName?.length > 0 && (\n \n \n {fileName}\n {\" \"}\n
\n )}\n {searchTitle?.length > 0 && (\n \n \n Stems Only\n
*/}\n \n )\n }\n {trackContext.showLoaderMagic ?\n (\n \n
\n )\n : (\n \"\"\n )}\n \n\n );\n}\n\nexport default Sidebar;\n","import React, {useEffect, useState} from 'react';\nimport { useParams } from 'react-router-dom';\nimport API from '../../services/api';\n\nexport default function EmailVerification() {\n\n const [verifying, setIsVerifying] = useState(false);\n const [verificationMssg, setVerificationMssg] = useState('');\n let {token} = useParams();\n\n useEffect(() => {\n setIsVerifying(true);\n API.activateUser(token).then(resp => {\n // console.log({resp});\n setIsVerifying(false)\n if(resp.success) {\n setVerificationMssg(resp.mssg);\n setTimeout(() => {\n setVerificationMssg('Redirecting...');\n window.location = '/signin';\n }, 500)\n } else {\n setVerificationMssg(resp.mssg);\n }\n })\n }, []);\n\n return(\n \n
\n \n \n\n
\n \n This is Maya, your self-learning neural engine. I am searching the most relevant tracks for you\n
\n \n
\n )\n}","var _path;\nvar _excluded = [\"svgRef\", \"title\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from \"react\";\nvar SvgFolder1 = function SvgFolder1(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 30,\n height: 30,\n viewBox: \"0 0 20 24\",\n fill: \"none\",\n ref: svgRef\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", null, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M16.8472 2.61436H16.5458V2.07645C16.5458 1.41352 16.0285 0.874294 15.3929 0.874294H6.77798L6.08524 0.103604C6.02571 0.0373761 5.94271 0 5.85572 0H2.60706C1.97133 0 1.45424 0.539221 1.45424 1.20215V2.61436H1.15282C0.517094 2.61436 0 3.15358 0 3.81651C0 3.82569 0.000419233 3.83466 0.00104805 3.84362L0.838418 14.35C0.845964 15.006 1.36012 15.5371 1.99124 15.5371H5.79263C6.59437 16.4345 7.73378 17 9 17C10.2662 17 11.4056 16.4345 12.2072 15.5371H16.0088C16.6399 15.5371 17.154 15.006 17.1616 14.35L17.999 3.84362C17.9996 3.83466 18 3.82548 18 3.81651C18 3.1538 17.4827 2.61436 16.8472 2.61436ZM2.08305 1.20215C2.08305 0.90096 2.31823 0.655721 2.60706 0.655721H5.7199L6.41264 1.42641C6.47217 1.49264 6.55517 1.53002 6.64216 1.53002H15.3929C15.682 1.53002 15.9169 1.77525 15.9169 2.07645V2.61436H2.08305V1.20215ZM9 16.3445C6.9268 16.3445 5.24011 14.5856 5.24011 12.4237C5.24011 10.2618 6.9268 8.50317 9 8.50317C11.0732 8.50317 12.7597 10.262 12.7597 12.4239C12.7597 14.5859 11.0732 16.3445 9 16.3445ZM16.5336 14.3083C16.533 14.3172 16.5326 14.3264 16.5326 14.3354C16.5326 14.6363 16.2976 14.8814 16.0085 14.8814H12.6957C13.1321 14.1706 13.3885 13.3286 13.3885 12.4237C13.3885 9.90029 11.4199 7.84723 9 7.84723C6.58011 7.84723 4.6113 9.90029 4.6113 12.4237C4.6113 13.3286 4.86786 14.1706 5.30404 14.8814H1.99145C1.70262 14.8814 1.46744 14.6363 1.46744 14.3354C1.46744 14.3264 1.46702 14.3172 1.46639 14.3083L0.629233 3.80449C0.635311 3.50876 0.867972 3.27008 1.15324 3.27008H16.8474C17.1324 3.27008 17.3651 3.50876 17.3712 3.80449L16.5336 14.3083ZM11.1876 12.0959H9.3142V10.1423C9.3142 9.96127 9.17334 9.81439 8.99979 9.81439C8.82624 9.81439 8.68538 9.96127 8.68538 10.1423V12.0959H6.81194C6.63839 12.0959 6.49753 12.2427 6.49753 12.4237C6.49753 12.6047 6.63839 12.7516 6.81194 12.7516H8.68538V14.7052C8.68538 14.8862 8.82624 15.0331 8.99979 15.0331C9.17334 15.0331 9.3142 14.8862 9.3142 14.7052V12.7516H11.1876C11.3612 12.7516 11.502 12.6047 11.502 12.4237C11.502 12.2427 11.3612 12.0959 11.1876 12.0959Z\",\n fill: \"black\"\n })));\n};\nvar ForwardRef = /*#__PURE__*/React.forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(SvgFolder1, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/folder1.d11a7f3a.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useContext, useState } from \"react\";\nimport API from \"../../services/api\";\nimport FavoriteIcon from \"@material-ui/icons/Favorite\";\nimport UnFavoriteIcon from \"@material-ui/icons/FavoriteBorderOutlined\";\nimport { ReactComponent as CreateNewFolderIcon } from \"../../assets/folder1.svg\";\nimport { ReactComponent as GetAppIcon } from \"../../assets/download.svg\";\nimport { ReactComponent as Activedownload } from \"../../assets/activedownload.svg\";\n\nimport Menu from \"@material-ui/core/Menu\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport TrackContext from \"../../contexts/track-context\";\nimport Helper from \"../../services/helper\";\nimport Constants from \"../../services/constants\";\nimport { toast } from \"react-toastify\";\nimport { ErrorToast, SuccessToast } from \"../../pure-components/CustomToast\";\n\nfunction TrackAction(props) {\n let trackContext = useContext(TrackContext);\n const [hdmp3File, setHdmp3File] = useState(false);\n const [originalFile, setOriginalFile] = useState(false);\n const [showDownloadModal, setShowDownloadModal] = useState(false);\n // const [favs, setFavs] = useState([]);\n\n \n const handleDownloadTrack = async(event, trackId) => {\n if (!trackContext.validateUser(Constants.ACTION.DOWNLOAD)) {\n trackContext.setShowSubscribePopup(true);\n trackContext.setUserAction(Constants.ACTION.DOWNLOAD);\n return;\n }\n let currentTarget = event.currentTarget;\n await API.getDownloadTracks(trackId).then((res) => {\n if (res?.audiofile !== undefined && res.audiofile !== null) {\n setHdmp3File(res.audiofile?.hd_mp3.url);\n setOriginalFile(res.audiofile?.original.url);\n setShowDownloadModal(currentTarget);\n } else {\n Helper.handleError(res);\n }\n });\n\n };\n\n const handleDownloadArchive = (trackId, quality) => {\n API.downloadArchiveTrack(trackId, quality).then((res) => { });\n };\n\n const handleArchiveDownload = async(trackId, quality) => {\n await API.downloadArchiveTrack(trackId, quality, props.projectId).then(async(res) => {\n //success : response = [\"taskId\"]\n //fail : response : { \"status\": 400, \"message\": \"\\\"documentIds\\\" is required. \\\"docId\\\" is not allowed.\", \"key\": \"validation_error\", \"stack\": {}, \"reqId\": \"9022499d-9b2b-4edc-9397-c8f8372a83ea\" }\n if (res) {\n if(props.projectList?.length > 0){\n let tempProjects = props.projectList.map(element => {\n let tempdata = {...element };\n if(tempdata?._id === res._id){\n for(var i=0;iEmail Verification
\n {\n verifying &&Verifying User
\n }\n {\n verificationMssg !== '' &&{verificationMssg}
\n }\n{\n setShowTrackModal(e.currentTarget);\n\n }}\n >\n
\n \n
\n )\n}","import React from 'react';\nimport './style.css';\nimport {ReactComponent as CloseModal } from '../../assets/modal-close.svg';\n\nexport default function MobilePopup(props) {\n return (\n \n
\n \n props.cancelAction()}/>\n
\n \n
\n {props.title}
\n\n {props.msg}\n
\n\n
\n \n \n
\n \n \n
\n \n
\n )\n}","import React, { useState, useEffect, useContext } from 'react';\nimport CardContent from '@material-ui/core/CardContent';\nimport API from '../../services/api';\nimport { Link } from 'react-router-dom';\nimport { toast } from 'react-toastify';\nimport TrackAction from '../TrackItem/trackAction';\nimport TrackContext from '../../contexts/track-context';\nimport { ReactComponent as Play } from '../../assets/play.svg';\nimport { ReactComponent as Pause } from '../../assets/pause.svg';\nimport Amplitude from 'amplitudejs';\nimport { ReactComponent as Add } from '../../assets/GreenButtonRoundPlusSmall.svg';\nimport { ReactComponent as DisableAdd } from '../../assets/disableAdd.svg';\nimport { ReactComponent as Project } from '../../assets/project.svg';\nimport { ReactComponent as Edit } from '../../assets/edit.svg';\nimport { ReactComponent as Delete } from '../../assets/delete.svg';\n//import { ReactComponent as Edit1 } from '../../assets/edit1.svg';\nimport { ReactComponent as Delete1 } from '../../assets/delete1.svg';\n//import FavoriteIcon from '@material-ui/icons/Favorite';\nimport MobileAction from './mobileAction';\n//import { ReactComponent as Success } from '../../assets/success.svg';\n//import {ReactComponent as Points} from '../../assets/vPoints.svg';\nimport CookieManager from '../../services/CookieManager';\nimport dayjs from 'dayjs';\nimport Pagination from '@material-ui/lab/Pagination';\nimport Constants from '../../services/constants';\nimport Helper from '../../services/helper'\nimport ConfirmationPopup from '../../pure-components/ConfirmationPopup';\nimport MobilePopup from '../../pure-components/MobilePopup';\nimport { BouncingLoader } from \"../../pure-components/Loader\";\nimport AddTrackToProjectPopup from \"./addTrackToProjectPopup\";\nimport SaveIcon from \"@material-ui/icons/SaveOutlined\";\nimport DownloadIcon from \"@material-ui/icons/GetAppSharp\";\n\nimport DuplicateIcon from \"@material-ui/icons/FileCopyOutlined\";\nimport { DragDropContext, Droppable, Draggable } from \"react-beautiful-dnd\";\nimport { ErrorToast, SuccessToast, WarningToast } from '../../pure-components/CustomToast';\n\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess';\n\nimport Menu from \"@material-ui/core/Menu\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport { CircularProgress } from '@material-ui/core';\nimport SvgInline from \"../../pure-components/SvgInLine\";\nimport MewoService from '../../services/mewoService';\nimport { saveAs } from 'file-saver';\nimport JSZip from 'jszip';\nimport JSZipUtils from 'jszip-utils';\n\nexport default function Projects() {\n let trackContext = useContext(TrackContext);\n const [currentTrack, setCurrentTrack] = useState('')\n const [project, setProject] = useState({});\n const [projects, setProjects] = useState([]);\n const [searchProjects, setSearchProjects] = useState([]);\n const [favorites, setFavorites] = useState([]);\n const [trackToBeAddedToProject, setTrackToBeAddedToProject] = useState('');\n const [trackToBeRemoveToProject, setTrackToBeRemoveToProject] = useState('');\n\n const [loaderAddTrackToProject, setLoaderAddTrackToProject] = useState(false);\n const [showProjectModal, setShowProjectModal] = useState(false);\n const [favs, setFavs] = useState([]);\n const [addProject, setAddProject] = useState({ title: false });\n const [totalProject, setTotalProject] = useState(0);\n const [totalFavs, setTotalFavs] = useState(0);\n const [historyCount, setHistoryCount] = useState(0);\n const [favUpdated, setFavUpdated] = useState(\"\")\n const [historyUpdated, setHistoryUpdated] = useState(\"\");\n const [currPage, setCurrPage] = useState(1);\n const [pageSize, setPageSize] = useState(parseInt(process.env.REACT_APP_PAGE_SIZE));\n const [totalProjects, setTotalProjects] = useState(0);\n const [totalPages, setTotalPages] = useState(1);\n const [expanded, setExpanded] = useState({ index: -1, isOpen: false })\n const [searchKey, setSearchKey] = useState('')\n const [showConfirmPopup, setShowConfirmPopup] = useState(false)\n const [selectedAdmin, setSelectedAdmin] = useState({});\n const [download, setDownload] = useState([]);\n const [showMobilePopup, setShowMobilePopup] = useState(false);\n const [isLoading, setIsLoading] = useState(true);\n const [editProjectObj, setEditProjectObj] = useState({});\n const [currentProjectIndex,setCurrentProjectIndex]=useState(0);\n const [projectIndex,setProjectIndex]=useState(0);//holds index of project from which track is played\n\n const [showTrackModal, setShowTrackModal] = useState(false);\n const [showDownloadModal, setShowDownloadModal] = useState(false);\n const [downloadProjectData, setDownloadProjectData] = useState();\n const [downloadModalPosition, setDownloadModalPosition] = useState(null);\n const [projectDownloading, setProjectDownloading] = useState(false);\n //currently downloading 1 project at a time\n const [downloadingProjects, setDownloadingProjects] = useState([]);\n\n const [savingProject, setSavingProject] = useState(null);\n\n const [showDeleteTrackConfirmPopup, setShowDeleteTrackConfirmPopup] = useState(false);\n const [deletedTrackIndex, setDeletedTrackIndex] = useState(\"\");\n const [deletedTrackFromProject, setDeletedTrackFromProject] = useState(\"\");\n const [deletedTrackMsg, setDeletedTrackMsg] = useState(\"\");\n const [trackDataLoading, setTrackDataLoading] = useState(false);\n // useEffect(() => {\n // console.log(\"test 1\")\n // fetchProjects(currPage, pageSize, searchKey);\n // }, []);\n\n useEffect(() => {\n //console.log(\"Project Data : \", searchProjects);\n },[searchProjects])\n //rerendering track ui on song prev or next\n useEffect(() => {\n let historyId=trackContext.currentTrackDetail.historyId;\n if(historyId !==undefined && historyId !==null){\n setCurrentTrack(historyId);\n }\n }, [trackContext.currentTrackDetail,currentTrack])\n\n //adding trackId's to trackContext.trackData to work play previous and next track\n const setTrackData=(index)=>{\n const trackIds=searchProjects[index]?.trackIds?.map((track,index)=>{\n return {\n \"id\":track.mewoTrackId,\n \"_id\":track?.track_index\n }\n })\n trackContext.setTrackData(trackIds);\n return trackIds\n }\n\n useEffect(() => {\n if (localStorage.getItem('favs') !== 'undefined') {\n const favorites = JSON.parse(localStorage.getItem('favs'));\n // const favArray = favorites.map( track => {\n // return track.trackId.mewoTrackId;\n // });\n favorites !== null && setFavs(favorites);\n };\n if (localStorage.getItem('download') !== 'undefined') {\n const download = JSON.parse(localStorage.getItem('download'));\n download !== null && setDownload(download);\n };\n }, []);\n\n const handlePagination = (e, pagenumber) => {\n // console.log(e.target.innerText);\n //let temp = e.target.innerText;\n setCurrPage(pagenumber);\n }\n const handleClose = () => {\n setShowTrackModal(false);\n }\n useEffect(() => {\n (async () => {\n await fetchProjects(currPage, pageSize, searchKey);\n })();\n }, [currPage])\n\n const fetchProjects = async(currPage, pageSize, searchText) => {\n await API.getProjects(currPage, pageSize, searchText).then(data => {\n if (data.success) {\n setProjects(data.data);\n setTotalProject(data.totalCount)\n setSearchProjects(data.data);\n //adding track_index to track for uniqueness as there can be duplicate tracks\n data.data.forEach(project=>project.trackIds.map((track,index)=>track['track_index']=track._id + index))\n setTotalProjects(data.totalCount)\n setTotalPages(Math.ceil(data.totalCount / pageSize));\n } else {\n let errorMsg = data.mssg;\n if (data.code === \"401\") {\n errorMsg += \", please signin again, if error persist please contact admin!\";\n }\n toast(({ closeToast }) => \n
\n \n props.setShowMobilePopup(false)}/>\n
\n \n
\n \n This feature is only available in the desktop view\n
\n props.setShowMobilePopup(false)}\n className='flex flex-wrap justify-center pt-6 pb-8'>\n
\n \n
\n \n \n \n Ok \n
\n \n
:\n \n
\n
\n Hello, {trackContext.userDetails.first_name}
\nYou have {totalProjects} Projects
\n\n
\n
\n
\n {addProject.title &&\n <>\n My Projects
\n\n {!addProject.title ?\n { handleSearch(e.target.value) }}\n // onChange={handleSearch}\n type=\"text\"\n placeholder='Search Projects'\n className=\"w-4/5 lg:w-2/5 input-search h-8\"\n />\n
\n \n
\n {addProject.description &&\n \n
\n \n
\n \n setAddProject({ title: true, description: !addProject.description })}\n className=\"w-full cursor-pointer pt-2 text-lg\">Add Description
\n \n
\n 0 ? \"greenbutton\" : \"button\" }\n onClick={(e) => createProject(e)}\n disabled={!(project?.title?.length > 0)} >\n Create Project\n
\n \n
\n }\n \n }\n {projectDownloading ? \n Description
\n \n \n
: \n \n {\n searchProjects.map((project, index) =>\n
\n \n {\n editProject(index);\n }}>\n \n
\n {savingProject === editProjectObj.id ?\n {\n editProject(index);\n }}>\n
\n {project.title}
\n \n
\n \n {project.trackIds?.length} tracks\n
\n\n Edited on : {dayjs(project.updatedAt).format('DD.MM.YYYY')}\n
\n\n \n {\n editProject(index);\n }} />\n \n \n {\n //deleteProject(project._id, index)\n setSelectedAdmin({ id: project._id, index });\n setShowConfirmPopup(true);\n }\n }\n />\n \n \n {project.trackIds?.length > 0 && (\n downloadingProjects.includes(project._id) ? \n downloadProject(event, project)}\n width=\"30\"\n />)\n }\n \n {project.trackIds?.length > 0 && (\n (project.licenseUrl === '' || typeof project.licenseUrl === 'undefined') ?\n <>\n \n editProject(index)}\n style={{ fontSize: \"35px\" }}\n className=\"trackicon self-center cursor-pointer sm:text-gray-700\"\n />\n\n
\n handleChange(project)}\n style={{fontSize : \"10px\"}}\n >Generate Licence\n
\n \n { setShowMobilePopup(true); }}\n style={{fontSize : \"10px\"}}\n >Generate Licence\n
\n \n :\n (new Date(project.licenseUpdatedDate) < new Date(project.updatedAt)) ?\n <>\n \n generateLicense(project)}\n style={{fontSize : \"10px\"}}\n // style={{paddingLeft:\"1.8rem\",paddingRight:\"1.8rem\"}}\n >Update Licence\n
\n { setShowMobilePopup(true); }}\n style={{fontSize : \"10px\"}}\n >Update Licence\n
\n : <>\n \n View Licence\n
\n { setShowMobilePopup(true); }}\n style={{fontSize : \"10px\"}}\n >View Licence\n
\n )}\n \n \n
: \n (expanded.index === index && expanded.isOpen &&\n \n
\n
\n \n
\n \n \n
\n \n { handleProjectDataChange(e.target.value, \"title\") }}\n className='text-xl focus:outline-none font-semibold border-b text-white bg-transparent'\n placeholder='edit Project...'\n // value={project.title}\n defaultValue={project.title}\n />\n
\n {project.trackIds?.length} tracks
\n Edited on : {dayjs(project.updatedAt).format('DD.MM.YYYY')}
\n\n
\n saveProject()}\n style={{fontSize : \"10px\"}}\n > Save\n
\n \n
\n\n \n \n {\n setExpanded({ index: -1, isOpen: false });\n setSelectedAdmin({ id: project._id, index });\n setShowConfirmPopup(true);\n }\n } />\n \n {project.trackIds?.length > 0 && (\n downloadingProjects.includes(project._id) ? \n downloadProject(event, project)}\n width=\"30\"\n style={{color : \"white\"}}\n />)\n }\n \n {project.trackIds?.length > 0 && (\n (project.licenseUrl === '' || typeof project.licenseUrl === 'undefined') ?\n editProject(index)}\n style={{ fontSize: \"35px\", color: \"white\" }}\n className=\"trackicon self-center cursor-pointer sm:text-gray-700\"\n />\n \n\n
\n \n \n \n {/*
\n :\n (new Date(project.licenseUpdatedDate) < new Date(project.updatedAt)) ?\n generateLicense(project)}\n style={{fontSize : \"10px\"}}\n > Generate Licence\n
\n \n {/* { setShowMobilePopup(true); }}\n style={{fontSize : \"10px\"}}\n > Generate Licence\n
\n \n \n {/*
:\n Update Licence\n
\n \n {/* { setShowMobilePopup(true) }}\n style={{fontSize : \"10px\"}}\n > Update Licence\n
\n \n \n {/*
\n )}\n \n View Licence\n
\n \n {/* { setShowMobilePopup(true) }}\n style={{fontSize : \"10px\"}}\n > View Licence\n
\n \n \n {\n saveProject();\n }} />\n {\n setExpanded({ index: -1, isOpen: false });\n setSelectedAdmin({ id: project._id, index });\n setShowConfirmPopup(true);\n }\n } />\n \n {\n downloadingProjects.includes(project._id) ? \n downloadProject(event, project)}\n width=\"30\"\n style={{color : \"white\"}}\n />\n }\n \n editProject(index)}\n style={{ fontSize: \"35px\", color: \"white\" }}\n className=\"trackicon self-center cursor-pointer sm:text-gray-700\"\n />\n \n
\n \n
Description
\n\n