chore: update upgrade page with s3 assets, get instance id(#20562)

This commit is contained in:
Sangeeth Sivan 2023-02-12 01:13:53 +05:30 committed by GitHub
parent 1d9d5bb197
commit 02b5e7d7f6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
9 changed files with 35 additions and 235 deletions

View File

@ -49,7 +49,7 @@
"cypress-log-to-output": "^1.1.2",
"dayjs": "^1.10.6",
"deep-diff": "^1.0.2",
"design-system-old": "npm:@appsmithorg/design-system-old@1.0.48",
"design-system-old": "npm:@appsmithorg/design-system-old@1.0.50",
"downloadjs": "^1.4.7",
"draft-js": "^0.11.7",
"exceljs": "^4.3.0",

View File

@ -1,157 +0,0 @@
<svg width="216" height="198" viewBox="0 0 216 198" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M57 197.102L109 179.102L57 155.102L7 174.102L57 197.102Z" fill="url(#paint0_linear_3933_98129)"/>
<path d="M108 117.102L161 93.1016V155.102L108 179.102V117.102Z" fill="#DACEB8"/>
<path d="M154.443 112.271L121 128.102L121.298 164.1L154.74 148.27L154.443 112.271Z" fill="#FF6D2D"/>
<path d="M150.443 110.271L117 126.102L117.298 162.1L150.74 146.27L150.443 110.271Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M117 126.102L151.346 109.843L151.652 146.842L117.306 163.1L117 126.102ZM117.912 126.674L118.201 161.672L150.74 146.27L150.451 111.271L117.912 126.674Z" fill="black"/>
<path d="M129.338 142.678C129.201 142.485 129.399 141.398 129.322 140.678C128.568 142.243 128.302 143.168 126.627 143.962C125.378 144.553 123.751 144.98 123.003 144.673C122.255 144.367 122.084 143.272 122.074 142.101C122.056 139.839 123.662 138.66 126.569 136.962L128.368 135.106C128.941 134.755 129.024 135.014 129.272 134.679C129.52 134.343 129.267 134.113 129.264 133.679C129.26 133.15 129.564 131.779 129.247 131.679C128.931 131.578 128.191 132.178 127.44 132.534C126.631 132.917 126.885 132.502 126.536 132.962C126.187 133.423 125.711 135.637 125.657 136.39L122.041 138.101C122.179 135.202 124.175 132.072 127.423 130.534C130.583 129.039 132.859 129.481 132.879 131.967L132.937 138.967C132.946 140.058 132.641 140.634 132.954 140.967L129.338 142.678ZM128.418 141.106C128.957 140.327 129.305 138.657 129.297 137.679L129.289 136.679C129.026 137.06 128.987 136.741 128.385 137.106L127.481 137.534C126.747 137.98 125.995 138.962 125.682 139.39C125.368 139.818 125.684 139.859 125.69 140.39C125.694 140.92 125.374 142.25 125.706 142.39C126.039 142.53 125.993 142.256 126.61 141.962C127.477 141.554 127.879 141.884 128.418 141.106Z" fill="black"/>
<path d="M135.017 143.101L135 141.102L145.846 135.967L145.863 137.967L135.017 143.101Z" fill="black"/>
<path d="M108 117.102L55.0004 93.1016V155.102L108 179.102V117.102Z" fill="#EBE2D3"/>
<path d="M108 70.1016V117.102L161 93.1016L108 70.1016Z" fill="#DACEB8"/>
<path d="M108 70.1016V117.102L55.0004 93.1016L108 70.1016Z" fill="#EBE2D3"/>
<path d="M160 93.1016L109 118.102L143 119.102L190 93.1016H160Z" fill="#EBE2D3"/>
<path d="M32 109.102L56 93.1016L109 118.102L88 136.102L32 109.102Z" fill="#DACEB8"/>
<path d="M109 70.1016L56 93.1016L39 71.1016L95 50.1016L109 70.1016Z" fill="#DACEB8"/>
<path d="M127 49.1016L109 70.1016L161 93.1016L177 71.1016L127 49.1016Z" fill="#EBE2D3"/>
<path d="M141 62.1016L139 69.1016" stroke="#EE7541" stroke-width="1.16831" stroke-linecap="round"/>
<path d="M148 64.1016L144 68.1016" stroke="#EE7541" stroke-width="1.16831" stroke-linecap="round"/>
<path d="M91.4309 130.628C94.8639 112.405 97.7163 69.446 78.4919 44.4859C59.2675 19.5257 49.6376 16.9711 43.6561 17.5246" stroke="url(#paint1_linear_3933_98129)" stroke-width="6"/>
<rect x="62.0018" y="15.1016" width="36" height="16" rx="8" fill="#FF6D2D"/>
<path d="M76.0556 20.048L74.6672 24.4988L73.2629 20.048L71.6524 20.048L71.6524 25.6016L72.6124 25.6016L72.6124 20.9445L74.1515 25.6016L75.1591 25.6016L76.6982 20.8889L76.6982 25.6016L77.6582 25.6016L77.6582 20.048L76.0556 20.048ZM79.2284 21.0635C79.5537 21.0635 79.8076 20.8096 79.8076 20.4843C79.8076 20.1591 79.5537 19.9052 79.2284 19.9052C78.9032 19.9052 78.6493 20.1591 78.6493 20.4843C78.6493 20.8096 78.9032 21.0635 79.2284 21.0635ZM78.7683 25.6016L79.6727 25.6016L79.6727 21.6347L78.7683 21.6347L78.7683 25.6016ZM83.2778 24.11C83.8252 23.88 84.1664 23.4039 84.1664 22.793C84.1664 22.0393 83.6586 21.5236 82.8494 21.5236C82.2147 21.5236 81.7228 21.841 81.4848 22.3726L81.4848 20.048L80.5803 20.048L80.5803 25.6016L81.4848 25.6016L81.4848 23.6578C81.4848 22.8486 81.9132 22.3249 82.5241 22.3249C82.9208 22.3249 83.2223 22.5471 83.2223 22.9517C83.2223 23.4198 82.8176 23.7689 82.1829 23.7689L82.1829 24.3877C82.778 24.4432 83.2381 24.8796 83.3651 25.6016L84.4123 25.6016C84.2457 24.8717 83.8252 24.3639 83.2778 24.11ZM87.6962 24.348C87.5614 24.713 87.2123 24.9193 86.768 24.9193C86.1333 24.9193 85.7684 24.5305 85.689 23.872L88.5134 23.872C88.8942 22.5709 88.1723 21.5236 86.7759 21.5236C85.5224 21.5236 84.729 22.3567 84.729 23.6181C84.729 24.8796 85.5145 25.7126 86.7521 25.7126C87.7438 25.7126 88.4499 25.1811 88.68 24.348L87.6962 24.348ZM86.7601 22.2853C87.3868 22.2853 87.7121 22.6582 87.6566 23.2294L85.7049 23.2294C85.8001 22.6185 86.165 22.2853 86.7601 22.2853Z" fill="white"/>
<g filter="url(#filter0_d_3933_98129)">
<path d="M51.0001 26.1015L53.0001 18.1015C53.288 17.4165 53.3152 17.3896 54.0001 17.1015L62.0001 15.1015C62.5408 14.8738 62.6894 14.5993 63.0001 14.1015C63.3107 13.6037 63.0331 11.6874 63.0001 11.1015C62.967 10.5156 62.3647 10.5613 62.0001 10.1015C61.6354 9.64177 60.563 9.267 60.0001 9.10152L44.0001 4.10152C43.5102 3.95721 42.4949 3.97542 42.0001 4.10152C41.5052 4.22762 41.3612 4.74037 41.0001 5.10152C40.639 5.46267 40.1261 5.60658 40.0001 6.10152C39.874 6.59645 39.8558 7.61158 40.0001 8.10152L45.0001 24.1015C45.1655 24.6645 45.5404 25.7368 46.0001 26.1015C46.4598 26.4662 46.4142 27.0685 47.0001 27.1015C47.5859 27.1345 49.5023 27.4123 50.0001 27.1015C50.4978 26.7908 50.7724 26.6424 51.0001 26.1015Z" fill="#FF6D2D"/>
<path d="M51.0001 26.1015L53.0001 18.1015C53.288 17.4165 53.3152 17.3896 54.0001 17.1015L62.0001 15.1015C62.5408 14.8738 62.6894 14.5993 63.0001 14.1015C63.3107 13.6037 63.0331 11.6874 63.0001 11.1015C62.967 10.5156 62.3647 10.5613 62.0001 10.1015C61.6354 9.64177 60.563 9.267 60.0001 9.10152L44.0001 4.10152C43.5102 3.95721 42.4949 3.97542 42.0001 4.10152C41.5052 4.22762 41.3612 4.74037 41.0001 5.10152C40.639 5.46267 40.1261 5.60658 40.0001 6.10152C39.874 6.59645 39.8558 7.61158 40.0001 8.10152L45.0001 24.1015C45.1655 24.6645 45.5404 25.7368 46.0001 26.1015C46.4598 26.4662 46.4142 27.0685 47.0001 27.1015C47.5859 27.1345 49.5023 27.4123 50.0001 27.1015C50.4978 26.7908 50.7724 26.6424 51.0001 26.1015Z" stroke="white" stroke-width="1.92239" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g filter="url(#filter1_d_3933_98129)">
<ellipse cx="16.5" cy="16.5" rx="16.5" ry="16.5" transform="matrix(0.999215 0.0396052 -0.24346 0.969911 106 14.1016)" fill="#5E5DC1"/>
</g>
<path d="M125.309 33.3639L126.77 27.5446C126.796 27.4414 127.047 26.6659 127.014 26.5747C126.98 26.4835 127.097 26.6295 127.014 26.5747L120.994 22.4181C120.914 22.3649 121.1 22.4223 120.994 22.4181C120.887 22.4139 121.098 22.3722 120.994 22.4181L112.026 25.981C111.917 26.0281 112.104 25.8942 112.026 25.981C111.947 26.0677 111.809 26.8477 111.782 26.9509L110.321 32.7701C110.295 32.8733 110.043 33.6488 110.077 33.74C110.111 33.8312 109.993 33.6853 110.077 33.74L117.096 37.9362C117.176 37.9894 116.99 37.932 117.096 37.9362C117.203 37.9404 116.992 37.9821 117.096 37.9362L125.065 34.3338C125.174 34.2866 124.987 34.4205 125.065 34.3338C125.143 34.247 125.282 33.467 125.309 33.3639V33.3639Z" stroke="white" stroke-width="1.16467" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M126.988 27.6953L119.019 31.2977L112 27.1016" stroke="white" stroke-width="1.16467" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M118 31.1016L115.808 39.8305" stroke="white" stroke-width="1.16467" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M116.001 54.1016L115.001 61.1016" stroke="#5E5DC1" stroke-width="1.16831" stroke-linecap="round"/>
<path d="M121.001 59.1016V64.1016" stroke="#5E5DC1" stroke-width="1.16831" stroke-linecap="round"/>
<path d="M104 54.1016V58.1016" stroke="#5E5DC1" stroke-width="1.16831" stroke-linecap="round"/>
<path d="M59.9655 64.841L62.5529 72.2693" stroke="#5E5DC1" stroke-width="1.16831" stroke-linecap="round"/>
<path d="M67 67.1016L69.2205 71.5814" stroke="#5E5DC1" stroke-width="1.16831" stroke-linecap="round"/>
<path d="M48 67.1016L49.7764 70.6855" stroke="#5E5DC1" stroke-width="1.16831" stroke-linecap="round"/>
<path d="M109 116.102C109 116.102 110.098 96.0219 132 86.1016C153.902 76.1813 174 80.1016 174 80.1016" stroke="url(#paint2_linear_3933_98129)" stroke-width="4.67324" stroke-linecap="round"/>
<path d="M193.129 103.014C190.348 104.211 186.502 105.08 183.942 104.965C181.383 104.85 179.442 104.139 177.512 102.731C175.582 101.323 173.912 99.1826 172.919 96.7065C171.926 94.2305 171.898 91.2515 172 88.1016C172.102 84.9518 172.656 81.6331 173.837 78.3114C175.019 74.9897 176.358 72.3001 178.43 69.336C180.503 66.3718 184.066 62.9144 186.698 60.7801C189.331 58.6459 191.274 57.5836 194.047 56.6194L193.129 73.0145C192.277 73.3107 191.182 73.544 190.373 74.1997C189.564 74.8555 189.172 75.0792 188.536 75.9899C187.899 76.9007 187.98 77.3644 187.617 78.385C187.254 79.4056 186.73 81.8123 186.698 82.7801C186.667 83.7479 186.393 84.0193 186.698 84.7801C187.003 85.5409 187.943 86.5574 188.536 86.9899C189.129 87.4224 189.586 87.1644 190.373 87.1997C191.159 87.2351 192.274 87.382 193.129 87.0145V103.014Z" fill="#D3B8AC"/>
<path d="M213.664 75.4027C213.664 79.7319 212.405 84.4914 210.067 88.9992C207.729 93.5069 204.433 97.5314 200.651 100.496C196.869 103.46 192.794 105.213 189.012 105.502C185.23 105.791 181.933 104.601 179.596 102.104L188.535 91.1895C189.501 92.2213 190.863 92.7128 192.427 92.5934C193.99 92.474 195.673 91.7499 197.236 90.5248C198.799 89.2997 200.161 87.6366 201.127 85.7738C202.093 83.911 202.614 81.9441 202.614 80.1551L213.664 75.4027Z" fill="#FF6D2D"/>
<path d="M193.999 58.1016C197.304 56.6803 201.185 55.1129 204.104 55.7555C208.634 56.7525 209.599 59.038 211.453 61.5948C213.308 64.1515 214.771 68.1393 215.128 72.0144C215.485 75.8895 214.514 79.514 213.291 83.8046L201.348 83.9408C201.861 82.1447 203.335 79.7728 203.186 78.1506C203.036 76.5285 201.206 75.4062 200.43 74.3359C199.654 73.2656 199.815 72.3951 198.592 72.1261C197.37 71.8571 195.383 72.5066 193.999 73.1016V58.1016Z" fill="#3F3E87"/>
<path d="M194.831 104.002C192.3 105.091 189.795 105.613 187.465 105.537C185.135 105.461 183.029 104.789 181.272 103.56C179.516 102.332 178.144 100.572 177.24 98.3869C176.337 96.2016 175.919 93.6354 176.012 90.8416C176.105 88.0478 176.707 85.0837 177.783 82.1266C178.858 79.1695 180.384 76.28 182.27 73.6309C184.156 70.9817 186.363 68.6272 188.76 66.7082C191.156 64.7892 193.692 63.345 196.217 62.4619L195.257 77.0375C194.481 77.3088 193.702 77.7526 192.966 78.3422C192.23 78.9318 191.551 79.6552 190.972 80.4692C190.393 81.2831 189.924 82.1709 189.593 83.0795C189.263 83.9881 189.078 84.8988 189.049 85.7572C189.021 86.6156 189.149 87.4041 189.427 88.0755C189.704 88.7469 190.126 89.2875 190.665 89.665C191.205 90.0424 191.852 90.249 192.568 90.2723C193.284 90.2957 194.054 90.1353 194.831 89.8008V104.002Z" fill="#FDE3D7"/>
<path d="M194.831 63.0021C198.026 61.6282 201.168 61.1615 203.962 61.6458C206.756 62.1302 209.11 63.5497 210.803 65.7708C212.495 67.992 213.471 70.9417 213.638 74.3426C213.805 77.7435 213.157 81.4838 211.757 85.2115L201.917 84.2177C202.503 82.6572 202.774 81.0915 202.704 79.6679C202.634 78.2442 202.226 77.0094 201.517 76.0796C200.809 75.1498 199.823 74.5556 198.654 74.3528C197.484 74.1501 196.169 74.3455 194.831 74.9206V63.0021Z" fill="#5E5DC1"/>
<circle cx="10.5" cy="10.5" r="10.5" transform="matrix(0.918641 -0.395094 0 1 184.999 78.1016)" fill="white"/>
<path d="M48 89.1015C48 89.1015 65.4074 83.1801 82 89.1015C98.5926 95.0229 104 109.101 104 109.101" stroke="url(#paint3_linear_3933_98129)" stroke-width="4.67324" stroke-linecap="round"/>
<g clip-path="url(#clip0_3933_98129)">
<g clip-path="url(#clip1_3933_98129)">
<path d="M3.72961 82.4421C3.72961 81.0614 4.79846 79.6099 6.11694 79.2001C7.43543 78.7902 8.50427 79.5773 8.50427 80.958V106.958C8.50427 108.339 7.43543 109.79 6.11694 110.2C4.79846 110.61 3.72961 109.823 3.72961 108.442V82.4421Z" fill="#DADAF0"/>
<path d="M3.72961 91.4421C3.72961 90.0614 4.79846 88.6099 6.11694 88.2001C7.43543 87.7902 8.50427 88.5773 8.50427 89.958V106.958C8.50427 108.339 7.43543 109.79 6.11694 110.2C4.79846 110.61 3.72961 109.823 3.72961 108.442V91.4421Z" fill="#5E5DC1"/>
</g>
<g clip-path="url(#clip2_3933_98129)">
<path d="M13.0208 68.5542C13.0208 67.1735 14.0896 65.722 15.4081 65.3121C16.7266 64.9023 17.7954 65.6894 17.7954 67.0701V103.07C17.7954 104.451 16.7266 105.902 15.4081 106.312C14.0896 106.722 13.0208 105.935 13.0208 104.554V68.5542Z" fill="#DADAF0"/>
<path d="M13.0208 80.5542C13.0208 79.1735 14.0896 77.722 15.4081 77.3121C16.7266 76.9023 17.7954 77.6894 17.7954 79.0701V103.07C17.7954 104.451 16.7266 105.902 15.4081 106.312C14.0896 106.722 13.0208 105.935 13.0208 104.554V80.5542Z" fill="#5E5DC1"/>
</g>
<g clip-path="url(#clip3_3933_98129)">
<path d="M22.3118 86.6663C22.3118 85.2855 23.3806 83.834 24.6991 83.4242C26.0176 83.0144 27.0864 83.8014 27.0864 85.1821V100.182C27.0864 101.563 26.0176 103.014 24.6991 103.424C23.3806 103.834 22.3118 103.047 22.3118 101.666V86.6663Z" fill="#DADAF0"/>
<path d="M22.3118 93.6663C22.3118 92.2855 23.3806 90.834 24.6991 90.4242C26.0176 90.0144 27.0864 90.8014 27.0864 92.1821V102.182C27.0864 103.563 26.0176 105.014 24.6991 105.424C23.3806 105.834 22.3118 105.047 22.3118 103.666V93.6663Z" fill="#5E5DC1"/>
</g>
<g clip-path="url(#clip4_3933_98129)">
<path d="M31.6028 70.7783C31.6028 69.3976 32.6716 67.9461 33.9901 67.5363C35.3086 67.1264 36.3774 67.9135 36.3774 69.2942V97.2942C36.3774 98.6749 35.3086 100.126 33.9901 100.536C32.6716 100.946 31.6028 100.159 31.6028 98.7783V70.7783Z" fill="#DADAF0"/>
<path d="M31.6028 79.7783C31.6028 78.3976 32.6716 76.9461 33.9901 76.5363C35.3086 76.1264 36.3774 76.9135 36.3774 78.2942V97.2942C36.3774 98.6749 35.3086 100.126 33.9901 100.536C32.6716 100.946 31.6028 100.159 31.6028 98.7783V79.7783Z" fill="#5E5DC1"/>
</g>
</g>
<rect width="44" height="11.9998" rx="5.99988" transform="matrix(0.975292 -0.220918 0.438783 0.898593 19.0001 54.1018)" fill="#2B2F3C"/>
<rect width="33" height="11.9998" rx="5.99988" transform="matrix(0.975292 -0.220918 0.438783 0.898593 19.0001 54.1018)" fill="#5E5DC1"/>
<mask id="mask0_3933_98129" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="21" y="47" width="34" height="17">
<rect width="33" height="11.9998" rx="5.99988" transform="matrix(0.975292 -0.220918 0.438783 0.898593 19 54.1016)" fill="#7962EE"/>
</mask>
<g mask="url(#mask0_3933_98129)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.9802 42.8046L9.64047 68.5534L10.5413 68.9851L22.881 43.2363L21.9802 42.8046ZM25.961 41.9029L13.6213 67.6517L14.5221 68.0833L26.8618 42.3346L25.961 41.9029ZM17.6022 66.7499L29.9419 41.0012L30.8427 41.4329L18.503 67.1816L17.6022 66.7499ZM33.9227 40.0995L21.583 65.8482L22.4838 66.2799L34.8235 40.5311L33.9227 40.0995ZM25.5639 64.9465L37.9036 39.1977L38.8044 39.6294L26.4647 65.3782L25.5639 64.9465ZM41.8845 38.296L29.5447 64.0448L30.4455 64.4765L42.7852 38.7277L41.8845 38.296ZM33.5256 63.143L45.8653 37.3943L46.7661 37.826L34.4264 63.5747L33.5256 63.143ZM49.8462 36.4926L37.5065 62.2413L38.4072 62.673L50.7469 36.9243L49.8462 36.4926ZM41.4873 61.3396L53.827 35.5909L54.7278 36.0225L42.3881 61.7713L41.4873 61.3396ZM57.8079 34.6891L45.4682 60.4379L46.3689 60.8696L58.7087 35.1208L57.8079 34.6891ZM49.449 59.5362L61.7887 33.7874L62.6895 34.2191L50.3498 59.9678L49.449 59.5362ZM65.7696 32.8857L53.4299 58.6344L54.3307 59.0661L66.6704 33.3174L65.7696 32.8857ZM57.4107 57.7327L69.7504 31.984L70.6512 32.4157L58.3115 58.1644L57.4107 57.7327ZM73.7313 31.0822L61.3916 56.831L62.2924 57.2627L74.6321 31.5139L73.7313 31.0822ZM65.3724 55.9293L77.7121 30.1805L78.6129 30.6122L66.2732 56.361L65.3724 55.9293ZM81.693 29.2788L69.3533 55.0276L70.2541 55.4592L82.5938 29.7105L81.693 29.2788Z" fill="white"/>
</g>
<g filter="url(#filter2_d_3933_98129)">
<g clip-path="url(#clip5_3933_98129)">
<rect width="26" height="14" rx="7" transform="matrix(0.995796 0.091597 -0.292925 0.956136 145 43.1016)" fill="#EE7541"/>
<g filter="url(#filter3_dd_3933_98129)">
<circle cx="5.84155" cy="5.84155" r="5.84155" transform="matrix(0.995796 0.091597 -0.292925 0.956136 157.754 45.4136)" fill="white"/>
</g>
</g>
</g>
<defs>
<filter id="filter0_d_3933_98129" x="31.8886" y="0.475626" width="39.2671" height="39.2672" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4.48559"/>
<feGaussianBlur stdDeviation="3.52439"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3933_98129"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3933_98129" result="shape"/>
</filter>
<filter id="filter1_d_3933_98129" x="101.497" y="14.7415" width="34.7327" height="34.3926" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="0.78615" dy="2.35845"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.168627 0 0 0 0 0.184314 0 0 0 0 0.235294 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3933_98129"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3933_98129" result="shape"/>
</filter>
<filter id="filter2_d_3933_98129" x="140.02" y="43.1016" width="38.186" height="21.4304" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2.33662" dy="2.33662"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.168627 0 0 0 0 0.184314 0 0 0 0 0.235294 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3933_98129"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3933_98129" result="shape"/>
</filter>
<filter id="filter3_dd_3933_98129" x="152.795" y="43.9226" width="18.1301" height="17.2227" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.06 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3933_98129"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="effect1_dropShadow_3933_98129" result="effect2_dropShadow_3933_98129"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_3933_98129" result="shape"/>
</filter>
<linearGradient id="paint0_linear_3933_98129" x1="74.4237" y1="171.387" x2="68.4597" y2="185.994" gradientUnits="userSpaceOnUse">
<stop stop-color="#EDEDED"/>
<stop offset="1" stop-color="#F7F7F7" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_3933_98129" x1="38.2251" y1="18.041" x2="92.3662" y2="110.905" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF6D2D"/>
<stop offset="1" stop-color="#FF6D2D" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_3933_98129" x1="175.806" y1="81.0045" x2="131.83" y2="118.977" gradientUnits="userSpaceOnUse">
<stop stop-color="#5E5DC1"/>
<stop offset="1" stop-color="#5E5DC1" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint3_linear_3933_98129" x1="45.9259" y1="86.7313" x2="99.2287" y2="81.326" gradientUnits="userSpaceOnUse">
<stop stop-color="#5E5DC1"/>
<stop offset="1" stop-color="#5E5DC1" stop-opacity="0"/>
</linearGradient>
<clipPath id="clip0_3933_98129">
<rect width="42" height="46" fill="white" transform="matrix(0.954932 -0.296826 0 1 0 65.1016)"/>
</clipPath>
<clipPath id="clip1_3933_98129">
<path d="M3.72961 81.244C3.72961 80.525 4.28622 79.7691 4.97284 79.5557L7.26105 78.8444C7.94766 78.631 8.50427 79.0409 8.50427 79.7599V109.458L3.72961 110.942V81.244Z" fill="white"/>
</clipPath>
<clipPath id="clip2_3933_98129">
<path d="M13.0208 67.3561C13.0208 66.6371 13.5774 65.8812 14.264 65.6678L16.5522 64.9565C17.2388 64.7431 17.7954 65.153 17.7954 65.872V105.57L13.0208 107.054V67.3561Z" fill="white"/>
</clipPath>
<clipPath id="clip3_3933_98129">
<path d="M22.3118 85.4682C22.3118 84.7491 22.8684 83.9932 23.555 83.7798L25.8432 83.0686C26.5298 82.8551 27.0864 83.265 27.0864 83.984V102.682L22.3118 104.166V85.4682Z" fill="white"/>
</clipPath>
<clipPath id="clip4_3933_98129">
<path d="M31.6028 69.5802C31.6028 68.8612 32.1594 68.1053 32.846 67.8919L35.1342 67.1806C35.8208 66.9672 36.3774 67.3771 36.3774 68.0961V99.7942L31.6028 101.278V69.5802Z" fill="white"/>
</clipPath>
<clipPath id="clip5_3933_98129">
<rect width="26" height="14" rx="7" transform="matrix(0.995796 0.091597 -0.292925 0.956136 145 43.1016)" fill="white"/>
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 21 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 103 KiB

View File

@ -193,7 +193,7 @@ export default function LeftPane() {
to="/settings/business-edition"
>
<div>
<Icon name="arrow-right-up-line" size={IconSize.XL} />
<Icon name="arrow-up-line" size={IconSize.XL} />
</div>
<div>{camelCase(createMessage(UPGRADE))}</div>
</StyledLink>

View File

@ -1,7 +1,5 @@
import React from "react";
import styled from "styled-components";
import BETextImage from "assets/svg/be-upgrade/upgrade-to-be-text.svg";
import BECtaImage from "assets/svg/be-upgrade/be-cta.svg";
import {
createMessage,
MOVE_TO_BUSINESS_EDITION,
@ -9,6 +7,7 @@ import {
import { FooterComponent } from "../Footer";
import useOnUpgrade from "utils/hooks/useOnUpgrade";
import { Colors } from "constants/Colors";
import { ASSETS_CDN_URL } from "constants/ThirdPartyConstants";
export const UpgradeToBEPageWrapper = styled.div`
width: 100%;
@ -19,10 +18,10 @@ export const UpgradeToBEPageWrapper = styled.div`
`;
export const ImageContainer = styled.div`
min-width: 400px;
img {
width: 600px;
height: 600px;
width: 500px;
height: 500px;
min-width: 400px;
}
`;
@ -33,6 +32,9 @@ export const FooterContainer = styled.div`
margin-left: 256px;
height: 90px;
z-index: 2;
.left {
min-width: 100px;
}
}
`;
@ -50,29 +52,26 @@ export const Overlay = styled.div`
export const FlexContainer = styled.div`
display: flex;
align-items: center;
height: calc(100% - 96px);
width: 100%;
height: calc(100% - 96px);
justify-content: center;
min-width: 1200px;
`;
export const LeftWrapper = styled.div`
min-width: 700px;
img {
width: 1000px;
height: 1000px;
min-width: 500px;
width: 600px;
height: 600px;
}
`;
export const ContentWrapper = styled.div`
display: flex;
height: 100%;
width: 1000px;
flex-direction: row;
padding: 48px 200px;
align-items: center;
justify-content: center;
min-width: 900px;
overflow: hidden;
`;
export const UpgradeToBEPage = () => {
@ -87,10 +86,16 @@ export const UpgradeToBEPage = () => {
<FlexContainer className="flex-container">
<ContentWrapper className="content-wrapper">
<LeftWrapper>
<img alt="text-content" src={BETextImage} />
<img
alt="text-content"
src={`${ASSETS_CDN_URL}/business-features.svg`}
/>
</LeftWrapper>
<ImageContainer>
<img alt="Upgrade to Business Edition" src={BECtaImage} />
<img
alt="Upgrade to Business Edition"
src={`${ASSETS_CDN_URL}/upgrade-box.svg`}
/>
</ImageContainer>
</ContentWrapper>
</FlexContainer>

View File

@ -16,6 +16,7 @@ export interface TenantReduxState<T> {
tenantConfiguration: Record<string, T>;
new: boolean;
isLoading: boolean;
instanceId: string;
}
export const defaultBrandingConfig = {
@ -33,6 +34,7 @@ export const initialState: TenantReduxState<any> = {
},
new: false,
isLoading: true,
instanceId: "",
};
export const handlers = {
@ -54,6 +56,7 @@ export const handlers = {
...action.payload.tenantConfiguration,
},
isLoading: false,
instanceId: action.payload.instanceId,
}),
[ReduxActionErrorTypes.FETCH_CURRENT_TENANT_CONFIG_ERROR]: (
state: TenantReduxState<any>,

View File

@ -33,3 +33,6 @@ export const isTenantLoading = (state: AppState) => {
export const getGoogleMapsApiKey = (state: AppState): string | undefined =>
state.tenant?.tenantConfiguration?.googleMapsKey as string | undefined;
export const getInstanceId = (state: AppState): string =>
state.tenant?.instanceId;

View File

@ -3,7 +3,7 @@ import {
createMessage,
UPGRADE_TO_EE_GENERIC,
} from "@appsmith/constants/messages";
import { getTenantConfig } from "@appsmith/selectors/tenantSelectors";
import { getInstanceId } from "@appsmith/selectors/tenantSelectors";
import { useSelector } from "react-redux";
import { selectFeatureFlags } from "selectors/usersSelectors";
import AnalyticsUtil, { EventName } from "utils/AnalyticsUtil";
@ -19,7 +19,7 @@ type Props = {
const useOnUpgrade = (props: Props) => {
const { intercomMessage, logEventData, logEventName } = props;
const features = useSelector(selectFeatureFlags);
const tenantConfig = useSelector(getTenantConfig);
const instanceId = useSelector(getInstanceId);
const triggerIntercom = (message: string) => {
if (intercomAppID && window.Intercom) {
@ -34,7 +34,7 @@ const useOnUpgrade = (props: Props) => {
);
if (features.USAGE_AND_BILLING) {
window.open(
`https://www.appsmith.com/api/preview?secret=8JPsJRnSkt6Va8FzxUPFhZezxZuHRnSU&slug=pricing-preview?source=CE&instance=${tenantConfig?.instanceId}`,
`https://www.appsmith.com/api/preview?secret=8JPsJRnSkt6Va8FzxUPFhZezxZuHRnSU&slug=pricing-preview?source=CE&instance=${instanceId}`,
"_blank",
);
} else {

View File

@ -6249,10 +6249,10 @@ depd@~1.1.2:
version "1.1.2"
resolved "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz"
"design-system-old@npm:@appsmithorg/design-system-old@1.0.48":
version "1.0.48"
resolved "https://registry.yarnpkg.com/@appsmithorg/design-system-old/-/design-system-old-1.0.48.tgz#69c1a1421486af8be52cbad4d3d7c261ba206ed2"
integrity sha512-W03JOzbyhDIEdT0KGnXJh36xrve2/bLi/cGJxpWVSfvYgxWjEFITFszpAt8MORg9JF4rD9DKMrvUEG/dnTzyLg==
"design-system-old@npm:@appsmithorg/design-system-old@1.0.50":
version "1.0.50"
resolved "https://registry.yarnpkg.com/@appsmithorg/design-system-old/-/design-system-old-1.0.50.tgz#5d41257c71bf0ba8620858bec9a79b70090c9857"
integrity sha512-0SgeKURwh7XvMmeYv3Yz3ldCgjuBW6yD1hnXc/9Pndm1Rtcth34jjvsqtUfZmh1Dvs7xhbtOtCAxfHEPKZ4wQg==
dependencies:
emoji-mart "3.0.1"