Move more svg components to assets

Author: deepjyoti30-st

lib/ts/components/assets/recoverySuccessIcon.tsx

@@ -0,0 +1,27 @@
+/* Copyright (c) 2025, VRAI Labs and/or its affiliates. All rights reserved.
+ *
+ * This software is licensed under the Apache License, Version 2.0 (the
+ * "License") as published by the Apache Software Foundation.
+ *
+ * You may not use this file except in compliance with the License. You may
+ * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations
+ * under the License.
+ */
+
+export default function RecoverySuccessIcon(): JSX.Element {
+    return (
+        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M7.08 9.72L5.4 11.4L10.8 16.8L22.8 4.8L21.12 3.12L10.8 13.44L7.08 9.72ZM21.6 12C21.6 17.28 17.28 21.6 12 21.6C6.72 21.6 2.4 17.28 2.4 12C2.4 6.72 6.72 2.4 12 2.4C12.96 2.4 13.8 2.52 14.64 2.76L16.56 0.84C15.12 0.36 13.56 0 12 0C5.4 0 0 5.4 0 12C0 18.6 5.4 24 12 24C18.6 24 24 18.6 24 12H21.6Z"
+                fill="#40A700"
+            />
+        </svg>
+    );
+}

lib/ts/components/assets/somethingWentWrongIcon.tsx

@@ -0,0 +1,27 @@
+/* Copyright (c) 2025, VRAI Labs and/or its affiliates. All rights reserved.
+ *
+ * This software is licensed under the Apache License, Version 2.0 (the
+ * "License") as published by the Apache Software Foundation.
+ *
+ * You may not use this file except in compliance with the License. You may
+ * obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations
+ * under the License.
+ */
+
+export default function SomethingWentWrongIcon(): JSX.Element {
+    return (
+        <svg width="35" height="32" viewBox="0 0 35 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M16.9545 0.0427521C16.4343 0.160103 15.984 0.411459 15.6142 0.790953C15.3603 1.05143 15.2052 1.28307 14.8815 1.88531C14.8381 1.96597 14.7919 2.04662 14.7787 2.06455C14.7559 2.09547 14.718 2.16326 14.5329 2.50449C14.4891 2.58515 14.3986 2.74428 14.3318 2.85814C14.2649 2.97201 14.2102 3.07013 14.2102 3.07626C14.2102 3.08235 14.1158 3.25315 14.0003 3.45582C13.8849 3.65852 13.7548 3.88954 13.7111 3.96925C13.6676 4.04899 13.5892 4.18831 13.5371 4.27884C13.4302 4.46456 13.3519 4.60476 13.2361 4.81828C13.1924 4.89894 13.1019 5.05807 13.035 5.17193C12.9682 5.2858 12.9135 5.38288 12.9135 5.3877C12.9135 5.39249 12.819 5.56332 12.7035 5.76726C12.5881 5.97123 12.458 6.20333 12.4144 6.28304C12.3708 6.36278 12.2925 6.5021 12.2403 6.59263C12.1882 6.68319 12.1212 6.80129 12.0914 6.85506C11.8512 7.28888 10.9314 8.93183 10.3673 9.93468C9.98925 10.6068 9.644 11.2227 9.60013 11.3034C9.55626 11.3841 9.44914 11.5747 9.36213 11.7271C9.27509 11.8794 9.17587 12.0554 9.14162 12.1181C9.10736 12.1808 7.11875 15.7297 4.72245 20.0045C2.32618 24.2794 0.322669 27.8649 0.270198 27.9724C0.161366 28.1956 0.0783111 28.428 0.0314067 28.6405C-0.0104689 28.8302 -0.0104689 29.624 0.0314067 29.8137C0.27314 30.9092 1.12593 31.7496 2.20925 31.9599C2.48448 32.0134 32.5146 32.0134 32.7898 31.9599C33.7635 31.7708 34.5557 31.0747 34.8798 30.1233C34.9788 29.8326 35 29.6745 35 29.2271C35 28.6652 34.9469 28.4193 34.7288 27.9724C34.6763 27.8649 31.9327 22.9595 28.6319 17.0716C25.3311 11.1836 22.6023 6.31491 22.5679 6.25218C22.5334 6.18944 22.4109 5.97231 22.2954 5.7696C22.18 5.56694 22.0856 5.39614 22.0856 5.39005C22.0856 5.38392 22.0309 5.2858 21.964 5.17193C21.8972 5.05807 21.8066 4.89894 21.7628 4.81828C21.7189 4.73762 21.5886 4.50582 21.4731 4.30312C21.3577 4.10045 21.2633 3.93001 21.2633 3.92438C21.2633 3.91874 21.1876 3.78395 21.0951 3.62482C21.0025 3.46569 20.8834 3.25484 20.8304 3.15626C20.488 2.51997 19.721 1.19104 19.6125 1.04612C19.2342 0.540901 18.666 0.180341 18.0315 0.0428173C17.7682 -0.0142453 17.2074 -0.0142779 16.9545 0.0427521ZM19.3181 5.99538C20.2923 7.73492 21.118 9.21193 21.1531 9.2776C21.1882 9.34327 21.2964 9.53629 21.3937 9.70656C21.4909 9.87684 21.6065 10.0821 21.6504 10.1628C21.6944 10.2435 22.1463 11.05 22.6546 11.9552C23.1628 12.8603 23.6111 13.6596 23.6508 13.7312C23.7396 13.8917 24.0662 14.4778 24.141 14.6111C24.1711 14.6649 24.2385 14.783 24.2906 14.8736C24.3428 14.9641 24.421 15.1034 24.4645 15.1832C24.6044 15.4393 24.667 15.551 24.8169 15.8115C24.8976 15.9519 24.9637 16.0713 24.9637 16.077C24.9637 16.0826 25.0185 16.1804 25.0853 16.2943C25.1522 16.4081 25.2427 16.5673 25.2864 16.6479C25.4022 16.8614 25.4805 17.0016 25.5874 17.1874C25.6395 17.2779 25.7178 17.4172 25.7613 17.497C25.8048 17.5767 25.8724 17.7005 25.9115 17.7722C25.9506 17.8439 25.9934 17.9172 26.0066 17.9352C26.0198 17.9531 26.0661 18.0338 26.1095 18.1144C26.1528 18.1951 26.217 18.3124 26.2521 18.3751C26.2873 18.4379 26.3693 18.5845 26.4345 18.701C26.4996 18.8175 26.5796 18.9605 26.6123 19.0187C26.6449 19.077 26.6984 19.1723 26.7311 19.2306C26.7637 19.2888 26.8437 19.4318 26.9089 19.5483C26.974 19.6648 27.0523 19.8041 27.0828 19.8579C27.1133 19.9117 27.1916 20.051 27.2568 20.1675C27.3219 20.284 27.402 20.427 27.4346 20.4852C27.4673 20.5435 27.5207 20.6388 27.5534 20.6971C27.586 20.7553 27.666 20.8983 27.7312 21.0148C27.7964 21.1313 27.8746 21.2706 27.9052 21.3244C27.9357 21.3782 28.014 21.5175 28.0791 21.634C28.1443 21.7505 28.2243 21.8934 28.2569 21.9517C28.2896 22.01 28.343 22.1053 28.3757 22.1635C28.4084 22.2218 28.4884 22.3648 28.5535 22.4813C28.6187 22.5978 28.6969 22.7371 28.7274 22.7909C28.7578 22.8446 28.8645 23.0353 28.9643 23.2145C29.0641 23.3938 29.1709 23.5844 29.2016 23.6382C29.2323 23.6919 29.3107 23.8313 29.3759 23.9478C29.441 24.0643 29.523 24.2109 29.5582 24.2736C29.5933 24.3364 29.6575 24.4537 29.7008 24.5344C29.7442 24.615 29.7905 24.6957 29.8037 24.7136C29.8169 24.7315 29.8597 24.8048 29.8988 24.8765C29.9379 24.9482 30.0055 25.0721 30.049 25.1518C30.0925 25.2316 30.1708 25.3709 30.2229 25.4614C30.3299 25.6471 30.4081 25.7873 30.5239 26.0008C30.5676 26.0815 30.6582 26.2406 30.725 26.3545C30.7919 26.4684 30.8466 26.5661 30.8466 26.5718C30.8466 26.5774 30.9127 26.6969 30.9935 26.8373C31.1433 27.0978 31.206 27.2095 31.3458 27.4656C31.3893 27.5453 31.4676 27.6847 31.5197 27.7752C31.5718 27.8658 31.6392 27.9839 31.6693 28.0376C31.8196 28.3054 32.0963 28.8037 32.167 28.9338C32.2108 29.0145 32.2602 29.0982 32.2768 29.1198C32.2934 29.1414 32.2977 29.1744 32.2865 29.1931C32.2578 29.2409 2.74124 29.2409 2.71255 29.1931C2.70132 29.1744 2.70569 29.1414 2.72226 29.1198C2.73883 29.0982 2.78786 29.0145 2.83122 28.9338C2.87458 28.8532 2.93878 28.7358 2.97389 28.6731C3.00903 28.6104 3.09104 28.4637 3.1562 28.3472C3.33844 28.0212 3.37724 27.9526 3.47937 27.7752C3.53149 27.6847 3.60977 27.5453 3.65326 27.4656C3.77769 27.2376 3.85163 27.1053 3.95379 26.9279C4.00592 26.8374 4.0842 26.698 4.12768 26.6183C4.1712 26.5386 4.23879 26.4147 4.27789 26.343C4.31701 26.2713 4.3598 26.198 4.37302 26.1801C4.38624 26.1622 4.43252 26.0815 4.47588 26.0008C4.51924 25.9202 4.58344 25.8029 4.61855 25.7401C4.65369 25.6774 4.7357 25.5308 4.80086 25.4142C4.86601 25.2977 4.94802 25.1511 4.98316 25.0884C5.01827 25.0256 5.0826 24.9091 5.12612 24.8294C5.16961 24.7496 5.24789 24.6103 5.30001 24.5198C5.40214 24.3424 5.44094 24.2737 5.62319 23.9478C5.68834 23.8313 5.77035 23.6846 5.80549 23.6219C5.8406 23.5591 5.90493 23.4426 5.94845 23.3629C5.99194 23.2831 6.07022 23.1438 6.12234 23.0533C6.23199 22.8628 6.26312 22.8075 6.50836 22.3672C6.60821 22.188 6.71502 21.9973 6.7457 21.9436C6.77638 21.8898 6.85478 21.7505 6.91994 21.634C6.98509 21.5175 7.06331 21.3782 7.09376 21.3244C7.12425 21.2706 7.23087 21.08 7.33069 20.9007C7.43054 20.7215 7.53735 20.5309 7.56803 20.4771C7.59871 20.4233 7.67711 20.284 7.74227 20.1675C7.80742 20.051 7.88943 19.9043 7.92457 19.8416C7.95968 19.7789 8.02388 19.6616 8.06724 19.5809C8.11061 19.5002 8.15688 19.4196 8.1701 19.4017C8.18332 19.3837 8.22611 19.3104 8.26523 19.2387C8.30433 19.167 8.37192 19.0431 8.41544 18.9634C8.45893 18.8837 8.53721 18.7444 8.58933 18.6538C8.69626 18.4681 8.77448 18.3279 8.8903 18.1144C8.93404 18.0338 9.02456 17.8746 9.09142 17.7608C9.15825 17.6469 9.21297 17.5491 9.21297 17.5435C9.21297 17.5378 9.27907 17.4184 9.35985 17.278C9.51473 17.0088 9.58277 16.8874 9.71263 16.6479C9.75637 16.5673 9.84689 16.4081 9.91375 16.2943C9.98058 16.1804 10.0353 16.0823 10.0353 16.0762C10.0353 16.0701 10.1297 15.8993 10.2452 15.6966C10.3606 15.4939 10.4907 15.2629 10.5344 15.1832C10.5779 15.1034 10.6563 14.9641 10.7084 14.8736C10.8077 14.7011 10.8763 14.5786 10.9877 14.3749C11.0245 14.3077 11.1131 14.15 11.1846 14.0245C11.2561 13.8991 11.3435 13.7427 11.3787 13.677C11.4139 13.6113 12.7948 11.1444 14.4474 8.19504C16.3357 4.82486 17.4697 2.83246 17.4995 2.8325C17.5292 2.8325 18.2105 4.01745 19.3181 5.99538ZM17.12 10.2436C16.4027 10.4075 15.8625 10.9543 15.6847 11.6965C15.609 12.0126 15.6108 12.0619 15.7578 13.7312C15.7752 13.9284 15.8047 14.2804 15.8235 14.5134C15.8422 14.7464 15.8709 15.0837 15.8871 15.2629C15.9033 15.4421 15.9319 15.7794 15.9505 16.0124C15.9691 16.2455 15.9978 16.5827 16.0142 16.762C16.0306 16.9412 16.0655 17.3518 16.0917 17.6745C16.1179 17.9971 16.1532 18.415 16.1702 18.6032C16.1871 18.7914 16.2161 19.1361 16.2346 19.3691C16.2532 19.6021 16.2815 19.932 16.2975 20.1023C16.3135 20.2726 16.3423 20.6245 16.3614 20.8844C16.3805 21.1443 16.4169 21.4418 16.4422 21.5456C16.5332 21.9175 16.8297 22.2426 17.195 22.3708C17.5474 22.4945 18.0139 22.3609 18.295 22.0556C18.5454 21.7838 18.5703 21.6781 18.6714 20.4608C18.6886 20.2547 18.7165 19.9211 18.7336 19.7194C18.7507 19.5178 18.7786 19.1878 18.7957 18.9862C18.8128 18.7845 18.8405 18.4509 18.8573 18.2448C18.8741 18.0386 18.9103 17.6134 18.9377 17.2997C18.9857 16.7518 19.0151 16.4071 19.0818 15.6132C19.0987 15.4116 19.1268 15.078 19.1442 14.8718C19.1616 14.6657 19.1904 14.3248 19.2081 14.1142C19.3808 12.0668 19.3823 12.0374 19.3266 11.7596C19.2308 11.2817 18.9789 10.8613 18.6301 10.5969C18.1797 10.2555 17.6304 10.127 17.12 10.2436ZM17.1755 23.0177C16.6504 23.1362 16.2243 23.529 16.0432 24.0618C15.951 24.3331 15.9507 24.7999 16.0425 25.0694C16.21 25.5613 16.5819 25.9342 17.0567 26.0864C17.3006 26.1646 17.7453 26.1586 17.9739 26.0739C18.6384 25.828 19.0252 25.2733 19.0252 24.5667C19.0252 23.7992 18.5375 23.1773 17.8094 23.0164C17.5688 22.9632 17.4158 22.9636 17.1755 23.0177Z"
+                fill="#ED344E"
+            />
+        </svg>
+    );
+}

lib/ts/recipe/webauthn/components/themes/recoverAccountWithToken/success.tsx

@@ -14,6 +14,7 @@
  */
 
 import { redirectToAuth } from "../../../../..";
+import RecoverySuccessIcon from "../../../../../components/assets/recoverySuccessIcon";
 import { useTranslation } from "../../../../../translation/translationContext";
 import { Button } from "../../../../emailpassword/components/library";
 
@@ -27,14 +28,7 @@ export const PasskeyRecoverAccountSuccess = (): JSX.Element => {
     return (
         <div data-supertokens="passkeyRecoverAccountSuccessContainer">
             <div data-supertokens="header">
-                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <path
-                        fill-rule="evenodd"
-                        clip-rule="evenodd"
-                        d="M7.08 9.72L5.4 11.4L10.8 16.8L22.8 4.8L21.12 3.12L10.8 13.44L7.08 9.72ZM21.6 12C21.6 17.28 17.28 21.6 12 21.6C6.72 21.6 2.4 17.28 2.4 12C2.4 6.72 6.72 2.4 12 2.4C12.96 2.4 13.8 2.52 14.64 2.76L16.56 0.84C15.12 0.36 13.56 0 12 0C5.4 0 0 5.4 0 12C0 18.6 5.4 24 12 24C18.6 24 24 18.6 24 12H21.6Z"
-                        fill="#40A700"
-                    />
-                </svg>
+                <RecoverySuccessIcon />
                 <div data-supertokens="headerText">{t("WEBAUTHN_ACCOUNT_RECOVERY_SUCCESSFUL_LABEL")}</div>
             </div>
             <div data-supertokens="divider"></div>