@licklist/design 0.45.0-dev.0 → 0.46.0

package/src/assets/logo/bookedit.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg viewBox="0 0 909 201" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Single Colour - Light Blue Light</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Logo-Export" transform="translate(-351, -1835)" fill="currentColor" fill-rule="nonzero">
+            <path d="M404.464309,1861.51568 C420.947077,1845.03291 428.640322,1840.77206 437.888835,1837.96887 C447.137353,1835.16568 456.595602,1835.16568 465.844116,1837.96887 C475.092631,1840.77206 482.785878,1845.03291 499.268645,1861.51568 L526.217272,1888.46431 C542.700038,1904.94707 546.960891,1912.64032 549.764082,1921.88884 C552.567272,1931.13735 552.567277,1940.5956 549.764082,1949.84412 C546.960891,1959.09263 542.700042,1966.78588 526.217275,1983.26864 L499.268645,2010.21727 C482.785882,2026.70004 475.092632,2030.96089 465.844119,2033.76408 C456.595602,2036.56728 447.137349,2036.56727 437.888836,2033.76408 C428.640323,2030.96089 420.947073,2026.70004 404.464307,2010.21727 L377.515681,1983.26865 C361.032913,1966.78588 356.772062,1959.09263 353.96887,1949.84412 C351.165678,1940.5956 351.165678,1931.13735 353.968872,1921.88883 C356.772063,1912.64032 361.032916,1904.94707 377.515679,1888.46431 L404.464309,1861.51568 Z M419.27723,1875.56272 L391.94566,1902.89429 C379.096389,1915.74356 375.578885,1920.94472 373.498581,1927.80822 C371.86521,1933.19717 371.865208,1938.53578 373.498579,1943.92473 C375.558081,1950.7196 379.026183,1955.8852 391.562974,1968.45547 L419.277481,1996.16998 C431.847751,2008.70677 437.013351,2012.17487 443.808221,2014.23437 C449.197174,2015.86774 454.53578,2015.86774 459.924729,2014.23437 C466.788237,2012.15407 471.989393,2008.63656 484.838664,1995.78729 L511.787294,1968.83866 C524.636565,1955.98939 528.154067,1950.78824 530.234369,1943.92473 C531.867744,1938.53578 531.867744,1933.19717 530.234374,1927.80822 C528.154067,1920.94472 524.636565,1915.74356 511.787291,1902.89429 L484.838664,1875.94566 C471.989393,1863.09639 466.788235,1859.57889 459.924732,1857.49858 C454.535778,1855.86521 449.197173,1855.86521 443.808222,1857.49858 C437.013351,1859.55808 431.84775,1863.02618 419.27723,1875.56272 Z M486.464593,1926.1647 C491.943599,1920.68569 500.826815,1920.68569 506.305817,1926.1647 C511.784818,1931.6437 511.784823,1940.52691 506.305817,1946.00592 L462.114001,1990.19774 C456.635,1995.67674 447.751777,1995.67674 442.272777,1990.19774 L435.820616,1983.74558 C434.61456,1982.53952 434.302792,1981.9766 434.09768,1981.29988 C433.892567,1980.62316 433.892569,1979.93109 434.097677,1979.25437 C434.30279,1978.57765 434.61456,1978.01473 435.820618,1976.80867 L486.464593,1926.1647 Z M412.688306,1950.69265 C414.007834,1949.37313 415.79873,1948.63374 417.664814,1948.63805 L443.475707,1948.69765 C444.884516,1948.70091 446.023944,1949.84562 446.020691,1951.25443 C446.019167,1951.91582 445.760812,1952.55076 445.300125,1953.02532 L443.939021,1954.42742 L427.842741,1970.38062 C426.346551,1971.86351 423.933164,1971.85812 422.443605,1970.36857 L412.688306,1960.61327 C409.948805,1957.87377 409.948806,1953.43216 412.688306,1950.69265 Z M732.959925,1902.39173 C745.763402,1902.39173 755.752322,1905.70298 762.926684,1912.32547 C770.101047,1918.94795 773.688228,1928.05388 773.688228,1939.64323 L773.688228,1957.02726 C773.688228,1969.16849 770.073453,1978.7435 762.843903,1985.7523 C755.614353,1992.7611 745.653027,1996.2655 732.959925,1996.2655 C720.266823,1996.2655 710.305497,1992.95426 703.075947,1986.33177 C695.846397,1979.70928 692.231622,1970.60336 692.231622,1959.01401 L692.231622,1941.62998 C692.231622,1929.48875 695.846397,1919.91373 703.075947,1912.90493 C710.305497,1905.89613 720.266823,1902.39173 732.959925,1902.39173 Z M823.522452,1902.39173 C836.325929,1902.39173 846.314849,1905.70298 853.489211,1912.32547 C860.663573,1918.94795 864.250754,1928.05388 864.250754,1939.64323 L864.250754,1957.02726 C864.250754,1969.16849 860.635979,1978.7435 853.40643,1985.7523 C846.17688,1992.7611 836.215554,1996.2655 823.522452,1996.2655 C810.829349,1996.2655 800.868023,1992.95426 793.638473,1986.33177 C786.408924,1979.70928 782.794149,1970.60336 782.794149,1959.01401 L782.794149,1941.62998 C782.794149,1929.48875 786.408924,1919.91373 793.638473,1912.90493 C800.868023,1905.89613 810.829349,1902.39173 823.522452,1902.39173 Z M1002.4952,1902.39173 C1014.3053,1902.39173 1023.74235,1905.84095 1030.80633,1912.73937 C1037.87032,1919.6378 1041.40231,1929.48875 1041.40231,1942.29223 L1041.40231,1950.07365 C1041.40231,1952.72264 1040.93322,1954.43345 1039.99504,1955.20608 C1039.05685,1955.9787 1037.15288,1956.36501 1034.28314,1956.36501 L988.091284,1956.36501 L988.091284,1957.02726 C988.091284,1963.53938 989.139845,1968.2579 991.236966,1971.18283 C993.334087,1974.10776 997.362768,1975.57023 1003.32301,1975.57023 C1006.19275,1975.57023 1008.5934,1975.18392 1010.52496,1974.41129 C1012.45652,1973.63867 1014.02936,1972.09342 1015.24349,1969.77555 C1015.79536,1968.6718 1016.4852,1967.84399 1017.31301,1967.29212 C1018.14082,1966.74024 1019.60329,1966.46431 1021.70041,1966.46431 L1034.61426,1966.46431 C1036.82176,1966.46431 1038.31182,1966.87821 1039.08444,1967.70602 C1039.85707,1968.53384 1040.24338,1969.83074 1040.24338,1971.59674 C1040.24338,1974.02498 1039.66391,1976.37045 1038.50498,1978.63313 C1037.34604,1980.89581 1036.04914,1982.85497 1034.61426,1984.51059 C1031.08227,1988.59446 1026.41893,1991.57458 1020.62426,1993.45095 C1014.82958,1995.32732 1008.67619,1996.2655 1002.16407,1996.2655 C989.360594,1996.2655 979.482049,1993.03704 972.528437,1986.58012 C965.574824,1980.12319 962.098018,1970.49299 962.098018,1957.68951 L962.098018,1941.9611 C962.098018,1929.48875 965.657605,1919.77577 972.77678,1912.82215 C979.895955,1905.86854 989.802094,1902.39173 1002.4952,1902.39173 Z M1124.01786,1876.06734 C1126.8876,1876.06734 1128.79157,1876.48125 1129.72975,1877.30906 C1130.66794,1878.13687 1131.13703,1879.82009 1131.13703,1882.35871 L1131.13703,1958.84845 C1131.13703,1970.4378 1127.46707,1979.57132 1120.12714,1986.24899 C1112.78722,1992.92667 1102.71552,1996.2655 1089.91204,1996.2655 C1077.32931,1996.2655 1067.47836,1992.92667 1060.35919,1986.24899 C1053.24001,1979.57132 1049.68042,1970.27224 1049.68042,1958.35176 L1049.68042,1940.30548 C1049.68042,1928.60575 1052.77092,1919.36186 1058.95191,1912.57381 C1065.1329,1905.78576 1073.57657,1902.39173 1084.28293,1902.39173 C1093.44403,1902.39173 1100.28727,1904.65442 1104.81264,1909.17978 L1104.81264,1882.35871 C1104.81264,1879.82009 1105.28173,1878.13687 1106.21992,1877.30906 C1107.1581,1876.48125 1109.06207,1876.06734 1111.93181,1876.06734 L1124.01786,1876.06734 Z M1233.65078,1880.56827 C1236.52053,1880.56827 1238.42449,1880.98218 1239.36268,1881.80999 C1240.30087,1882.6378 1240.76996,1884.32102 1240.76996,1886.85964 L1240.76996,1904.90592 L1252.856,1904.90592 C1255.39462,1904.90592 1257.10543,1905.31982 1257.98843,1906.14763 C1258.87143,1906.97544 1259.31293,1908.54828 1259.31293,1910.86616 L1259.31293,1919.14427 C1259.31293,1921.68289 1258.87143,1923.3937 1257.98843,1924.27669 C1257.10543,1925.15969 1255.39462,1925.60119 1252.856,1925.60119 L1240.76996,1925.60119 L1240.76996,1960.36926 C1240.76996,1964.34275 1241.43221,1967.21249 1242.75671,1968.97849 C1244.0812,1970.74449 1246.2887,1971.62749 1249.37919,1971.62749 L1252.19375,1971.62749 C1254.95312,1971.62749 1256.77431,1972.04139 1257.6573,1972.8692 C1258.5403,1973.69701 1258.9818,1975.38023 1258.9818,1977.91885 L1258.9818,1988.01814 C1258.9818,1990.44639 1258.5403,1992.07442 1257.6573,1992.90223 C1256.77431,1993.73004 1254.89793,1994.14395 1252.02819,1994.14395 L1243.91564,1994.14395 C1233.31966,1994.14395 1225.75899,1991.82607 1221.23362,1987.19033 C1216.70825,1982.55459 1214.44557,1974.88354 1214.44557,1964.17719 L1214.44557,1886.85964 C1214.44557,1884.32102 1214.91466,1882.6378 1215.85285,1881.80999 C1216.79103,1880.98218 1218.695,1880.56827 1221.56474,1880.56827 L1233.65078,1880.56827 Z M643.059647,1876.06734 C668.335477,1876.06734 680.973392,1886.00108 680.973392,1905.86854 L680.973392,1908.02085 C680.973392,1913.87071 679.566114,1919.03074 676.751556,1923.50092 C673.936999,1927.97109 670.211849,1930.97881 665.576107,1932.52406 C671.094847,1933.84855 675.537433,1936.82867 678.903865,1941.46441 C682.270296,1946.10016 683.953512,1951.50852 683.953512,1957.68951 L683.953512,1960.33851 C683.953512,1971.92786 680.476706,1980.42672 673.523093,1985.83509 C666.56948,1991.24345 655.587188,1993.94763 640.576214,1993.94763 L606.139275,1993.94763 C603.26953,1993.94763 601.365565,1993.53373 600.427379,1992.70592 C599.489193,1991.87811 599.020101,1990.19489 599.020101,1987.65627 L599.020101,1882.35871 C599.020101,1879.82009 599.489193,1878.13687 600.427379,1877.30906 C601.365565,1876.48125 603.26953,1876.06734 606.139275,1876.06734 L643.059647,1876.06734 Z M895.376449,1876.06734 C898.246194,1876.06734 900.150159,1876.48125 901.088345,1877.30906 C902.026531,1878.13687 902.495624,1879.82009 902.495624,1882.35871 L902.495624,1937.98761 L927.164392,1909.34535 C929.040764,1907.13785 930.365262,1905.81335 931.137885,1905.37185 C931.910509,1904.93035 933.179819,1904.7096 934.945816,1904.7096 L951.667599,1904.7096 C954.647719,1904.7096 956.137778,1905.92373 956.137778,1908.35197 C956.137778,1909.5661 955.530717,1910.78022 954.316594,1911.99434 L930.475637,1938.15317 L958.290087,1986.6629 C959.173086,1988.20814 959.614585,1989.47745 959.614585,1990.47083 C959.614585,1992.7887 957.958963,1993.94763 954.647719,1993.94763 L938.422622,1993.94763 C936.435876,1993.94763 934.918222,1993.61651 933.869662,1992.95426 C932.821101,1992.29201 931.800134,1991.07789 930.806761,1989.31189 L912.76048,1956.36501 L902.495624,1967.62324 L902.495624,1987.65627 C902.495624,1990.19489 902.026531,1991.87811 901.088345,1992.70592 C900.150159,1993.53373 898.246194,1993.94763 895.376449,1993.94763 L883.952657,1993.94763 C881.082912,1993.94763 879.178946,1993.53373 878.240761,1992.70592 C877.302575,1991.87811 876.833482,1990.19489 876.833482,1987.65627 L876.833482,1882.35871 C876.833482,1879.82009 877.302575,1878.13687 878.240761,1877.30906 C879.178946,1876.48125 881.082912,1876.06734 883.952657,1876.06734 L895.376449,1876.06734 Z M1191.56724,1922.6731 C1194.43698,1922.6731 1196.34095,1923.08701 1197.27913,1923.91482 C1198.21732,1924.74263 1198.68641,1926.42585 1198.68641,1928.96447 L1198.52085,1987.49071 C1198.52085,1990.02933 1198.05175,1991.71254 1197.11357,1992.54036 C1196.17538,1993.36817 1194.27142,1993.78207 1191.40167,1993.78207 L1179.31563,1993.78207 C1176.44589,1993.78207 1174.54192,1993.36817 1173.60374,1992.54036 C1172.66555,1991.71254 1172.19646,1990.02933 1172.19646,1987.49071 L1172.36202,1928.96447 C1172.36202,1926.42585 1172.83111,1924.74263 1173.7693,1923.91482 C1174.70748,1923.08701 1176.61145,1922.6731 1179.48119,1922.6731 L1191.56724,1922.6731 Z M733.456612,1923.08701 C728.710495,1923.08701 725.040533,1924.60466 722.446725,1927.63997 C719.852917,1930.67528 718.556013,1935.06268 718.556013,1940.80217 L718.556013,1957.85507 C718.556013,1969.66518 723.191755,1975.57023 732.463238,1975.57023 C737.31973,1975.57023 741.017286,1974.05258 743.555906,1971.01727 C746.094527,1967.98196 747.363837,1963.59456 747.363837,1957.85507 L747.363837,1940.80217 C747.363837,1928.99206 742.728095,1923.08701 733.456612,1923.08701 Z M824.019138,1923.08701 C819.273022,1923.08701 815.603059,1924.60466 813.009252,1927.63997 C810.415444,1930.67528 809.11854,1935.06268 809.11854,1940.80217 L809.11854,1957.85507 C809.11854,1969.66518 813.754281,1975.57023 823.025765,1975.57023 C827.882256,1975.57023 831.579812,1974.05258 834.118433,1971.01727 C836.657053,1967.98196 837.926363,1963.59456 837.926363,1957.85507 L837.926363,1940.80217 C837.926363,1928.99206 833.290622,1923.08701 824.019138,1923.08701 Z M1089.91204,1923.08701 C1080.64056,1923.08701 1076.00482,1928.99206 1076.00482,1940.80217 L1076.00482,1957.85507 C1076.00482,1963.59456 1077.24653,1967.98196 1079.72997,1971.01727 C1082.2134,1974.05258 1085.82817,1975.57023 1090.57429,1975.57023 C1100.06652,1975.57023 1104.81264,1969.66518 1104.81264,1957.85507 L1104.81264,1940.80217 C1104.81264,1935.06268 1103.54333,1930.67528 1101.00471,1927.63997 C1098.46609,1924.60466 1094.76853,1923.08701 1089.91204,1923.08701 Z M643.225209,1944.27897 L625.675616,1944.27897 L625.675616,1971.26561 L641.404025,1971.26561 C651.227383,1971.26561 656.139062,1967.23693 656.139062,1959.17957 L656.139062,1956.19945 C656.139062,1952.33633 655.035313,1949.38381 652.827817,1947.34187 C650.620321,1945.29994 647.419452,1944.27897 643.225209,1944.27897 Z M1001.50182,1922.59032 C997.52833,1922.59032 994.382648,1923.80445 992.064777,1926.23269 C989.746906,1928.66094 988.477596,1932.79999 988.256846,1938.64986 L1014.91236,1938.64986 C1014.80199,1933.13112 1013.72583,1929.07484 1011.6839,1926.48103 C1009.64196,1923.88723 1006.24794,1922.59032 1001.50182,1922.59032 Z M639.582841,1898.74937 L625.675616,1898.74937 L625.675616,1923.25257 L640.741776,1923.25257 C649.240636,1923.25257 653.490066,1919.44464 653.490066,1911.82878 L653.490066,1909.17978 C653.490066,1902.22617 648.854324,1898.74937 639.582841,1898.74937 Z M1187.70731,1880.56827 C1191.45412,1880.56827 1192.8128,1880.965 1194.18258,1881.70999 C1195.55235,1882.45497 1196.62736,1883.5482 1197.35993,1884.94119 C1198.09249,1886.33418 1198.48261,1887.7159 1198.48261,1891.52621 L1198.48261,1897.75591 C1198.48261,1901.56622 1198.09249,1902.94794 1197.35993,1904.34093 C1196.62736,1905.73392 1195.55235,1906.82715 1194.18258,1907.57213 C1192.8128,1908.31711 1191.45412,1908.71385 1187.70731,1908.71385 L1181.58143,1908.71385 C1177.83463,1908.71385 1176.47594,1908.31711 1175.10617,1907.57213 C1173.73639,1906.82715 1172.66138,1905.73392 1171.92882,1904.34093 C1171.19625,1902.94794 1170.80613,1901.56622 1170.80613,1897.75591 L1170.80613,1891.52621 C1170.80613,1887.7159 1171.19625,1886.33418 1171.92882,1884.94119 C1172.66138,1883.5482 1173.73639,1882.45497 1175.10617,1881.70999 C1176.47594,1880.965 1177.83463,1880.56827 1181.58143,1880.56827 L1187.70731,1880.56827 Z" id="Single-Colour---Light-Blue-Light"></path>
+        </g>
+    </g>
+</svg>

package/src/assets/logo/favicon.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0"?>
+<svg width="200" height="201" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" version="1.1">
+    <title>Single Colour - Light Blue Light</title>
+    <g class="layer">
+        <title>Layer 1</title>
+        <g fill="none" fill-rule="evenodd" id="Page-1">
+            <g fill="#0E8CE2" fill-rule="nonzero" id="Logo-Export" transform="translate(0 -1835)">
+                <path d="m52.59,1861.52c16.49,-16.49 24.18,-20.75 33.43,-23.55c9.25,-2.8 18.71,-2.8 27.95,0c9.25,2.8 16.95,7.06 33.43,23.55l26.95,26.94c16.48,16.49 20.74,24.18 23.54,33.43c2.81,9.25 2.81,18.71 0,27.95c-2.8,9.25 -7.06,16.95 -23.54,33.43l-26.95,26.95c-16.48,16.48 -24.18,20.74 -33.43,23.54c-9.24,2.81 -18.7,2.81 -27.95,0c-9.25,-2.8 -16.94,-7.06 -33.43,-23.54l-26.94,-26.95c-16.49,-16.48 -20.75,-24.18 -23.55,-33.43c-2.8,-9.24 -2.8,-18.7 0,-27.95c2.8,-9.25 7.06,-16.94 23.55,-33.43l26.94,-26.94zm14.82,14.04l-27.33,27.33c-12.85,12.85 -16.37,18.05 -18.45,24.92c-1.63,5.39 -1.63,10.73 0,16.11c2.06,6.8 5.53,11.97 18.06,24.54l27.72,27.71c12.57,12.54 17.73,16 24.53,18.06c5.39,1.64 10.73,1.64 16.11,0c6.87,-2.08 12.07,-5.59 24.92,-18.44l26.95,-26.95c12.85,-12.85 16.36,-18.05 18.44,-24.92c1.64,-5.38 1.64,-10.72 0,-16.11c-2.08,-6.87 -5.59,-12.07 -18.44,-24.92l-26.95,-26.94c-12.85,-12.85 -18.05,-16.37 -24.92,-18.45c-5.38,-1.63 -10.72,-1.63 -16.11,0c-6.8,2.06 -11.96,5.53 -24.53,18.06zm67.18,50.6c5.48,-5.47 14.37,-5.47 19.85,0c5.47,5.48 5.47,14.37 0,19.85l-44.2,44.19c-5.48,5.48 -14.36,5.48 -19.84,0l-6.45,-6.45c-1.21,-1.21 -1.52,-1.77 -1.72,-2.45c-0.21,-0.68 -0.21,-1.37 0,-2.05c0.2,-0.67 0.51,-1.24 1.72,-2.44l50.64,-50.65zm-73.77,24.53c1.32,-1.32 3.11,-2.06 4.97,-2.05l25.82,0.06c1.4,0 2.54,1.15 2.54,2.55c0,0.67 -0.26,1.3 -0.72,1.78l-1.36,1.4l-16.1,15.95c-1.49,1.48 -3.91,1.48 -5.4,-0.01l-9.75,-9.76c-2.74,-2.74 -2.74,-7.18 0,-9.92" id="Single-Colour---Light-Blue-Light"/>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/assets/logo/licklist.sm.svg

@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Licklist All rights reserved -->
+
+<!-- Lead Developer: Nik Chankov -->
+
+<!-- developer@chankov.net -->
+
+<svg
+        xmlns="http://www.w3.org/2000/svg"
+        version="1.1"
+        width="28"
+        height="28"
+        id="svg2">
+    <defs
+            id="defs4">
+        <linearGradient
+                id="linearGradient3780">
+            <stop
+                    id="stop3782"
+                    offset="0"/>
+        </linearGradient>
+        <clipPath
+                id="clipPath18">
+            <path
+                    d="M 0,8588.97 0,0 l 6122.88,0 0,8588.97 -6122.88,0 z"
+                    id="path20"/>
+        </clipPath>
+    </defs>
+    <g
+            style="fill:none;stroke:none"
+            id="Licklist-Logo"
+            transform="matrix(0.3373494,0,0,0.3373494,-125.83133,-575.85543)">
+        <g
+                id="Group"
+                transform="translate(373,1707)">
+            <g
+                    id="Group-2">
+                <rect
+                        style="fill:currentColor"
+                        id="Rectangle"
+                        x="0"
+                        y="0"
+                        width="83"
+                        height="83"
+                        rx="32"/>
+                <path
+                        style="fill:#ffffff"
+                        d="m 62.361931,29.679171 c -3.230575,0.464793 -4.845863,2.002649 -4.845863,4.613569 0,3.916379 3.859221,14.400091 2.233583,21.184568 -1.625639,6.784477 -5.922221,11.107325 -14.342743,13.089857 -8.420522,1.982532 -18.220177,1.058973 -22.05529,-11.403981 -3.835114,-12.462955 3.206749,-21.725243 7.559614,-25.196151 4.352865,-3.470907 8.580079,-2.287862 8.760574,-2.287862 -4.441936,0 -6.077857,5.232837 -6.077857,11.785441 0,4.718886 1.695473,8.632843 5.086419,11.741871 -1.265434,-5.836852 -1.170587,-10.835973 0.284541,-14.997364 2.182693,-6.242086 4.583918,-9.010999 8.716264,-9.984494 4.66084,-1.011828 9.554427,-0.52698 14.680758,1.454546 z"
+                        id="Path-2"/>
+                <path
+                        style="fill:#ffffff"
+                        d="M 61.572179,27.468449 C 56.017112,23.151736 51.339963,20.52294 47.540731,19.582062 c -5.698848,-1.411316 -8.558283,1.073254 -11.106479,2.964752 -0.742281,-0.941885 -2.358795,-2.237479 -4.267168,-2.237479 -1.908373,0 -4.807841,1.284405 -5.548716,4.977296 -0.493916,2.461928 -0.250937,5.024322 0.728937,7.687185 -3.751521,-3.810563 -5.229083,-7.28623 -4.432687,-10.427002 1.194596,-4.711158 6.285307,-8.64502 14.24269,-8.293904 7.957382,0.351117 10.028646,1.863695 15.189505,5.329152 3.440572,2.310306 6.515694,4.939101 9.225366,7.886387 z"
+                        id="Path-3"/>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/assets/logo/licklist.svg

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 118 28"
+        version="1.1"
+        id="svg2">
+    <title
+            id="title4">Licklist.co.uk
+    </title>
+    <desc id="desc6">Social nightlife</desc>
+    <defs
+            id="defs8"/>
+    <g
+            id="g3775"
+            transform="matrix(0.50909091,0,0,0.50909091,0,13.745455)">
+        <g
+                fill="currentColor"
+                transform="translate(-403.78661,-2935)"
+                id="Licklist-Logo">
+            <g
+                    fill="currentColor"
+                    transform="translate(398,2910)"
+                    id="Group-3">
+                <path
+                        fill="currentColor"
+                        id="Licklist"
+                        d="m 87.16,37.96 0,8.04 -27.66,0 0,-42.6 8.76,0 0,34.56 18.9,0 z m 6.52,-27.48 c -1.520008,0 -2.759995,-0.479995 -3.72,-1.44 -0.960005,-0.9600048 -1.44,-2.1799926 -1.44,-3.66 0,-1.4800074 0.479995,-2.7099951 1.44,-3.69 0.960005,-0.9800049 2.199992,-1.47 3.72,-1.47 1.520008,0 2.759995,0.4899951 3.72,1.47 0.960005,0.9800049 1.44,2.2099926 1.44,3.69 0,1.4800074 -0.479995,2.6999952 -1.44,3.66 -0.960005,0.960005 -2.199992,1.44 -3.72,1.44 z M 89.42,46 l 0,-31.44 8.52,0 0,31.44 -8.52,0 z m 27.76,-6.84 c 1.56001,0 2.91999,-0.439996 4.08,-1.32 1.16001,-0.880004 1.9,-2.019993 2.22,-3.42 l 8.52,1.44 c -0.64,2.920015 -2.21999,5.459989 -4.74,7.62 -2.52001,2.160011 -5.85998,3.24 -10.02,3.24 -4.56002,0 -8.32998,-1.569984 -11.31,-4.71 -2.98002,-3.140016 -4.47,-7.049977 -4.47,-11.73 0,-4.680023 1.48998,-8.589984 4.47,-11.73 2.98002,-3.140016 6.74998,-4.71 11.31,-4.71 4.16002,0 7.49999,1.079989 10.02,3.24 2.52001,2.160011 4.1,4.699985 4.74,7.62 l -8.52,1.44 c -0.32,-1.400007 -1.05999,-2.539996 -2.22,-3.42 -1.16001,-0.880004 -2.51999,-1.32 -4.08,-1.32 -2.24001,0 -3.99999,0.809992 -5.28,2.43 -1.28001,1.620008 -1.92,3.769987 -1.92,6.45 0,2.680013 0.63999,4.829992 1.92,6.45 1.28001,1.620008 3.03999,2.43 5.28,2.43 z m 37.84,-24.6 10.68,0 -11.76,13.38 12.6,18.06 -10.08,0 -8.16,-12.42 -4.74,5.4 0,7.02 -8.52,0 0,-45 8.52,0 0,27.84 11.46,-14.28 z m 20.44,31.44 -8.52,0 0,-45 8.52,0 0,45 z m 9.76,-35.52 c -1.52001,0 -2.76,-0.479995 -3.72,-1.44 -0.96001,-0.9600048 -1.44,-2.1799926 -1.44,-3.66 0,-1.4800074 0.47999,-2.7099951 1.44,-3.69 0.96,-0.9800049 2.19999,-1.47 3.72,-1.47 1.52001,0 2.75999,0.4899951 3.72,1.47 0.96,0.9800049 1.44,2.2099926 1.44,3.69 0,1.4800074 -0.48,2.6999952 -1.44,3.66 -0.96001,0.960005 -2.19999,1.44 -3.72,1.44 z m -4.26,35.52 0,-31.44 8.52,0 0,31.44 -8.52,0 z m 11.62,-9.18 8.46,-1.2 c 0.08,1.240006 0.56,2.259996 1.44,3.06 0.88,0.800004 2.15999,1.2 3.84,1.2 1.60001,0 2.82,-0.259997 3.66,-0.78 0.84,-0.520003 1.26,-1.219996 1.26,-2.1 0,-0.960005 -0.59999,-1.669998 -1.8,-2.13 -1.20001,-0.460002 -2.63999,-0.829999 -4.32,-1.11 -1.68001,-0.280001 -3.36999,-0.659998 -5.07,-1.14 -1.70001,-0.480002 -3.14999,-1.419993 -4.35,-2.82 -1.20001,-1.400007 -1.8,-3.259988 -1.8,-5.58 0,-2.920015 1.15999,-5.37999 3.48,-7.38 2.32001,-2.00001 5.35998,-3 9.12,-3 3.96002,0 6.96999,0.929991 9.03,2.79 2.06001,1.860009 3.31,4.069987 3.75,6.63 l -8.04,1.5 c -0.08,-1.200006 -0.53,-2.179996 -1.35,-2.94 -0.82,-0.760004 -1.96999,-1.14 -3.45,-1.14 -1.36001,0 -2.42,0.289997 -3.18,0.87 -0.76,0.580003 -1.14,1.309996 -1.14,2.19 0,0.800004 0.43,1.429998 1.29,1.89 0.86,0.460002 1.92999,0.769999 3.21,0.93 1.28001,0.160001 2.65999,0.419998 4.14,0.78 1.48001,0.360002 2.85999,0.819997 4.14,1.38 1.28001,0.560003 2.35,1.509993 3.21,2.85 0.86,1.340007 1.29,3.02999 1.29,5.07 0,2.920015 -1.18999,5.329991 -3.57,7.23 -2.38001,1.900009 -5.62998,2.85 -9.75,2.85 -8.12004,0 -12.62,-3.299967 -13.5,-9.9 z m 44.92,1.62 0,7.38 c -0.96,0.240001 -2.29999,0.36 -4.02,0.36 -6.44003,0 -9.66,-3.199968 -9.66,-9.6 l 0,-15.3 -4.26,0 0,-6.72 4.26,0 0,-7.8 8.52,0 0,7.8 5.22,0 0,6.72 -5.22,0 0,14.4 c 0,2.04001 1.05999,3.06 3.18,3.06 l 1.98,-0.3 z"/>
+            </g>
+        </g>
+        <g
+                fill="currentColor"
+                id="Group-16"
+                transform="matrix(0.72651313,0,0,0.725384,-0.25405188,-27.230485)">
+            <path
+                    fill="currentColor"
+                    id="Path-2"
+                    d="m 57.097366,21.55886 c -4.570082,0.63909 -6.855123,2.753642 -6.855123,6.343657 0,5.385022 5.459386,19.800126 3.159702,29.128781 C 51.102261,66.359954 45.024169,72.30387 33.112211,75.029852 21.200253,77.755833 7.3373275,76.48594 1.9120448,59.349378 -3.5132378,42.212816 6.4484213,29.477169 12.606133,24.704671 18.763845,19.932173 24.743806,21.55886 24.99914,21.55886 c -6.283713,0 -8.597943,7.19515 -8.597943,16.204981 0,6.488469 2.398474,11.87016 7.195421,16.145074 -1.790127,-8.025672 -1.655952,-14.899464 0.402522,-20.621376 3.087712,-8.582868 6.484567,-12.390124 12.330324,-13.728679 6.593384,-1.391264 13.516018,-0.724598 20.767902,2 z"
+            />
+            <path
+                    fill="currentColor"
+                    id="Path-3"
+                    d="M 55.980155,18.519118 C 48.121768,12.583637 41.505313,8.9690429 36.13079,7.6753358 28.069005,5.7347752 24.023951,9.1510599 20.419185,11.75187 19.36913,10.456778 17.082354,8.6753358 14.382704,8.6753358 c -2.69965,0 -6.8013356,1.7660572 -7.8494023,6.8437822 C 5.8345906,18.904268 6.178317,22.427561 7.5644809,26.088997 2.2574506,20.849473 0.16724045,16.070431 1.2938506,11.75187 2.9837658,5.2740275 10.18526,-0.1350339 21.442045,0.34775148 32.69883,0.83053686 35.62891,2.9103313 42.929637,7.6753358 47.796789,10.852006 52.146962,14.4666 55.980155,18.519118 z"
+            />
+        </g>
+    </g>
+</svg>

package/src/assets/static/default.image.svg

@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+     width="100%" height="100%" viewBox="0 0 460.27 460.27" style="enable-background:new 0 0 460.27 460.27;"
+     xml:space="preserve">
+<g>
+	<g>
+		<path d="M198.606,103.653c5.272-0.328,9.38-4.699,9.38-9.981V55.135c0-5.523-4.477-10-10-10H10c-5.523,0-10,4.477-10,10v187.986
+			c0,5.523,4.477,10,10,10h38.538c5.282,0,9.653-4.107,9.981-9.379C63.188,168.547,123.412,108.322,198.606,103.653z"/>
+        <path d="M320.73,185.276c-11.33-17.662-27.083-32.352-45.557-42.48c-18.529-10.159-39.436-15.529-60.46-15.529
+			c-69.397,0-125.855,56.458-125.855,125.854c0,32.148,11.902,62.658,33.513,85.904c21.545,23.176,50.94,37.237,82.772,39.595
+			c0.248,0.019,0.495,0.026,0.741,0.026c3.498,0,6.766-1.834,8.58-4.868l106.432-177.972
+			C322.844,192.551,322.781,188.471,320.73,185.276z"/>
+        <path d="M458.852,400.003L353.625,224.045c-1.807-3.019-5.064-4.868-8.583-4.868s-6.777,1.848-8.583,4.868L231.232,400.003
+			c-1.848,3.089-1.892,6.934-0.116,10.064c1.776,3.133,5.098,5.067,8.699,5.067H450.27c3.601,0,6.922-1.935,8.698-5.067
+			C460.744,406.937,460.7,403.093,458.852,400.003z"/>
+	</g>
+</g>
+    <g>
+</g>
+    <g>
+</g>
+    <g>
+</g>
+    <g>
+</g>
+    <g>
+</g>
+    <g>
+</g>
+    <g>
+</g>
+    <g>
+</g>
+    <g>
+</g>
+    <g>
+</g>
+    <g>
+</g>
+    <g>
+</g>
+    <g>
+</g>
+    <g>
+</g>
+    <g>
+</g>
+</svg>

package/src/assets/widgets/copy.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="26" height="28" viewBox="0 0 26 28" fill="none">
+    <rect x="1" y="7" width="16" height="20" rx="4" stroke="currentColor" stroke-width="2"/>
+    <path d="M9 7.5V7.5V5C9 2.79086 10.7909 1 13 1H21C23.2091 1 25 2.79086 25 5V17C25 19.2091 23.2091 21 21 21H17V21" stroke="currentColor" stroke-width="2"/>
+    <path opacity="0.5" d="M17 21H13C10.7909 21 9 19.2091 9 17L9 7" stroke="currentColor" stroke-width="2"/>
+</svg>

package/src/assets/widgets/monthCalendar.svg

@@ -0,0 +1,38 @@
+<svg width="120" height="68" viewBox="0 0 120 68" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="119" height="67" rx="3.5" fill="white" stroke="#DCDCDC"/>
+<path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H117.5C118.881 0 120 1.11929 120 2.5V6H0V2.5Z" fill="#D8D8D8"/>
+<circle cx="3.5" cy="3" r="1" fill="#FF1111"/>
+<circle cx="6.5" cy="3" r="1" fill="#FFE311"/>
+<circle cx="9.5" cy="3" r="1" fill="#11FF52"/>
+<rect x="26.5" y="22.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="26.5" y="32.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="36.5" y="22.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="36.5" y="32.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="46.5" y="22.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="46.5" y="32.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="56.5" y="12.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="46.5" y="12.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="56.5" y="22.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="56.5" y="32.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="66.5" y="12.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="66.5" y="22.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="66.5" y="32.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="76.5" y="12.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="76.5" y="22.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="76.5" y="32.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="86.5" y="12.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="86.5" y="22.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="86.5" y="32.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="26.5" y="42.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="36.5" y="42.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="46.5" y="42.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="56.5" y="42.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="66.5" y="42.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="66.5" y="52.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="76.5" y="42.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="86.5" y="42.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="26.5" y="52.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="36.5" y="52.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="46.5" y="52.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="56.5" y="52.5" width="7" height="7" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+</svg>

package/src/assets/widgets/weekCalendar.svg

@@ -0,0 +1,14 @@
+<svg width="120" height="68" viewBox="0 0 120 68" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="119" height="67" rx="3.5" fill="white" stroke="#DCDCDC"/>
+<rect x="26.5" y="28.5" width="7" height="11" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="36.5" y="28.5" width="7" height="11" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="46.5" y="28.5" width="7" height="11" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="56.5" y="28.5" width="7" height="11" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="66.5" y="28.5" width="7" height="11" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="76.5" y="28.5" width="7" height="11" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<rect x="86.5" y="28.5" width="7" height="11" rx="0.5" fill="#F8F8F8" stroke="#FF0099"/>
+<path d="M0 2.5C0 1.11929 1.11929 0 2.5 0H117.5C118.881 0 120 1.11929 120 2.5V6H0V2.5Z" fill="#D8D8D8"/>
+<circle cx="3.5" cy="3" r="1" fill="#FF1111"/>
+<circle cx="6.5" cy="3" r="1" fill="#FFE311"/>
+<circle cx="9.5" cy="3" r="1" fill="#11FF52"/>
+</svg>

package/src/auth/AccessDenied/AccessDenied.stories.tsx

@@ -0,0 +1,11 @@
+import React from "react";
+import { Meta, Story } from "@storybook/react";
+import { AccessDenied } from "./AccessDenied";
+
+export default {
+  title: "Auth/Access Denied",
+} as Meta;
+
+export const Login: Story<{}> = (args) => {
+  return <AccessDenied {...args} />;
+};

package/src/auth/AccessDenied/AccessDenied.tsx

@@ -0,0 +1,39 @@
+import React from "react";
+import { Button } from "react-bootstrap";
+import { useTranslation } from "react-i18next";
+import RouteService from "@licklist/plugins/dist/services/Route/RouteService";
+import useUser from "@licklist/plugins/dist/context/user/hooks/useUser";
+import { Icon } from "../../static";
+
+export const AccessDenied = () => {
+  const { t } = useTranslation("App");
+  const user = useUser();
+
+  const onGoToHomepage = () => {
+    RouteService.redirectTo("/");
+  };
+
+  const logOutHandler = () => {
+    user.logout();
+    RouteService.redirectTo("/");
+  };
+
+  return (
+    <div className="d-flex align-items-center justify-content-center flex-column text-center access-denied h-100">
+      <div className="col-8">
+        <div className="icon-wrapper mb-5">
+          <Icon type="lock" width="5rem" height="5rem" />
+        </div>
+        <h3 className="mb-3">{t("accessDenied")}</h3>
+        <h6 className="mb-3">{t("youDontHavePermissions")}</h6>
+        <h6 className="mb-5">{t("contactAnAdministrator")}</h6>
+        <Button className="d-block mx-auto" onClick={onGoToHomepage}>
+          {t("goToHomepage")}
+        </Button>
+        <Button className="d-block mx-auto mt-5" onClick={logOutHandler}>
+          {t("logOut")}
+        </Button>
+      </div>
+    </div>
+  );
+};

package/src/auth/AccessDenied/index.ts

@@ -0,0 +1 @@
+export { AccessDenied } from "./AccessDenied";

package/src/auth/Auth.stories.tsx

@@ -0,0 +1,56 @@
+import React from "react";
+import { Meta, Story } from "@storybook/react";
+import UserProvider from "@licklist/plugins/dist/context/user/providers/UserProvider";
+import InviteProvider from "@licklist/plugins/dist/context/user/providers/InviteProvider";
+import useUser from "@licklist/plugins/dist/context/user/hooks/useUser";
+import { Authorizer, AuthorizerProps } from "./Authorizer";
+import { Router, RouterProps } from "./Router";
+
+export default {
+  title: "Auth",
+} as Meta;
+
+export const RouterComponent: Story<RouterProps> = (args) => (
+  <Router {...args} />
+);
+export const AuthorizerComponent: Story<AuthorizerProps> = (args) => (
+  <>
+    <UserProvider>
+      <InviteProvider>
+        <Router>
+          <AuthorizerWrapper {...args} />
+        </Router>
+      </InviteProvider>
+    </UserProvider>
+  </>
+);
+
+function AuthorizerWrapper(args) {
+  const user = useUser();
+
+  React.useEffect(() => {
+    user.login({
+      id: 1,
+      first_name: "Ben",
+      last_name: "Jonson",
+      email: "b.jonson@gmail.com",
+      user_roles: [],
+      user_detail: {
+        birthday: String(Date.now()),
+        postcode: "TEST",
+        phone: "+1234",
+      },
+    });
+  }, []);
+
+  return (
+    <>
+      {user.profile && (
+        <Authorizer {...args}>
+          Only authorized users can see this, otherwise they will get redirected
+          to `/login` page
+        </Authorizer>
+      )}
+    </>
+  );
+}

package/src/auth/Authorizer.tsx

@@ -0,0 +1,88 @@
+import React, { ReactNode, useEffect, useState, useCallback } from "react";
+import { matchPath } from "react-router-dom";
+import useUser from "@licklist/plugins/dist/context/user/hooks/useUser";
+import RouteService from "@licklist/plugins/dist/services/Route/RouteService";
+import { ROUTES, MATCH_ROUTE_PATTERNS } from "@licklist/core/dist/Config";
+import useAuthApi from "@licklist/plugins/dist/hooks/Api/useAuthApi";
+import useAuth from "@licklist/plugins/dist/context/user/hooks/useAuth";
+import { BlockLoader } from "../static/loader/BlockLoader";
+
+export interface AuthorizerProps {
+  children?: ReactNode | ReactNode[];
+}
+
+function Authorizer(props: AuthorizerProps) {
+  const { children } = props;
+  const auth = useAuth();
+  const user = useUser();
+  const { useProfile } = useAuthApi();
+
+  // This will re-fetch user's profile
+  const profile = useProfile();
+
+  const [isValidated, setIsValidated] = useState<boolean>(false);
+
+  const matchedPathPatternUrls = useCallback(() => {
+    return Object.values(MATCH_ROUTE_PATTERNS)
+      .map((pathUrlPattern) =>
+        matchPath<{ url: string }>(
+          RouteService.getCurrentPage(),
+          pathUrlPattern
+        )
+      )
+      .filter(Boolean)
+      .map((matched) => matched.url);
+  }, []);
+
+  useEffect(() => {
+    if (profile.isLoading || profile.isFetching) {
+      return;
+    }
+
+    if (
+      auth.secrets !== null &&
+      user.profile !== null &&
+      profile.data !== null
+    ) {
+      setIsValidated(() => true);
+      return;
+    }
+
+    if (
+      [
+        ROUTES.LOGIN_PAGE,
+        ROUTES.REGISTER_PAGE,
+        ROUTES.PRIVACY_PAGE,
+        ROUTES.TERMS_PAGE,
+        ROUTES.PRIVACY_FACTS_PAGE,
+        ROUTES.CHANGE_PASSWORD,
+        ROUTES.FORGOT_PASSWORD,
+        ...matchedPathPatternUrls(),
+      ].includes(RouteService.getCurrentPage())
+    ) {
+      setIsValidated(() => true);
+      return;
+    }
+
+    const route = RouteService.getCurrentRoute();
+
+    RouteService.cleanRedirect(
+      [ROUTES.LOGIN_PAGE, `returnUrl=${escape(route)}`].join("?")
+    );
+  }, [
+    auth.secrets,
+    user.profile,
+    profile.data,
+    matchedPathPatternUrls,
+    profile.isError,
+    profile.isLoading,
+    profile.isFetching,
+  ]);
+
+  if (profile.isFetching || profile.isLoading || !isValidated)
+    return <BlockLoader />;
+
+  return <>{children}</>;
+}
+
+export { Authorizer };

package/src/auth/ChangePassword/ChangePassword.stories.tsx

@@ -0,0 +1,26 @@
+import { Meta, Story } from "@storybook/react";
+import React from "react";
+import { Router } from "../Router";
+import { ChangePasswordComponent } from "./ChangePasswordComponent";
+import {
+  ChangePasswordFormComponent,
+  ChangePasswordFormComponentProps,
+} from "./ChangePasswordFormComponent";
+
+export default {
+  title: "Auth/ChangePassword",
+} as Meta;
+
+export const ChangePassword: Story<{}> = (args) => (
+  <ChangePasswordComponent {...args} />
+);
+
+export const ChangePasswordForm: Story<ChangePasswordFormComponentProps> = (
+  args
+) => (
+  <>
+    <Router>
+      <ChangePasswordFormComponent {...args} />
+    </Router>
+  </>
+);

package/src/auth/ChangePassword/ChangePasswordComponent.tsx

@@ -0,0 +1,90 @@
+import React, { useContext, useEffect, useState } from "react";
+import Row from "react-bootstrap/Row";
+import Col from "react-bootstrap/Col";
+import { useTranslation } from "react-i18next";
+import { useLocation } from "react-router-dom";
+import { ApiServiceError } from "@licklist/core/dist/Api/ApiService";
+import RequestContext from "@licklist/plugins/dist/context/app/RequestContext";
+import useUserApi from "@licklist/plugins/dist/hooks/Api/useUserApi";
+import useNotification from "@licklist/plugins/dist/context/app/hooks/useNotification";
+import RouteService from "@licklist/plugins/dist/services/Route/RouteService";
+import { UserChangePasswordRequest } from "@licklist/plugins/dist/types/Request/UserChangePasswordRequest";
+import { ROUTES } from "@licklist/core/dist/Config";
+import { ChangePasswordFormComponent } from "./ChangePasswordFormComponent";
+import { Router } from "../Router";
+import FormCard from "../../static/FormCard";
+import { LoaderIndicator } from "../../static/loader/LoaderIndicator";
+
+function ChangePasswordComponent() {
+  const { t } = useTranslation(["Notification", "User", "App"]);
+  const request = useContext(RequestContext);
+  const notification = useNotification();
+  const { search } = useLocation();
+  const email = new URLSearchParams(search).get("email");
+  const token = new URLSearchParams(search).get("token");
+
+  const [isLoading, setIsLoading] = useState<boolean>(false);
+
+  const userApiService = useUserApi(request);
+
+  const handleError = (error: ApiServiceError<{ message: string }>) => {
+    notification.danger({
+      title: t("App:error"),
+      message: error.response?.data?.message,
+    });
+
+    RouteService.redirectTo(ROUTES.FORGOT_PASSWORD);
+  };
+
+  const changePassword = async (resetRequest: UserChangePasswordRequest) =>
+    userApiService.changePassword(resetRequest).catch(handleError);
+
+  const handleOnSubmit = async (credentials: UserChangePasswordRequest) => {
+    const resetResponse = await changePassword(credentials);
+
+    if (!resetResponse) {
+      return;
+    }
+
+    notification.success({
+      title: "Success",
+      message: t("Notification:passwordChangedSuccessfully"),
+    });
+
+    RouteService.redirectTo(ROUTES.LOGIN_PAGE);
+  };
+
+  useEffect(() => {
+    if (!email && !token) {
+      RouteService.redirectTo(ROUTES.LOGIN_PAGE);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return (
+    <Router>
+      <Row className="justify-content-center">
+        <Col xs sm={12} md={7} lg={6} xl={5} className="align-self-center">
+          <>
+            <h1 className="text-center">{t("User:resetPasswordTitle")}</h1>
+            <h3 className="text-center">{t("User:forEmail", { email })}</h3>
+
+            <FormCard>
+              <ChangePasswordFormComponent
+                isLoading={isLoading}
+                setIsLoading={setIsLoading}
+                onSubmit={handleOnSubmit}
+                email={email}
+                token={token}
+              />
+
+              <LoaderIndicator isLoaded={!isLoading} />
+            </FormCard>
+          </>
+        </Col>
+      </Row>
+    </Router>
+  );
+}
+
+export { ChangePasswordComponent };