add_change_daf_logos

packages/donate-button-v4/src/components/widget/components/PaymentProcess/DafFlow/Views/DafStartView.tsx

@@ -17,53 +17,13 @@ import {
 } from 'src/components/widget/components/PaymentProcess/styles';
 import {useConfigContext} from 'src/components/widget/hooks/useConfigContext';
 
-export const ChariotLogo = () => {
-	return (
-		<svg
-			width="101"
-			height="16"
-			viewBox="0 0 101 16"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M26.5651 0.257543H29.7622V15.2809H26.5651V0.257543ZM20.2894 15.2809H17.0923V0.257543H20.2894V15.2809ZM26.8019 9.12133H20.0525V6.18104H26.8019V9.12133Z"
-				fill="#00203F"
-			/>
-			<path
-				d="M32.2018 15.2809L38.3591 0.257543H41.5168L47.6938 15.2809H44.3389L39.2867 2.01742H40.5497L35.4778 15.2809H32.2018ZM35.2805 12.0616L36.1291 9.4218H43.2337L44.1021 12.0616H35.2805Z"
-				fill="#00203F"
-			/>
-			<path
-				d="M50.1138 15.2809V0.257543H56.0936C57.3303 0.257543 58.396 0.479317 59.2907 0.922864C60.1853 1.3521 60.876 1.9745 61.3628 2.79005C61.8496 3.60561 62.093 4.57855 62.093 5.70888C62.093 6.8249 61.8496 7.79069 61.3628 8.60625C60.876 9.40749 60.1853 10.0227 59.2907 10.452C58.396 10.8812 57.3303 11.0958 56.0936 11.0958H51.89L53.3109 9.57203V15.2809H50.1138ZM58.896 15.2809L55.4423 9.82958H58.8565L62.3496 15.2809H58.896ZM53.3109 9.95835L51.89 8.32724H55.916C56.9027 8.32724 57.6395 8.09831 58.1263 7.64046C58.6131 7.16829 58.8565 6.52444 58.8565 5.70888C58.8565 4.87902 58.6131 4.23516 58.1263 3.77731C57.6395 3.31945 56.9027 3.09052 55.916 3.09052H51.89L53.3109 1.43795V9.95835Z"
-				fill="#00203F"
-			/>
-			<path
-				d="M65.6128 15.2809V0.257543H68.8099V15.2809H65.6128Z"
-				fill="#00203F"
-			/>
-			<path
-				d="M79.7851 15.5385C78.6931 15.5385 77.68 15.3453 76.7459 14.959C75.8249 14.5727 75.0223 14.029 74.3382 13.3279C73.6672 12.6268 73.1409 11.8041 72.7594 10.8598C72.391 9.91543 72.2068 8.88525 72.2068 7.76923C72.2068 6.65321 72.391 5.62303 72.7594 4.67871C73.1409 3.73438 73.6738 2.91167 74.3579 2.21058C75.0421 1.50949 75.8446 0.965787 76.7656 0.579472C77.6866 0.193157 78.6865 0 79.7653 0C80.8573 0 81.8573 0.193157 82.7651 0.579472C83.686 0.965787 84.482 1.50949 85.153 2.21058C85.8372 2.91167 86.37 3.73438 86.7516 4.67871C87.1331 5.60873 87.3239 6.6389 87.3239 7.76923C87.3239 8.88525 87.1331 9.92258 86.7516 10.8812C86.37 11.8255 85.8372 12.6482 85.153 13.3493C84.482 14.0361 83.686 14.5727 82.7651 14.959C81.8573 15.3453 80.8639 15.5385 79.7851 15.5385ZM79.7653 12.5767C80.3837 12.5767 80.9494 12.4622 81.4626 12.2333C81.9888 12.0044 82.4493 11.6753 82.844 11.2461C83.2387 10.8168 83.5413 10.3089 83.7518 9.72227C83.9755 9.13564 84.0873 8.48463 84.0873 7.76923C84.0873 7.05383 83.9755 6.40282 83.7518 5.81619C83.5413 5.22956 83.2387 4.72163 82.844 4.29239C82.4625 3.86315 82.0086 3.53407 81.4823 3.30514C80.956 3.07621 80.3837 2.96175 79.7653 2.96175C79.147 2.96175 78.5747 3.07621 78.0484 3.30514C77.5353 3.53407 77.0814 3.86315 76.6867 4.29239C76.292 4.72163 75.9828 5.22956 75.7591 5.81619C75.5486 6.40282 75.4434 7.05383 75.4434 7.76923C75.4434 8.47032 75.5486 9.12133 75.7591 9.72227C75.9828 10.3089 76.2854 10.8168 76.6669 11.2461C77.0616 11.6753 77.5221 12.0044 78.0484 12.2333C78.5747 12.4622 79.147 12.5767 79.7653 12.5767Z"
-				fill="#00203F"
-			/>
-			<path
-				d="M93.3822 15.2809V3.09052H88.9616V0.257543H101V3.09052H96.5793V15.2809H93.3822Z"
-				fill="#00203F"
-			/>
-			<path
-				d="M11.272 1.05076C11.3408 1.09302 11.3586 1.18757 11.3108 1.25413L11.2714 1.30881L9.3933 3.92529C9.23593 4.14428 8.9529 4.21268 8.70361 4.12582C8.33005 3.99566 7.93049 3.92529 7.51464 3.92529C7.07982 3.92529 6.66276 4.00231 6.27476 4.14455C4.80885 4.6792 3.75732 6.13699 3.75732 7.85057C3.75732 8.56007 3.9376 9.22572 4.25295 9.80028C4.3821 10.0353 4.53332 10.2551 4.70499 10.4564C5.39274 11.2659 6.39692 11.7764 7.51464 11.7764C7.76228 11.7764 7.87763 12.0838 7.68405 12.2443C7.62823 12.2906 7.57176 12.3361 7.51464 12.3808C6.44696 13.2173 5.15865 13.7627 3.75732 13.9066C3.51247 13.9319 3.26438 13.9448 3.01307 13.9448C2.85686 13.9448 2.70619 13.886 2.58857 13.7791C2.53422 13.7297 2.48053 13.6794 2.42757 13.6283C1.86844 13.0914 1.38787 12.4674 1.00579 11.7759C0.459575 10.7898 0.11301 9.6676 0.0231398 8.47068C0.00807176 8.26604 0 8.05971 0 7.85057C0 6.4209 0.366476 5.08005 1.00579 3.92529C1.34697 3.308 1.76673 2.74523 2.24998 2.24993C2.70094 1.78724 3.2068 1.38302 3.75732 1.05076C4.86267 0.382868 6.1456 9.06616e-06 7.51464 9.06616e-06C7.59482 9.06616e-06 7.67555 0.00113271 7.75519 0.00450591C9.03382 0.0461087 10.2317 0.422222 11.272 1.05076Z"
-				fill="#00203F"
-			/>
-			<path
-				d="M13.9754 11.8877C14.023 12.0558 13.8779 12.2145 13.7141 12.1736C13.4931 12.1184 13.3921 12.2143 13.2685 12.4126C13.0274 12.7994 12.5181 13.3956 12.4565 13.4688C10.4382 15.8714 7.16282 15.9162 4.47369 14.9451C4.46298 14.9412 4.45227 14.9373 4.4421 14.9339C4.20547 14.8481 3.98222 14.7612 3.77878 14.6782C3.61643 14.6123 3.46699 14.5489 3.33408 14.4905C3.08673 14.3817 3.12253 14.2895 3.38904 14.3239C3.52288 14.3412 3.65458 14.3525 3.77878 14.3597C4.15457 14.382 4.46549 14.3678 4.56937 14.3616C4.59412 14.3601 4.61885 14.3589 4.64363 14.3582C5.18515 14.3419 5.73401 14.2439 6.27519 14.0581C6.72061 13.9045 7.13605 13.6992 7.51669 13.4503C7.75279 13.2972 7.9755 13.1262 8.18429 12.9412C8.29565 12.8425 8.40219 12.7404 8.50551 12.6339C8.77962 12.3513 9.02535 12.0413 9.23789 11.7105C9.34271 11.5478 9.44004 11.3803 9.52876 11.208C9.5469 11.1728 9.52792 11.1295 9.49058 11.12C9.20779 11.0496 9.10362 10.6878 9.30264 10.4673L10.7012 8.91805L10.7017 8.91751C10.7086 8.90988 11.0638 8.51701 11.1804 8.38764C11.2042 8.36134 11.2303 8.33219 11.2541 8.3059L11.914 7.57461C12.1946 7.26369 12.6939 7.38682 12.8104 7.79567L13.7206 10.9938C13.7212 10.9958 13.7229 10.9972 13.7249 10.9977C13.7277 10.9983 13.7293 11.0014 13.7286 11.0042C13.728 11.0064 13.7275 11.0085 13.727 11.0108C13.7266 11.0126 13.7266 11.0144 13.7271 11.0162L13.9245 11.7099L13.9475 11.7889L13.9754 11.8877Z"
-				fill="#00203F"
-			/>
-			<path
-				d="M2.01325 8.96461C0.989941 9.18868 -0.0400886 8.49938 0.00784723 7.41322C0.0537471 6.37318 0.300533 5.3465 0.740811 4.39654C1.45724 2.85074 2.64569 1.59503 4.1207 0.825379C5.5957 0.0557292 7.27427 -0.184559 8.89443 0.142017C9.8901 0.342713 10.8293 0.750556 11.6587 1.33385C12.5249 1.94302 12.4409 3.21363 11.6566 3.93279C10.8722 4.65194 9.66932 4.50639 8.68146 4.14963C8.51643 4.09003 8.34679 4.04245 8.17368 4.00755C7.37463 3.84649 6.54677 3.965 5.81931 4.34458C5.09184 4.72417 4.50571 5.34348 4.15237 6.10585C4.07582 6.27101 4.01114 6.44087 3.95847 6.61407C3.64319 7.65079 3.03655 8.74054 2.01325 8.96461Z"
-				fill="#00203F"
-			/>
-		</svg>
-	);
+export const DafLogo = () => {
+    return(
+        <svg width="62" height="19" viewBox="0 0 62 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M4 0C1.79086 0 0 1.79086 0 4V15C0 17.2091 1.79086 19 4 19H32.4127C34.6218 19 36.4127 17.2091 36.4127 15V4C36.4127 1.79086 34.6218 0 32.4127 0H4ZM4.50829 4.36V14.952C5.11629 15.032 6.01229 15.112 7.27629 15.112C9.38829 15.112 11.1163 14.664 12.2523 13.72C13.2923 12.84 14.0443 11.416 14.0443 9.352C14.0443 7.448 13.3403 6.12 12.2203 5.288C11.1803 4.504 9.85229 4.136 7.80429 4.136C6.57229 4.136 5.40429 4.216 4.50829 4.36ZM6.95629 13.16V6.104C7.16429 6.056 7.51629 6.008 8.06029 6.008C10.1563 6.008 11.4683 7.192 11.4523 9.432C11.4523 12.008 10.0123 13.224 7.80429 13.208C7.50029 13.208 7.16429 13.208 6.95629 13.16ZM17.7509 12.232H20.8389L21.6709 15H24.2949L20.9509 4.216H17.7509L14.4549 15H16.9829L17.7509 12.232ZM20.4869 10.408H18.1029L18.7429 8.12C18.8484 7.74614 18.9481 7.30336 19.0455 6.8708C19.1106 6.58139 19.1748 6.29655 19.2389 6.04H19.2709C19.2969 6.14386 19.3237 6.25193 19.3512 6.36285C19.4932 6.93544 19.6541 7.58386 19.8149 8.12L20.4869 10.408ZM25.5789 4.216V15H28.0269V10.664H31.8989V8.68H28.0269V6.216H32.1709V4.216H25.5789Z" fill="#00203F"/>
+            <path d="M40.2192 16.772V9.45C40.2192 8.554 40.1912 7.784 40.1632 7.154H42.0112L42.1092 8.106H42.1372C42.6412 7.378 43.4252 7 44.4192 7C45.9172 7 47.2612 8.302 47.2612 10.486C47.2612 12.978 45.6792 14.154 44.1532 14.154C43.3272 14.154 42.6832 13.818 42.3752 13.37H42.3472V16.772H40.2192ZM42.3472 10.122V11.06C42.3472 11.228 42.3612 11.382 42.3892 11.508C42.5292 12.082 43.0192 12.516 43.6352 12.516C44.5592 12.516 45.1052 11.746 45.1052 10.584C45.1052 9.492 44.6152 8.666 43.6632 8.666C43.0612 8.666 42.5292 9.114 42.3892 9.744C42.3612 9.856 42.3472 9.996 42.3472 10.122ZM54.2564 14H52.3384L52.2124 13.314H52.1704C51.7224 13.86 51.0224 14.154 50.2104 14.154C48.8244 14.154 47.9984 13.146 47.9984 12.054C47.9984 10.276 49.5944 9.422 52.0164 9.436V9.338C52.0164 8.974 51.8204 8.456 50.7704 8.456C50.0704 8.456 49.3284 8.694 48.8804 8.974L48.4884 7.602C48.9644 7.336 49.9024 7 51.1484 7C53.4304 7 54.1584 8.344 54.1584 9.954V12.334C54.1584 12.992 54.1864 13.622 54.2564 14ZM52.0864 11.508V10.766C50.9664 10.752 50.0984 11.018 50.0984 11.844C50.0984 12.39 50.4624 12.656 50.9384 12.656C51.4704 12.656 51.9044 12.306 52.0444 11.872C52.0724 11.76 52.0864 11.634 52.0864 11.508ZM54.7688 7.154H57.1348L58.1568 10.514C58.2688 10.92 58.4088 11.424 58.4928 11.788H58.5348C58.6328 11.424 58.7448 10.906 58.8428 10.514L59.6828 7.154H61.9648L60.3688 11.662C59.3888 14.378 58.7308 15.47 57.9608 16.156C57.2188 16.8 56.4348 17.024 55.9028 17.094L55.4548 15.288C55.7208 15.246 56.0568 15.12 56.3788 14.924C56.7008 14.756 57.0508 14.42 57.2608 14.07C57.3308 13.972 57.3728 13.86 57.3728 13.762C57.3728 13.692 57.3588 13.58 57.2748 13.412L54.7688 7.154Z" fill="#00203F"/>
+        </svg>
+    );
 };
 
 export const DafStartView = ({changeView}: DafFlowViewProps) => {
@@ -88,7 +48,7 @@ export const DafStartView = ({changeView}: DafFlowViewProps) => {
 					}}
 				>
 					<span>Donate with</span>
-					<ChariotLogo />
+					<DafLogo />
 				</button>
 				<button
 					type="button"

packages/donate-button-v4/src/components/widget/icons/DafIcon.tsx

@@ -1,34 +1,6 @@
 export const DafIcon = () => (
-	<svg
-		width="24"
-		height="25"
-		viewBox="0 0 24 25"
-		fill="none"
-		xmlns="http://www.w3.org/2000/svg"
-	>
-		<g clipPath="url(#clip0_6252_22297)">
-			<path
-				d="M16.5765 4.96037C16.6594 5.00932 16.6809 5.11885 16.6232 5.19596L16.5759 5.2593L15.0086 7.35896L14.3138 8.29026C14.1242 8.54394 13.7833 8.62317 13.4831 8.52256C13.0331 8.37178 12.5519 8.29026 12.051 8.29026C11.5273 8.29026 11.025 8.37948 10.5576 8.54425C8.79202 9.1636 7.5255 10.8523 7.5255 12.8374C7.5255 13.6592 7.74264 14.4303 8.12246 15.0959C8.27802 15.3682 8.46016 15.6228 8.66692 15.8559C9.49528 16.7938 10.7048 17.3851 12.051 17.3851C12.3493 17.3851 12.4882 17.7411 12.2551 17.9272C12.1878 17.9808 12.1198 18.0335 12.051 18.0852C10.765 19.0543 9.21333 19.686 7.5255 19.8527C7.23059 19.882 6.93178 19.897 6.62909 19.897C6.44094 19.897 6.25947 19.8288 6.1178 19.705C6.05234 19.6478 5.98768 19.5895 5.92388 19.5304C5.25044 18.9084 4.67162 18.1855 4.21142 17.3845C3.55353 16.2421 3.13611 14.9422 3.02787 13.5557C3.00972 13.3186 3 13.0796 3 12.8374C3 11.1812 3.4414 9.62795 4.21142 8.29026C4.62236 7.57518 5.12793 6.92326 5.70999 6.34951C6.25315 5.81352 6.86243 5.34526 7.5255 4.96037C8.85684 4.18667 10.4021 3.74316 12.051 3.74316C12.1476 3.74316 12.2448 3.74447 12.3407 3.74837C13.8808 3.79657 15.3236 4.23226 16.5765 4.96037Z"
-				fill="#4DA3B3"
-			/>
-			<path
-				d="M19.8329 17.5145C19.8902 17.7092 19.7155 17.893 19.5181 17.8456C19.5181 17.8456 19.5181 17.8456 19.5181 17.8456C19.252 17.7817 19.1303 17.8928 18.9815 18.1224C18.6911 18.5706 18.0776 19.2612 18.0034 19.346C15.5724 22.1292 11.6274 22.1812 8.38852 21.0562C8.37562 21.0516 8.36273 21.0471 8.35048 21.0432C8.06547 20.9438 7.79658 20.8432 7.55155 20.747C7.356 20.6706 7.17601 20.5972 7.01593 20.5295C6.718 20.4036 6.76112 20.2967 7.08212 20.3365C7.24332 20.3567 7.40195 20.3697 7.55155 20.3781C7.84763 20.395 8.11027 20.3938 8.29155 20.3889C8.46291 20.3843 8.63426 20.3771 8.80536 20.3668C9.38849 20.3316 9.97709 20.2206 10.5583 20.0287C11.0948 19.8507 11.5952 19.613 12.0537 19.3246C12.338 19.1473 12.6063 18.9492 12.8578 18.7348C12.9919 18.6205 13.1202 18.5023 13.2446 18.3789C13.5748 18.0515 13.8708 17.6923 14.1268 17.3091C14.253 17.1207 14.3702 16.9266 14.4771 16.7271C14.4989 16.6863 14.4761 16.6361 14.4311 16.6252C14.0905 16.5435 13.965 16.1245 14.2047 15.8691L15.8892 14.0744C15.8895 14.0741 15.8895 14.0741 15.8898 14.0737C15.8988 14.0642 16.3261 13.6097 16.4665 13.4599C16.495 13.4295 16.5266 13.3957 16.5551 13.3652L17.1097 12.7742L17.35 12.5181C17.688 12.1579 18.2894 12.3006 18.4296 12.7742L19.0377 14.8286L19.5259 16.4789C19.5266 16.4813 19.5288 16.4829 19.5312 16.4834C19.5345 16.4841 19.5365 16.4877 19.5356 16.4909C19.5349 16.4935 19.5342 16.496 19.5336 16.4986C19.5332 16.5007 19.5332 16.5028 19.5338 16.5049L19.7715 17.3085L19.7992 17.4001L19.8329 17.5145Z"
-				fill="#91CCD7"
-			/>
-			<path
-				d="M5.42485 14.1279C4.19233 14.3874 2.95172 13.5889 3.00945 12.3307C3.06474 11.1259 3.36198 9.93661 3.89227 8.83616C4.75517 7.04549 6.1866 5.59086 7.96317 4.69928C9.73974 3.80771 11.7615 3.52936 13.7129 3.90767C14.9121 4.14016 16.0433 4.61261 17.0423 5.2883C18.0857 5.99397 17.9844 7.46586 17.0397 8.29894C16.095 9.13202 14.6462 8.96341 13.4564 8.55014C13.2576 8.4811 13.0533 8.42597 12.8448 8.38555C11.8824 8.19897 10.8853 8.33625 10.0091 8.77597C9.13287 9.21569 8.4269 9.9331 8.00132 10.8163C7.90912 11.0076 7.83121 11.2043 7.76777 11.405C7.38804 12.6059 6.65738 13.8683 5.42485 14.1279Z"
-				fill="#4DA3B3"
-			/>
-		</g>
-		<defs>
-			<clipPath id="clip0_6252_22297">
-				<rect
-					width="18"
-					height="18"
-					fill="white"
-					transform="translate(3 3.74316)"
-				/>
-			</clipPath>
-		</defs>
-	</svg>
+    <svg width="27" height="23" viewBox="0 0 37 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M7.056 31.772V24.45C7.056 23.554 7.028 22.784 7 22.154H8.848L8.946 23.106H8.974C9.478 22.378 10.262 22 11.256 22C12.754 22 14.098 23.302 14.098 25.486C14.098 27.978 12.516 29.154 10.99 29.154C10.164 29.154 9.52 28.818 9.212 28.37H9.184V31.772H7.056ZM9.184 25.122V26.06C9.184 26.228 9.198 26.382 9.226 26.508C9.366 27.082 9.856 27.516 10.472 27.516C11.396 27.516 11.942 26.746 11.942 25.584C11.942 24.492 11.452 23.666 10.5 23.666C9.898 23.666 9.366 24.114 9.226 24.744C9.198 24.856 9.184 24.996 9.184 25.122ZM21.0932 29H19.1752L19.0492 28.314H19.0072C18.5592 28.86 17.8592 29.154 17.0472 29.154C15.6612 29.154 14.8352 28.146 14.8352 27.054C14.8352 25.276 16.4312 24.422 18.8532 24.436V24.338C18.8532 23.974 18.6572 23.456 17.6072 23.456C16.9072 23.456 16.1652 23.694 15.7172 23.974L15.3252 22.602C15.8012 22.336 16.7392 22 17.9852 22C20.2672 22 20.9952 23.344 20.9952 24.954V27.334C20.9952 27.992 21.0232 28.622 21.0932 29ZM18.9232 26.508V25.766C17.8032 25.752 16.9352 26.018 16.9352 26.844C16.9352 27.39 17.2992 27.656 17.7752 27.656C18.3072 27.656 18.7412 27.306 18.8812 26.872C18.9092 26.76 18.9232 26.634 18.9232 26.508ZM21.6056 22.154H23.9716L24.9936 25.514C25.1056 25.92 25.2456 26.424 25.3296 26.788H25.3716C25.4696 26.424 25.5816 25.906 25.6796 25.514L26.5196 22.154H28.8016L27.2056 26.662C26.2256 29.378 25.5676 30.47 24.7976 31.156C24.0556 31.8 23.2716 32.024 22.7396 32.094L22.2916 30.288C22.5576 30.246 22.8936 30.12 23.2156 29.924C23.5376 29.756 23.8876 29.42 24.0976 29.07C24.1676 28.972 24.2096 28.86 24.2096 28.762C24.2096 28.692 24.1956 28.58 24.1116 28.412L21.6056 22.154Z" fill="#35BBF4"/>
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M4 0C1.79086 0 0 1.79086 0 4V15C0 17.2091 1.79086 19 4 19H32.4127C34.6218 19 36.4127 17.2091 36.4127 15V4C36.4127 1.79086 34.6218 0 32.4127 0H4ZM4.50829 4.36V14.952C5.11629 15.032 6.01229 15.112 7.27629 15.112C9.38829 15.112 11.1163 14.664 12.2523 13.72C13.2923 12.84 14.0443 11.416 14.0443 9.352C14.0443 7.448 13.3403 6.12 12.2203 5.288C11.1803 4.504 9.85229 4.136 7.80429 4.136C6.57229 4.136 5.40429 4.216 4.50829 4.36ZM6.95629 13.16V6.104C7.16429 6.056 7.51629 6.008 8.06029 6.008C10.1563 6.008 11.4683 7.192 11.4523 9.432C11.4523 12.008 10.0123 13.224 7.80429 13.208C7.50029 13.208 7.16429 13.208 6.95629 13.16ZM17.7509 12.232H20.8389L21.6709 15H24.2949L20.9509 4.216H17.7509L14.4549 15H16.9829L17.7509 12.232ZM20.4869 10.408H18.1029L18.7429 8.12C18.8484 7.74614 18.9481 7.30336 19.0455 6.8708C19.1106 6.58139 19.1748 6.29655 19.2389 6.04H19.2709C19.2969 6.14386 19.3237 6.25193 19.3512 6.36285C19.4932 6.93544 19.6541 7.58386 19.8149 8.12L20.4869 10.408ZM25.5789 4.216V15H28.0269V10.664H31.8989V8.68H28.0269V6.216H32.1709V4.216H25.5789Z" fill="#35BBF4"/>
+    </svg>
 );