@oxyhq/services 0.0.74 → 0.0.76

package/dist/assets/dot-icon.tsx

@@ -0,0 +1,11 @@
+import * as React from "react";
+
+export const DotIcon = () => {
+  return (
+    <svg viewBox="0 0 24 24" aria-hidden="true">
+      <g>
+        <path d="M3 12c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9 2c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm7 0c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"></path>
+      </g>
+    </svg>
+  );
+};

package/dist/assets/verified-icon.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+export const VerifiedIcon = () => {
+  return (
+    <svg
+      style={{
+        fill: "var(--clr-primary)",
+        height: "var(--verified-icon-width)",
+        marginLeft: "2px",
+      }}
+      viewBox="0 0 24 24"
+      aria-label="Verified account"
+      role="img"
+    >
+      <g>
+        <path d="M22.25 12c0-1.43-.88-2.67-2.19-3.34.46-1.39.2-2.9-.81-3.91s-2.52-1.27-3.91-.81c-.66-1.31-1.91-2.19-3.34-2.19s-2.67.88-3.33 2.19c-1.4-.46-2.91-.2-3.92.81s-1.26 2.52-.8 3.91c-1.31.67-2.2 1.91-2.2 3.34s.89 2.67 2.2 3.34c-.46 1.39-.21 2.9.8 3.91s2.52 1.26 3.91.81c.67 1.31 1.91 2.19 3.34 2.19s2.68-.88 3.34-2.19c1.39.45 2.9.2 3.91-.81s1.27-2.52.81-3.91c1.31-.67 2.19-1.91 2.19-3.34zm-11.71 4.2L6.8 12.46l1.41-1.42 2.26 2.26 4.8-5.23 1.47 1.36-6.2 6.77z"></path>
+      </g>
+    </svg>
+  );
+};

package/dist/components/assets/oxy-logo.tsx

@@ -0,0 +1,97 @@
+import React from "react";
+
+export const OxyLogo = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="116"
+      zoomAndPan="magnify"
+      viewBox="0 0 87 52.499999"
+      height="70"
+      preserveAspectRatio="xMidYMid meet"
+      version="1.0"
+    >
+      <defs>
+        <g />
+        <clipPath id="de9525902a">
+          <path
+            d="M 0.410156 0 L 80 0 L 80 52.003906 L 0.410156 52.003906 Z M 0.410156 0 "
+            clipRule="nonzero"
+          />
+        </clipPath>
+        <clipPath id="0f15cfe728">
+          <path
+            d="M 0.410156 0 L 86.589844 0 L 86.589844 52.003906 L 0.410156 52.003906 Z M 0.410156 0 "
+            clipRule="nonzero"
+          />
+        </clipPath>
+        <clipPath id="01558d3ec9">
+          <path
+            d="M 8 0 L 86.589844 0 L 86.589844 52.003906 L 8 52.003906 Z M 8 0 "
+            clipRule="nonzero"
+          />
+        </clipPath>
+      </defs>
+      <g clipPath="url(#de9525902a)">
+        <path
+          strokeLinecap="butt"
+          transform="matrix(0.438038, -0.0312198, 0.0312198, 0.438038, 2.178459, -2.944772)"
+          fill="none"
+          strokeLinejoin="miter"
+          d="M 29.606248 112.776429 C 24.960256 112.775252 20.923113 111.613591 17.495452 109.282574 C 14.058285 106.959796 11.222418 103.832702 8.978346 99.90953 C 6.725402 95.985726 5.052237 91.434423 3.941739 86.245484 C 2.839481 81.06605 2.282836 75.613386 2.288917 69.89763 C 2.285551 64.564658 2.875994 59.158079 4.060877 53.66902 C 5.236888 48.179329 7.052432 43.225688 9.489764 38.806831 C 11.927729 34.379101 15.012241 30.764367 18.753438 27.945516 C 22.485763 25.126032 26.947115 23.713985 32.128621 23.708741 C 37.15803 23.710492 41.368849 25.062884 44.760446 27.774788 C 48.152676 30.47782 50.85488 33.978846 52.8753 38.28737 C 54.89572 42.595894 56.344581 47.416574 57.221882 52.74941 C 58.098552 58.091118 58.539202 63.419586 58.533063 68.760798 C 58.537791 74.700265 57.941044 80.320417 56.760568 85.62252 C 55.580724 90.91575 53.794288 95.586103 51.39302 99.624073 C 48.991752 103.662043 45.981323 106.862929 42.361734 109.226732 C 38.733273 111.589902 34.484191 112.776303 29.606248 112.776429 Z M 30.978507 48.979542 C 29.534199 48.974697 28.298484 49.546528 27.262488 50.694404 C 26.235997 51.834039 25.379408 53.342488 24.693352 55.210878 C 24.007296 57.079268 23.510132 59.175143 23.210732 61.499137 C 22.90246 63.822497 22.753261 66.166113 22.754263 68.529352 C 22.75151 71.195522 22.917967 73.864834 23.26314 76.529048 C 23.607681 79.202135 24.12329 81.602051 24.809336 83.737668 C 25.496014 85.864413 26.354374 87.584266 27.376808 88.878849 C 28.408115 90.174065 29.645922 90.824096 31.099735 90.820701 C 32.775994 90.824242 34.111165 89.983053 35.095745 88.305374 C 36.089198 86.628327 36.866489 84.605923 37.444732 82.248297 C 38.014734 79.881167 38.393335 77.44689 38.581799 74.92772 C 38.778503 72.418056 38.874505 70.320341 38.869174 68.64345 C 38.873289 66.583775 38.733527 64.415752 38.468898 62.1229 C 38.203636 59.838921 37.766021 57.72101 37.155421 55.77804 C 36.544821 53.83507 35.741613 52.217242 34.754669 50.925187 C 33.768358 49.62426 32.5033 48.981205 30.978507 48.979542 Z M 30.978507 48.979542 "
+          stroke="#d269e6"
+          strokeWidth="19.756237"
+          strokeOpacity="1"
+          strokeMiterlimit="4"
+        />
+      </g>
+      <g clipPath="url(#0f15cfe728)">
+        <path
+          strokeLinecap="butt"
+          transform="matrix(0.439138, 0.00310788, -0.00310788, 0.439138, 31.545233, -4.895718)"
+          fill="none"
+          strokeLinejoin="miter"
+          d="M 59.564528 28.633108 C 59.567468 30.305398 59.259907 32.095524 58.650741 34.003424 C 58.041574 35.911323 57.281259 37.829187 56.361025 39.774869 C 55.449687 41.720488 54.475644 43.604284 53.447854 45.435088 C 52.420064 47.265893 51.488733 48.900319 50.645027 50.347324 C 48.889165 53.624315 47.142387 56.927928 45.386776 60.240499 C 43.631166 63.553069 41.768691 66.848605 39.781564 70.127233 C 40.771955 71.810326 42.051262 74.096252 43.619483 76.985012 C 45.178873 79.882729 46.703754 82.931911 48.18523 86.132619 C 49.675602 89.333264 50.969784 92.464136 52.076545 95.507381 C 53.183368 98.559521 53.734873 101.07298 53.731121 103.056652 C 53.732991 104.57773 53.316175 106.012819 52.471651 107.344191 C 51.636022 108.6755 50.342036 109.342908 48.589692 109.346415 C 46.534862 109.343167 44.456198 108.486141 42.353638 106.766444 C 40.260037 105.055578 38.279739 103.014785 36.412807 100.652961 C 34.545875 98.291136 32.829778 95.874872 31.264452 93.395274 C 29.708021 90.915613 28.466308 88.91407 27.548208 87.390581 C 26.252504 89.072062 24.938695 90.709195 23.606844 92.310874 C 22.274994 93.912554 20.961185 95.549686 19.665417 97.222273 C 18.827963 98.295632 17.813997 99.565937 16.63254 101.050913 C 15.451146 102.544784 14.153867 104.003895 12.749788 105.454866 C 11.336814 106.9059 9.886624 108.12592 8.399218 109.114926 C 6.920706 110.10387 5.492102 110.603221 4.113341 110.604083 C 3.125952 110.602176 2.306117 110.394491 1.653773 109.972135 C 1.010324 109.549716 0.472732 109.002014 0.0586596 108.311113 C -0.364244 107.62917 -0.663187 106.866293 -0.855896 106.031501 C -1.048668 105.187814 -1.143533 104.35233 -1.140556 103.516154 C -1.139511 101.150004 -0.747157 98.77219 0.0541702 96.364795 C 0.85556 93.966296 1.791569 91.735854 2.862259 89.682364 C 6.595492 81.748046 10.516145 73.901355 14.632988 66.124438 C 13.793368 64.378012 12.744257 61.939237 11.485655 58.808114 C 10.23601 55.685822 8.99419 52.412256 7.777921 48.978393 C 6.552758 45.544594 5.506246 42.216274 4.629366 38.975706 C 3.752486 35.735137 3.315922 33.123017 3.319736 31.14824 C 3.312956 28.933365 3.850586 26.972601 4.914774 25.257177 C 5.978961 23.541754 7.734156 22.684281 10.171464 22.684822 C 11.550225 22.683959 12.824829 23.04854 14.004108 23.769606 C 15.183387 24.490673 16.275103 25.408055 17.261403 26.512983 C 18.256597 27.617849 19.127831 28.803649 19.89283 30.061364 C 20.657829 31.319078 21.262029 32.480083 21.723219 33.544251 C 23.014694 36.292645 24.314875 39.014292 25.606035 41.718212 C 26.90609 44.422069 28.126784 47.224336 29.268117 50.125012 C 29.874306 49.053289 30.718011 47.606284 31.78138 45.775228 C 32.853644 43.944109 34.06747 42.005244 35.440584 39.949614 C 36.813635 37.885089 38.30213 35.793061 39.897048 33.655803 C 41.500924 31.527378 43.141827 29.603281 44.819758 27.883514 C 46.488856 26.172705 48.18678 24.76413 49.904633 23.657854 C 51.622486 22.551578 53.237505 21.997537 54.758583 21.995667 C 56.439831 22.001559 57.654941 22.757953 58.421829 24.282512 C 59.179821 25.807134 59.563665 27.254347 59.564528 28.633108 Z M 59.564528 28.633108 "
+          stroke="#d269e6"
+          strokeWidth="19.756237"
+          strokeOpacity="1"
+          strokeMiterlimit="4"
+        />
+      </g>
+      <g clipPath="url(#01558d3ec9)">
+        <path
+          strokeLinecap="butt"
+          transform="matrix(0.437806, 0.034319, -0.034319, 0.437806, 58.344594, -4.587528)"
+          fill="none"
+          strokeLinejoin="miter"
+          d="M 54.99197 30.347237 C 54.986612 33.693533 54.554019 37.394524 53.675064 41.433863 C 52.79611 45.473203 51.679114 49.549048 50.306341 53.662787 C 48.934263 57.785393 47.445344 61.783324 45.840973 65.674315 C 44.244776 69.555742 42.756402 72.991523 41.38333 75.963227 C 40.622365 77.63782 39.690807 79.754059 38.58796 82.303075 C 37.47694 84.861653 36.24472 87.581413 34.866087 90.482173 C 33.495626 93.373371 32.029009 96.289951 30.465541 99.223045 C 28.902073 102.156139 27.288366 104.789812 25.605991 107.116586 C 23.932483 109.442665 22.216741 111.343782 20.468327 112.828111 C 18.711046 114.313135 16.958143 115.057262 15.209618 115.060491 C 12.764535 115.055867 11.035175 114.165361 10.002411 112.372627 C 8.978515 110.579198 8.455747 108.576962 8.461404 106.372702 C 8.463755 104.240079 8.821346 101.972541 9.543045 99.569394 C 10.273611 97.165551 11.184315 94.783277 12.292892 92.421181 C 13.392601 90.059781 14.613849 87.769154 15.948462 85.558864 C 17.283075 83.348574 18.519784 81.369017 19.667458 79.619498 C 18.138733 79.239682 16.657315 78.552798 15.205469 77.560236 C 13.753624 76.567675 12.688319 75.384211 12.001382 74.019408 C 10.783822 71.348926 9.530284 68.333294 8.232595 64.982074 C 6.934907 61.630854 5.775628 58.224173 4.745195 54.753857 C 3.714763 51.283541 2.85421 47.817754 2.171709 44.346931 C 1.489209 40.876109 1.142107 37.700199 1.146751 34.800075 C 1.146114 33.426086 1.296061 31.924301 1.604765 30.285159 C 1.904602 28.646713 2.418826 27.125296 3.146742 25.71204 C 3.86579 24.29948 4.817131 23.118535 6.000764 22.169208 C 7.184397 21.21988 8.654562 20.73882 10.403782 20.744458 C 12.384261 20.74089 14.13797 21.486731 15.664215 22.973111 C 17.190459 24.459491 18.542635 26.343177 19.721435 28.633036 C 20.899541 30.914027 21.911581 33.466784 22.748687 36.292001 C 23.585099 39.108351 24.31162 41.888703 24.919384 44.633752 C 25.536015 47.378107 26.027464 49.891371 26.412161 52.181022 C 26.787294 54.462501 27.133063 56.255553 27.439904 57.552006 C 27.743197 56.41294 28.258473 54.677304 28.97756 52.354662 C 29.70482 50.022457 30.58319 47.455349 31.611281 44.635601 C 32.639372 41.815853 33.822218 38.921517 35.159124 35.943727 C 36.487857 32.975499 37.899519 30.268441 39.385938 27.832115 C 40.871662 25.386921 42.454912 23.389121 44.126127 21.830543 C 45.805514 20.262402 47.520166 19.485584 49.277558 19.48166 C 50.419594 19.48136 51.371215 19.897492 52.133116 20.738924 C 52.895017 21.580355 53.489988 22.568707 53.900989 23.714238 C 54.320857 24.859073 54.609794 26.04094 54.75893 27.260531 C 54.916934 28.479428 54.988702 29.508793 54.99197 30.347237 Z M 54.99197 30.347237 "
+          stroke="#d269e6"
+          strokeWidth="19.756237"
+          strokeOpacity="1"
+          strokeMiterlimit="4"
+        />
+      </g>
+      <g fill="#ffffff" fillOpacity="1">
+        <g transform="translate(5.581418, 44.801333)">
+          <g>
+            <path d="M 13.09375 0.734375 C 11.050781 0.878906 9.242188 0.492188 7.671875 -0.421875 C 6.097656 -1.335938 4.753906 -2.617188 3.640625 -4.265625 C 2.535156 -5.910156 1.660156 -7.851562 1.015625 -10.09375 C 0.367188 -12.332031 -0.0390625 -14.703125 -0.21875 -17.203125 C -0.382812 -19.546875 -0.296875 -21.929688 0.046875 -24.359375 C 0.398438 -26.796875 1.039062 -29.019531 1.96875 -31.03125 C 2.894531 -33.050781 4.128906 -34.738281 5.671875 -36.09375 C 7.222656 -37.445312 9.140625 -38.203125 11.421875 -38.359375 C 13.617188 -38.515625 15.5 -38.054688 17.0625 -36.984375 C 18.632812 -35.910156 19.929688 -34.457031 20.953125 -32.625 C 21.972656 -30.800781 22.757812 -28.734375 23.3125 -26.421875 C 23.863281 -24.117188 24.222656 -21.796875 24.390625 -19.453125 C 24.566406 -16.847656 24.476562 -14.367188 24.125 -12.015625 C 23.769531 -9.660156 23.128906 -7.554688 22.203125 -5.703125 C 21.285156 -3.859375 20.070312 -2.363281 18.5625 -1.21875 C 17.050781 -0.0703125 15.226562 0.578125 13.09375 0.734375 Z M 11.703125 -27.265625 C 11.066406 -27.222656 10.539062 -26.929688 10.125 -26.390625 C 9.707031 -25.847656 9.375 -25.15625 9.125 -24.3125 C 8.882812 -23.476562 8.734375 -22.546875 8.671875 -21.515625 C 8.609375 -20.492188 8.613281 -19.460938 8.6875 -18.421875 C 8.769531 -17.253906 8.925781 -16.09375 9.15625 -14.9375 C 9.394531 -13.78125 9.695312 -12.742188 10.0625 -11.828125 C 10.4375 -10.921875 10.867188 -10.203125 11.359375 -9.671875 C 11.859375 -9.140625 12.425781 -8.894531 13.0625 -8.9375 C 13.800781 -8.988281 14.359375 -9.394531 14.734375 -10.15625 C 15.109375 -10.914062 15.382812 -11.820312 15.5625 -12.875 C 15.738281 -13.925781 15.828125 -15.003906 15.828125 -16.109375 C 15.828125 -17.222656 15.800781 -18.148438 15.75 -18.890625 C 15.6875 -19.796875 15.5625 -20.742188 15.375 -21.734375 C 15.1875 -22.722656 14.925781 -23.632812 14.59375 -24.46875 C 14.269531 -25.300781 13.875 -25.984375 13.40625 -26.515625 C 12.9375 -27.054688 12.367188 -27.304688 11.703125 -27.265625 Z M 11.703125 -27.265625 " />
+          </g>
+        </g>
+      </g>
+      <g fill="#ffffff" fillOpacity="1">
+        <g transform="translate(31.206474, 42.970303)">
+          <g>
+            <path d="M 26.40625 -35.109375 C 26.394531 -34.367188 26.253906 -33.582031 25.984375 -32.75 C 25.710938 -31.914062 25.367188 -31.070312 24.953125 -30.21875 C 24.546875 -29.363281 24.113281 -28.535156 23.65625 -27.734375 C 23.207031 -26.941406 22.796875 -26.226562 22.421875 -25.59375 C 21.640625 -24.15625 20.859375 -22.710938 20.078125 -21.265625 C 19.304688 -19.828125 18.476562 -18.382812 17.59375 -16.9375 C 18.019531 -16.207031 18.570312 -15.203125 19.25 -13.921875 C 19.925781 -12.648438 20.585938 -11.304688 21.234375 -9.890625 C 21.878906 -8.484375 22.4375 -7.109375 22.90625 -5.765625 C 23.382812 -4.421875 23.617188 -3.3125 23.609375 -2.4375 C 23.609375 -1.769531 23.421875 -1.144531 23.046875 -0.5625 C 22.671875 0.0195312 22.097656 0.3125 21.328125 0.3125 C 20.429688 0.300781 19.523438 -0.0820312 18.609375 -0.84375 C 17.691406 -1.601562 16.828125 -2.503906 16.015625 -3.546875 C 15.203125 -4.585938 14.457031 -5.65625 13.78125 -6.75 C 13.101562 -7.84375 12.5625 -8.726562 12.15625 -9.40625 C 11.59375 -8.675781 11.015625 -7.960938 10.421875 -7.265625 C 9.828125 -6.566406 9.242188 -5.847656 8.671875 -5.109375 C 8.296875 -4.640625 7.847656 -4.082031 7.328125 -3.4375 C 6.804688 -2.789062 6.234375 -2.148438 5.609375 -1.515625 C 4.984375 -0.890625 4.34375 -0.363281 3.6875 0.0625 C 3.03125 0.5 2.40625 0.71875 1.8125 0.71875 C 1.375 0.71875 1.007812 0.625 0.71875 0.4375 C 0.4375 0.25 0.203125 0.00390625 0.015625 -0.296875 C -0.160156 -0.597656 -0.285156 -0.929688 -0.359375 -1.296875 C -0.441406 -1.671875 -0.484375 -2.039062 -0.484375 -2.40625 C -0.472656 -3.445312 -0.289062 -4.492188 0.0625 -5.546875 C 0.414062 -6.597656 0.832031 -7.570312 1.3125 -8.46875 C 2.976562 -11.9375 4.726562 -15.375 6.5625 -18.78125 C 6.195312 -19.550781 5.742188 -20.625 5.203125 -22 C 4.660156 -23.375 4.125 -24.816406 3.59375 -26.328125 C 3.070312 -27.835938 2.625 -29.300781 2.25 -30.71875 C 1.875 -32.144531 1.6875 -33.296875 1.6875 -34.171875 C 1.695312 -35.140625 1.9375 -36 2.40625 -36.75 C 2.882812 -37.507812 3.660156 -37.882812 4.734375 -37.875 C 5.335938 -37.875 5.894531 -37.710938 6.40625 -37.390625 C 6.925781 -37.066406 7.398438 -36.660156 7.828125 -36.171875 C 8.265625 -35.679688 8.644531 -35.15625 8.96875 -34.59375 C 9.300781 -34.039062 9.566406 -33.535156 9.765625 -33.078125 C 10.328125 -31.859375 10.890625 -30.65625 11.453125 -29.46875 C 12.015625 -28.28125 12.546875 -27.046875 13.046875 -25.765625 C 13.304688 -26.234375 13.671875 -26.863281 14.140625 -27.65625 C 14.617188 -28.457031 15.160156 -29.304688 15.765625 -30.203125 C 16.378906 -31.109375 17.039062 -32.023438 17.75 -32.953125 C 18.46875 -33.890625 19.195312 -34.734375 19.9375 -35.484375 C 20.675781 -36.234375 21.421875 -36.847656 22.171875 -37.328125 C 22.929688 -37.804688 23.644531 -38.039062 24.3125 -38.03125 C 25.050781 -38.03125 25.582031 -37.691406 25.90625 -37.015625 C 26.238281 -36.335938 26.40625 -35.703125 26.40625 -35.109375 Z M 26.40625 -35.109375 " />
+          </g>
+        </g>
+      </g>
+      <g fill="#ffffff" fillOpacity="1">
+        <g transform="translate(54.60382, 43.133297)">
+          <g>
+            <path d="M 26.765625 -32.53125 C 26.648438 -31.070312 26.332031 -29.472656 25.8125 -27.734375 C 25.289062 -26.003906 24.660156 -24.257812 23.921875 -22.5 C 23.179688 -20.75 22.390625 -19.050781 21.546875 -17.40625 C 20.710938 -15.757812 19.945312 -14.304688 19.25 -13.046875 C 18.863281 -12.335938 18.382812 -11.441406 17.8125 -10.359375 C 17.238281 -9.285156 16.597656 -8.132812 15.890625 -6.90625 C 15.191406 -5.6875 14.453125 -4.460938 13.671875 -3.234375 C 12.890625 -2.003906 12.085938 -0.910156 11.265625 0.046875 C 10.453125 1.015625 9.632812 1.789062 8.8125 2.375 C 8 2.957031 7.210938 3.21875 6.453125 3.15625 C 5.390625 3.070312 4.660156 2.625 4.265625 1.8125 C 3.878906 1 3.722656 0.109375 3.796875 -0.859375 C 3.867188 -1.785156 4.101562 -2.765625 4.5 -3.796875 C 4.90625 -4.828125 5.390625 -5.835938 5.953125 -6.828125 C 6.515625 -7.816406 7.125 -8.773438 7.78125 -9.703125 C 8.4375 -10.640625 9.050781 -11.46875 9.625 -12.1875 C 8.96875 -12.40625 8.335938 -12.753906 7.734375 -13.234375 C 7.128906 -13.710938 6.703125 -14.269531 6.453125 -14.90625 C 6.015625 -16.125 5.566406 -17.484375 5.109375 -18.984375 C 4.660156 -20.492188 4.269531 -22.023438 3.9375 -23.578125 C 3.613281 -25.140625 3.359375 -26.6875 3.171875 -28.21875 C 2.984375 -29.757812 2.941406 -31.164062 3.046875 -32.4375 C 3.085938 -33.03125 3.203125 -33.679688 3.390625 -34.390625 C 3.585938 -35.097656 3.867188 -35.75 4.234375 -36.34375 C 4.609375 -36.945312 5.066406 -37.429688 5.609375 -37.796875 C 6.148438 -38.171875 6.804688 -38.328125 7.578125 -38.265625 C 8.453125 -38.203125 9.191406 -37.820312 9.796875 -37.125 C 10.410156 -36.425781 10.9375 -35.550781 11.375 -34.5 C 11.820312 -33.457031 12.179688 -32.304688 12.453125 -31.046875 C 12.722656 -29.785156 12.941406 -28.539062 13.109375 -27.3125 C 13.285156 -26.09375 13.414062 -24.972656 13.5 -23.953125 C 13.59375 -22.941406 13.6875 -22.15625 13.78125 -21.59375 C 13.957031 -22.070312 14.238281 -22.804688 14.625 -23.796875 C 15.019531 -24.796875 15.492188 -25.894531 16.046875 -27.09375 C 16.597656 -28.289062 17.210938 -29.515625 17.890625 -30.765625 C 18.578125 -32.015625 19.285156 -33.148438 20.015625 -34.171875 C 20.742188 -35.203125 21.503906 -36.03125 22.296875 -36.65625 C 23.097656 -37.28125 23.882812 -37.5625 24.65625 -37.5 C 25.15625 -37.457031 25.550781 -37.238281 25.84375 -36.84375 C 26.144531 -36.457031 26.367188 -36.003906 26.515625 -35.484375 C 26.671875 -34.972656 26.757812 -34.445312 26.78125 -33.90625 C 26.800781 -33.363281 26.796875 -32.90625 26.765625 -32.53125 Z M 26.765625 -32.53125 " />
+          </g>
+        </g>
+      </g>
+    </svg>
+  );
+};

package/dist/components/auth/AccountSwitcherModal.tsx

@@ -0,0 +1,139 @@
+"use client";
+import * as React from "react";
+import { useEffect, useState } from "react";
+import { motion } from "framer-motion";
+import Link from "next/link";
+import useOxySession from "../../hooks/useOxySession";
+import { forwardRef } from "react";
+import Image from "next/image";
+import { HiOutlinePlus } from "react-icons/hi";
+import { PiSignOutBold } from "react-icons/pi";
+import { AiOutlineClose } from "react-icons/ai";
+import { Avatar } from "../../features/profile";
+
+import getUserById from "../../hooks/getUserById";
+
+import styles from "./styles/account-switcher-modal.module.scss";
+
+interface User {
+  id: string;
+  username: string;
+  name: string;
+  email: string;
+  role: string;
+  avatar: string;
+}
+
+interface AccountSwitcherModalProps {
+  onClose: () => void;
+}
+
+export const AccountSwitcherModal = forwardRef<
+  HTMLDivElement,
+  AccountSwitcherModalProps
+>((props, ref) => {
+  const { onClose } = props;
+  const { session } = useOxySession();
+  const [user, setUser] = useState<User | null>(null);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    const fetchUser = async () => {
+      try {
+        const fetchedUser = await getUserById(session?.user?.id);
+        setUser(fetchedUser);
+      } catch (error) {
+        if (error instanceof Error) {
+          setError(error.message);
+        } else {
+          setError("An unknown error occurred");
+        }
+      }
+    };
+
+    if (session) {
+      fetchUser();
+    }
+  }, [session]);
+
+  if (!session) return null;
+
+  const handleBackdropClick = (e: React.MouseEvent<HTMLDivElement>) => {
+    e.stopPropagation();
+    if (e.currentTarget === e.target) {
+      onClose();
+    }
+  };
+
+  return (
+    <motion.div
+      initial={{ opacity: 0, y: "100%" }}
+      animate={{ opacity: 1, y: 0 }}
+      exit={{ opacity: 0, y: "100%" }}
+      transition={{
+        ease: "easeInOut",
+        duration: 0.2,
+      }}
+      className={styles.container}
+      role="group"
+      onClick={handleBackdropClick}
+      ref={ref}
+    >
+      <button
+        className="absolute right-3 top-3 rounded-full bg-indigo-50 p-1 hover:bg-zinc-200"
+        onClick={onClose}
+      >
+        <AiOutlineClose className="h-5 w-5 rounded-full stroke-2 text-zinc-700" />
+      </button>
+      <p>{session?.user?.email}</p>
+      <div className="h-20 w-20 rounded-full border">
+        <Avatar
+          userImage={session?.user?.avatar as string}
+          className="h-full w-full rounded-full object-center"
+          draggable={false}
+          alt="avatar"
+        />
+      </div>
+      <h2 className="md:text-2xl text-xl font-normal">
+        Hi, {session?.user?.name}!
+      </h2>
+      <a
+        href="https://accounts.oxy.so"
+        target="_blank"
+        rel="noopener noreferrer"
+        className="rounded-full border border-black px-7 py-2 text-blue-500 hover:bg-[#d3dfee]"
+      >
+        Manage your Oxy Account
+      </a>
+      <div className="flex space-x-1">
+        <button className="md:w-44 flex w-36 items-center space-x-2 rounded-l-full bg-white py-3 pl-3  hover:bg-zinc-200">
+          <HiOutlinePlus className="h-7 w-7 rounded-full bg-indigo-50 p-1 text-blue-500" />
+          <span>Add account</span>
+        </button>
+        <button className="md:w-44 flex w-36 items-center space-x-2 rounded-r-full bg-white py-3 pl-3  hover:bg-zinc-200">
+          <PiSignOutBold className="h-6 w-6" />
+          <span>Sign out</span>
+        </button>
+      </div>
+      <div className="flex h-10 items-center space-x-2 text-xs">
+        <a
+          href="https://oxy.so/company/transparency/policies/privacy"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Privacy policy
+        </a>
+        <span className="-mt-[3px]"> . </span>
+        <a
+          href="https://oxy.so/company/transparency/policies/terms-of-service"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Terms of service
+        </a>
+      </div>
+    </motion.div>
+  );
+});
+
+AccountSwitcherModal.displayName = "AccountSwitcherModal";

package/dist/components/auth/SessionOwnerButton.tsx

@@ -0,0 +1,67 @@
+"use client";
+import * as React from "react";
+import { AnimatePresence } from "framer-motion";
+import useOxySession from "../../hooks/useOxySession";
+import { useRef, useState } from "react";
+
+import { DotIcon } from "../../assets/dot-icon";
+import { Button } from "../../components/elements/button";
+import { EllipsisWrapper } from "../../components/elements/ellipsis-wrapper";
+import { Modal } from "../../components/elements/modal";
+import { Avatar, UserName, UserUsername } from "../../features/profile";
+
+import { AccountSwitcherModal } from "./AccountSwitcherModal";
+
+export const SessionOwnerButton = () => {
+  const { session, error } = useOxySession();
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const buttonRef = useRef<HTMLButtonElement>(null);
+
+  const openModal = React.useCallback(() => {
+    setIsModalOpen(true);
+  }, []);
+
+  if (error) {
+    return <div>Error: {error}</div>;
+  }
+
+  return (
+    <>
+      <Button
+        aria-label="Account menu"
+        onClick={openModal}
+        ref={buttonRef}
+        aria-haspopup="menu"
+        aria-expanded={isModalOpen}
+        className="p-[0.75em] hover:bg-neutral-500 focus-visible:bg-neutral-500 focus-visible:outline-secondary-100 active:bg-neutral-600 xxl:flex xxl:w-full xxl:gap-3"
+      >
+        <Avatar userImage={session?.user?.avatar as string} />
+        <div className="hidden flex-1 flex-col xxl:flex">
+          <UserName
+            name={session?.user?.name}
+            isVerified={session?.user?.verified}
+          />
+
+          <EllipsisWrapper>
+            <UserUsername username={session?.user?.username} />
+          </EllipsisWrapper>
+        </div>
+        <div className="hidden fill-secondary-100 xxl:inline [&>svg]:size-h2">
+          <DotIcon />
+        </div>
+      </Button>
+
+      <AnimatePresence>
+        {isModalOpen && (
+          <Modal
+            onClose={() => setIsModalOpen(false)}
+            background="none"
+            minViewportWidth={500}
+          >
+            <AccountSwitcherModal onClose={() => setIsModalOpen(false)} />
+          </Modal>
+        )}
+      </AnimatePresence>
+    </>
+  );
+};

package/dist/components/auth/SignInButton.tsx

@@ -0,0 +1,31 @@
+import React from "react";
+import styles from "./styles/sign-in-button.module.scss";
+import { OxyLogo } from "../assets/oxy-logo";
+
+export const SignInButton = ({
+  icon = <OxyLogo />,
+  text = "Sign in with Oxy",
+  callback = typeof window !== "undefined" ? window.location.href : "",
+}: {
+  icon?: React.ReactNode;
+  text?: string;
+  callback?: string;
+}) => {
+  const onClick = () => {
+    if (typeof window !== "undefined") {
+      const redirectUrl = `https://auth.oxy.so/?callback=${encodeURIComponent(
+        callback
+      )}`;
+      window.location.href = redirectUrl;
+    }
+  };
+
+  return (
+    <button onClick={onClick} className={styles.container}>
+      {icon && icon}
+      {text}
+    </button>
+  );
+};
+
+export default SignInButton;

package/dist/components/auth/styles/oavatar.module.scss

@@ -0,0 +1,36 @@
+.oavatar {
+  width: 2rem;
+  height: 2rem;
+  padding: 0.7em;
+  border-radius: 100vmax;
+  font-size: var(--fs-milli);
+  font-weight: var(--fw-700);
+  color: var(--clr-dark);
+  background-color: var(--clr-light);
+  border: 1px solid var(--clr-auth-border);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  transition: background 0.2s ease-in-out;
+
+  &:hover {
+    background-color: var(--clr-auth-button-hover);
+  }
+
+  &:active {
+    background-color: var(--clr-auth-button-active);
+  }
+
+  &:focus-visible {
+    outline: 2px solid var(--clr-light);
+    background-color: var(--clr-auth-button-hover);
+  }
+
+  svg {
+    width: var(--fs-h2);
+    height: var(--fs-h2);
+    fill: var(--clr-dark);
+    margin-right: 0.5em;
+  }
+}

package/dist/components/auth/styles/sign-in-button.module.scss

@@ -0,0 +1,32 @@
+.container {
+  width: 100%;
+  padding: 0.7em;
+  border-radius: 100vmax;
+  background-color: var(--clr-light);
+  border: 1px solid var(--clr-auth-border);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  transition: background 0.2s ease-in-out;
+
+  &:hover {
+    background-color: var(--clr-auth-button-hover);
+  }
+
+  &:active {
+    background-color: var(--clr-auth-button-active);
+  }
+
+  &:focus-visible {
+    outline: 2px solid var(--clr-light);
+    background-color: var(--clr-auth-button-hover);
+  }
+
+  svg {
+    width: var(--fs-h2);
+    height: var(--fs-h2);
+    fill: var(--clr-dark);
+    margin-right: 0.5em;
+  }
+}

package/dist/components/elements/button/components/button.tsx

@@ -0,0 +1,35 @@
+import React, { forwardRef } from "react";
+
+import { cn } from "../../../../utils/cn";
+
+interface IButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  children: React.ReactNode;
+}
+
+export const Button = forwardRef<HTMLButtonElement, IButton>(
+  ({ children, className, ...props }, ref) => {
+    return (
+      <button
+        ref={ref}
+        {...props}
+        className={cn(
+          "grid cursor-pointer place-items-center rounded-full",
+          "transition-colors duration-200 ease-in-out",
+          "fill-secondary-100 p-[0.5em]",
+          "focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary-100",
+          "fill-secondary-100 [&>svg]:w-h2",
+          "disabled-button",
+          className,
+          "hover:bg-neutral-500 active:bg-neutral-600",
+          "focus-visible:bg-neutral-500 focus-visible:outline-secondary-100"
+        )}
+        aria-pressed={props["aria-pressed"]}
+        aria-disabled={props.disabled}
+      >
+        {children}
+      </button>
+    );
+  }
+);
+
+Button.displayName = "Button";

package/dist/components/elements/button/components/styles/button.module.scss

@@ -0,0 +1,27 @@
+.container {
+    cursor: pointer;
+    display: grid;
+    place-items: center;
+    padding: 0.5em;
+    border-radius: 100vmax;
+    transition: background-color 0.15s ease-in-out;
+
+    svg {
+        width: var(--fs-h2);
+        height: var(--fs-h2);
+        fill: var(--clr-secondary);
+    }
+
+    &:hover {
+        background-color: var(--clr-nav-hover);
+    }
+
+    &:active {
+        background-color: var(--clr-nav-active);
+    }
+
+    &:focus-visible {
+        outline: 2px solid var(--clr-secondary);
+        background-color: var(--clr-nav-hover);
+    }
+}

package/dist/components/elements/button/index.ts

@@ -0,0 +1 @@
+export { Button } from "./components/button";

package/dist/components/elements/ellipsis-wrapper/components/EllipsisWrapper.tsx

@@ -0,0 +1,18 @@
+import React from "react";
+import styles from "./styles/ellipses-wrapper.module.scss";
+
+export const EllipsisWrapper = ({
+  children,
+}: {
+  children: React.ReactNode;
+}) => {
+  return (
+    <div
+      aria-hidden={true}
+      role="presentation"
+      className="grid grid-flow-col [&>*]:truncate"
+    >
+      {children}
+    </div>
+  );
+};

package/dist/components/elements/ellipsis-wrapper/components/styles/ellipses-wrapper.module.scss

@@ -0,0 +1,10 @@
+.container {
+  display: grid;
+  grid-auto-flow: column;
+
+  * {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+}

package/dist/components/elements/ellipsis-wrapper/index.ts

@@ -0,0 +1 @@
+export * from "./components/EllipsisWrapper";

package/dist/components/elements/modal/components/confirmation-modal.tsx

@@ -0,0 +1,62 @@
+import React, { useEffect } from "react";
+import { motion } from "framer-motion";
+import styles from "./styles/confirmation-modal.module.scss";
+
+export const ConfirmationModal = ({
+  heading,
+  paragraph,
+  confirmButtonText,
+  confirmButtonClick,
+  confirmButtonStyle = "delete",
+  cancelButtonText,
+  cancelButtonClick,
+  logo,
+}: {
+  heading: string;
+  paragraph: string;
+  confirmButtonText: string;
+  confirmButtonClick: () => void;
+  confirmButtonStyle: "delete" | "unfollow" | "logout";
+  cancelButtonText: string;
+  cancelButtonClick: () => void;
+  logo?: React.ReactNode;
+}) => {
+  useEffect(() => {
+    document.body.style.overflow = "hidden";
+    document.body.style.paddingRight = "11px";
+
+    return () => {
+      document.body.style.overflow = "unset";
+      document.body.style.paddingRight = "0";
+    };
+  }, []);
+
+  return (
+    <motion.div
+      initial={{ opacity: 0, y: 50 }}
+      animate={{ opacity: 1, y: 0 }}
+      exit={{ opacity: 0, y: 50 }}
+      transition={{ duration: 0.2 }}
+      className={styles.container}
+    >
+      {logo && <div className={styles.logo}>{logo}</div>}
+      <h1>{heading}</h1>
+      <p>{paragraph}</p>
+
+      <div className={styles.buttons}>
+        <button
+          onClick={confirmButtonClick}
+          className={`${styles.confirm} ${
+            styles[confirmButtonStyle as "delete" | "unfollow" | "logout"]
+          }
+        }`}
+        >
+          {confirmButtonText}
+        </button>
+        <button onClick={cancelButtonClick} className={styles.cancel}>
+          {cancelButtonText}
+        </button>
+      </div>
+    </motion.div>
+  );
+};