npm - fuse-importer - Versions diffs - 0.18.0 → 0.21.0 - Mend

fuse-importer 0.18.0 → 0.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (63) hide show

package/lib/esm/Importer/Footer.js CHANGED Viewed

@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { colors } from "../styled/theme/colorPalette";
 import { Div } from "../styled/utils";
 var Footer = function () {
-    return (_jsx(Div, __assign({ centered: true, c: colors.gray600, pt: 65, pb: 50 }, { children: logoUI }), void 0));
+    return (_jsx(Div, __assign({ centered: true, c: colors.gray600, pt: 65, pb: 50 }, { children: logoUI })));
 };
 export { Footer };
-var logoUI = (_jsxs("svg", __assign({ width: "222", height: "22", viewBox: "0 0 222 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M3.47895 15V6.6H6.41895C7.07495 6.6 7.61895 6.712 8.05095 6.936C8.48295 7.152 8.80295 7.452 9.01095 7.836C9.22695 8.212 9.33495 8.64 9.33495 9.12C9.33495 9.576 9.23095 9.996 9.02295 10.38C8.82295 10.756 8.50695 11.056 8.07495 11.28C7.64295 11.504 7.09095 11.616 6.41895 11.616H4.75095V15H3.47895ZM4.75095 10.572H6.35895C6.95895 10.572 7.38695 10.444 7.64295 10.188C7.90695 9.924 8.03895 9.568 8.03895 9.12C8.03895 8.656 7.90695 8.296 7.64295 8.04C7.38695 7.776 6.95895 7.644 6.35895 7.644H4.75095V10.572ZM13.0001 15.144C12.4321 15.144 11.9201 15.016 11.4641 14.76C11.0161 14.496 10.6601 14.132 10.3961 13.668C10.1321 13.196 10.0001 12.648 10.0001 12.024C10.0001 11.4 10.1321 10.856 10.3961 10.392C10.6681 9.92 11.0321 9.556 11.4881 9.3C11.9441 9.036 12.4521 8.904 13.0121 8.904C13.5801 8.904 14.0881 9.036 14.5361 9.3C14.9921 9.556 15.3521 9.92 15.6161 10.392C15.8881 10.856 16.0241 11.4 16.0241 12.024C16.0241 12.648 15.8881 13.196 15.6161 13.668C15.3521 14.132 14.9921 14.496 14.5361 14.76C14.0801 15.016 13.5681 15.144 13.0001 15.144ZM13.0001 14.052C13.3041 14.052 13.5841 13.976 13.8401 13.824C14.1041 13.672 14.3161 13.448 14.4761 13.152C14.6361 12.848 14.7161 12.472 14.7161 12.024C14.7161 11.576 14.6361 11.204 14.4761 10.908C14.3241 10.604 14.1161 10.376 13.8521 10.224C13.5961 10.072 13.3161 9.996 13.0121 9.996C12.7081 9.996 12.4241 10.072 12.1601 10.224C11.9041 10.376 11.6961 10.604 11.5361 10.908C11.3761 11.204 11.2961 11.576 11.2961 12.024C11.2961 12.472 11.3761 12.848 11.5361 13.152C11.6961 13.448 11.9041 13.672 12.1601 13.824C12.4161 13.976 12.6961 14.052 13.0001 14.052ZM18.365 15L16.613 9.048H17.885L19.037 13.536L20.333 9.048H21.749L23.045 13.536L24.197 9.048H25.469L23.717 15H22.409L21.041 10.32L19.673 15H18.365ZM29.0782 15.144C28.4942 15.144 27.9742 15.016 27.5182 14.76C27.0702 14.496 26.7182 14.132 26.4622 13.668C26.2062 13.204 26.0782 12.664 26.0782 12.048C26.0782 11.424 26.2022 10.876 26.4502 10.404C26.7062 9.932 27.0582 9.564 27.5062 9.3C27.9622 9.036 28.4902 8.904 29.0902 8.904C29.6742 8.904 30.1822 9.036 30.6142 9.3C31.0462 9.556 31.3822 9.9 31.6222 10.332C31.8622 10.764 31.9822 11.24 31.9822 11.76C31.9822 11.84 31.9782 11.928 31.9702 12.024C31.9702 12.112 31.9662 12.212 31.9582 12.324H27.3262C27.3662 12.9 27.5542 13.34 27.8902 13.644C28.2342 13.94 28.6302 14.088 29.0782 14.088C29.4382 14.088 29.7382 14.008 29.9782 13.848C30.2262 13.68 30.4102 13.456 30.5302 13.176H31.8022C31.6422 13.736 31.3222 14.204 30.8422 14.58C30.3702 14.956 29.7822 15.144 29.0782 15.144ZM29.0782 9.948C28.6542 9.948 28.2782 10.076 27.9502 10.332C27.6222 10.58 27.4222 10.956 27.3502 11.46H30.7102C30.6862 10.996 30.5222 10.628 30.2182 10.356C29.9142 10.084 29.5342 9.948 29.0782 9.948ZM33.302 15V9.048H34.442L34.55 10.176C34.758 9.784 35.046 9.476 35.414 9.252C35.79 9.02 36.242 8.904 36.77 8.904V10.236H36.422C36.07 10.236 35.754 10.296 35.474 10.416C35.202 10.528 34.982 10.724 34.814 11.004C34.654 11.276 34.574 11.656 34.574 12.144V15H33.302ZM40.4806 15.144C39.8966 15.144 39.3766 15.016 38.9206 14.76C38.4726 14.496 38.1206 14.132 37.8646 13.668C37.6086 13.204 37.4806 12.664 37.4806 12.048C37.4806 11.424 37.6046 10.876 37.8526 10.404C38.1086 9.932 38.4606 9.564 38.9086 9.3C39.3646 9.036 39.8926 8.904 40.4926 8.904C41.0766 8.904 41.5846 9.036 42.0166 9.3C42.4486 9.556 42.7846 9.9 43.0246 10.332C43.2646 10.764 43.3846 11.24 43.3846 11.76C43.3846 11.84 43.3806 11.928 43.3726 12.024C43.3726 12.112 43.3686 12.212 43.3606 12.324H38.7286C38.7686 12.9 38.9566 13.34 39.2926 13.644C39.6366 13.94 40.0326 14.088 40.4806 14.088C40.8406 14.088 41.1406 14.008 41.3806 13.848C41.6286 13.68 41.8126 13.456 41.9326 13.176H43.2046C43.0446 13.736 42.7246 14.204 42.2446 14.58C41.7726 14.956 41.1846 15.144 40.4806 15.144ZM40.4806 9.948C40.0566 9.948 39.6806 10.076 39.3526 10.332C39.0246 10.58 38.8246 10.956 38.7526 11.46H42.1126C42.0886 10.996 41.9246 10.628 41.6206 10.356C41.3166 10.084 40.9366 9.948 40.4806 9.948ZM47.4164 15.144C46.8404 15.144 46.3324 15.008 45.8924 14.736C45.4524 14.464 45.1084 14.092 44.8604 13.62C44.6124 13.148 44.4884 12.612 44.4884 12.012C44.4884 11.412 44.6124 10.88 44.8604 10.416C45.1084 9.944 45.4524 9.576 45.8924 9.312C46.3404 9.04 46.8524 8.904 47.4284 8.904C47.9004 8.904 48.3124 8.996 48.6644 9.18C49.0244 9.364 49.3044 9.624 49.5044 9.96V6.36H50.7764V15H49.6364L49.5044 14.076C49.3124 14.356 49.0484 14.604 48.7124 14.82C48.3764 15.036 47.9444 15.144 47.4164 15.144ZM47.6444 14.04C48.1884 14.04 48.6324 13.852 48.9764 13.476C49.3284 13.1 49.5044 12.616 49.5044 12.024C49.5044 11.424 49.3284 10.94 48.9764 10.572C48.6324 10.196 48.1884 10.008 47.6444 10.008C47.1004 10.008 46.6524 10.196 46.3004 10.572C45.9484 10.94 45.7724 11.424 45.7724 12.024C45.7724 12.416 45.8524 12.764 46.0124 13.068C46.1724 13.372 46.3924 13.612 46.6724 13.788C46.9604 13.956 47.2844 14.04 47.6444 14.04ZM58.7516 15.144C58.2876 15.144 57.8756 15.052 57.5156 14.868C57.1636 14.684 56.8836 14.424 56.6756 14.088L56.5436 15H55.4036V6.36H56.6756V9.972C56.8676 9.692 57.1316 9.444 57.4676 9.228C57.8036 9.012 58.2356 8.904 58.7636 8.904C59.3396 8.904 59.8476 9.04 60.2876 9.312C60.7276 9.584 61.0716 9.956 61.3196 10.428C61.5756 10.9 61.7036 11.436 61.7036 12.036C61.7036 12.636 61.5756 13.172 61.3196 13.644C61.0716 14.108 60.7276 14.476 60.2876 14.748C59.8476 15.012 59.3356 15.144 58.7516 15.144ZM58.5356 14.04C59.0796 14.04 59.5276 13.856 59.8796 13.488C60.2316 13.112 60.4076 12.624 60.4076 12.024C60.4076 11.632 60.3276 11.284 60.1676 10.98C60.0076 10.676 59.7876 10.44 59.5076 10.272C59.2276 10.096 58.9036 10.008 58.5356 10.008C57.9916 10.008 57.5436 10.196 57.1916 10.572C56.8476 10.948 56.6756 11.432 56.6756 12.024C56.6756 12.624 56.8476 13.112 57.1916 13.488C57.5436 13.856 57.9916 14.04 58.5356 14.04ZM63.2715 17.64L64.6995 14.508H64.3515L61.9995 9.048H63.3795L65.2035 13.452L67.1115 9.048H68.4555L64.6155 17.64H63.2715Z", fill: "#7F7F7F" }, void 0), _jsx("path", { d: "M78.5716 19L87.8742 19C88.1922 19 88.4912 18.8488 88.6796 18.5927L93.8355 11.5863C94.0926 11.2368 94.0951 10.7614 93.8416 10.4093L88.507 3L78.1581 18.2188C77.9324 18.5508 78.1702 19 78.5716 19Z", fill: "#FD395E" }, void 0), _jsx("path", { d: "M78.1581 3.78122L83.067 11L88.507 3.00006L78.5716 3.00006C78.1702 3.00006 77.9324 3.44926 78.1581 3.78122Z", fill: "url(#paint0_linear_1540_41227)" }, void 0), _jsx("path", { d: "M85.3068 3.00006L83.0668 11L88.5068 3.00006L85.3068 3.00006Z", fill: "#8A0E25" }, void 0), _jsx("path", { d: "M101.421 14.6799H103.759V11.1474H107.141V9.48804H103.759V7.56465H107.292V5.90525H101.421V14.6799Z", fill: "#1C1C1C" }, void 0), _jsx("path", { d: "M109.978 14.6799H115.937V12.9451H112.316V5.90525H109.978V14.6799Z", fill: "#1C1C1C" }, void 0), _jsx("path", { d: "M117.755 14.6799H120.131L120.823 12.8068H124.116L124.77 14.6799H127.335L123.953 5.90525H121.087L117.755 14.6799ZM123.563 11.1474H121.363L122.495 7.7155H122.52L123.563 11.1474Z", fill: "#1C1C1C" }, void 0), _jsx("path", { d: "M130.414 14.6799H132.752V7.64007H134.914V5.90525H128.252V7.64007H130.414V14.6799Z", fill: "#1C1C1C" }, void 0), _jsx("path", { d: "M137.512 14.6799H139.851V5.90525H137.512V14.6799Z", fill: "#1C1C1C" }, void 0), _jsx("path", { d: "M143.044 14.6799H145.382V11.2103H145.872C146.74 11.2103 147.041 11.5874 147.519 13.096L148.022 14.6799H150.461L149.606 12.2914C149.166 11.2229 149.115 10.5566 148.361 10.3555V10.3303C149.493 10.0663 150.046 9.2869 150.046 8.11778C150.046 6.60924 148.776 5.90525 147.217 5.90525H143.044V14.6799ZM145.382 7.56465H145.998C146.89 7.56465 147.708 7.7155 147.708 8.53263C147.708 9.52575 146.752 9.5509 145.998 9.5509H145.382V7.56465Z", fill: "#1C1C1C" }, void 0), _jsx("path", { d: "M152.673 10.2926C152.673 13.0834 154.207 14.8308 157.073 14.8308C159.939 14.8308 161.473 13.0834 161.473 10.2926C161.473 7.47665 159.964 5.75439 157.073 5.75439C154.182 5.75439 152.673 7.47665 152.673 10.2926ZM155.087 10.2926C155.087 8.77148 155.652 7.48922 157.073 7.48922C158.493 7.48922 159.059 8.77148 159.059 10.2926C159.059 11.7383 158.493 13.096 157.073 13.096C155.652 13.096 155.087 11.7383 155.087 10.2926Z", fill: "#1C1C1C" }, void 0), _jsx("path", { d: "M164.331 14.6799H166.48L166.405 8.68348H166.43L169.497 14.6799H172.401V5.90525H170.264L170.302 11.864H170.277L167.31 5.90525H164.331V14.6799Z", fill: "#1C1C1C" }, void 0), _jsx("path", { d: "M175.41 14.4537C176.189 14.7051 177.207 14.8308 178.025 14.8308C179.973 14.8308 181.884 14.2148 181.884 11.9394C181.884 8.77148 177.735 9.72689 177.735 8.30635C177.735 7.53951 178.716 7.48922 179.307 7.48922C179.973 7.48922 180.652 7.61493 181.255 7.8915L181.406 6.08125C180.815 5.88011 179.986 5.75439 179.143 5.75439C177.383 5.75439 175.322 6.33267 175.322 8.44463C175.322 11.6377 179.47 10.6069 179.47 12.2411C179.47 12.9451 178.766 13.096 178.025 13.096C177.057 13.096 176.214 12.8446 175.611 12.5177L175.41 14.4537Z", fill: "#1C1C1C" }, void 0), _jsx("path", { d: "M184.781 14.6799H187.119V11.1474H190.501V9.48804H187.119V7.56465H190.652V5.90525H184.781V14.6799Z", fill: "#FD395E" }, void 0), _jsx("path", { d: "M200.906 5.90525H198.568V10.9589C198.568 12.1154 198.253 13.096 197.059 13.096C195.865 13.096 195.551 12.1154 195.551 10.9589V5.90525H193.212V11.3486C193.212 13.7497 194.771 14.8308 197.059 14.8308C199.347 14.8308 200.906 13.7497 200.906 11.3486V5.90525Z", fill: "#FD395E" }, void 0), _jsx("path", { d: "M203.743 14.4537C204.522 14.7051 205.541 14.8308 206.358 14.8308C208.306 14.8308 210.217 14.2148 210.217 11.9394C210.217 8.77148 206.069 9.72689 206.069 8.30635C206.069 7.53951 207.049 7.48922 207.64 7.48922C208.306 7.48922 208.985 7.61493 209.589 7.8915L209.739 6.08125C209.149 5.88011 208.319 5.75439 207.477 5.75439C205.717 5.75439 203.655 6.33267 203.655 8.44463C203.655 11.6377 207.803 10.6069 207.803 12.2411C207.803 12.9451 207.099 13.096 206.358 13.096C205.39 13.096 204.547 12.8446 203.944 12.5177L203.743 14.4537Z", fill: "#FD395E" }, void 0), _jsx("path", { d: "M213.05 14.6799H219.373V13.0205H215.388V11.0343H219.021V9.3749H215.388V7.56465H219.235V5.90525H213.05V14.6799Z", fill: "#FD395E" }, void 0), _jsx("defs", { children: _jsxs("linearGradient", __assign({ id: "paint0_linear_1540_41227", x1: "76.5", y1: "3.00006", x2: "88.7401", y2: "7.14128", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: "0.03125", stopColor: "#CA405A", stopOpacity: "0.958429" }, void 0), _jsx("stop", { offset: "1", stopColor: "#A2243B" }, void 0)] }), void 0) }, void 0)] }), void 0));
+var logoUI = (_jsxs("svg", __assign({ width: "222", height: "22", viewBox: "0 0 222 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M3.47895 15V6.6H6.41895C7.07495 6.6 7.61895 6.712 8.05095 6.936C8.48295 7.152 8.80295 7.452 9.01095 7.836C9.22695 8.212 9.33495 8.64 9.33495 9.12C9.33495 9.576 9.23095 9.996 9.02295 10.38C8.82295 10.756 8.50695 11.056 8.07495 11.28C7.64295 11.504 7.09095 11.616 6.41895 11.616H4.75095V15H3.47895ZM4.75095 10.572H6.35895C6.95895 10.572 7.38695 10.444 7.64295 10.188C7.90695 9.924 8.03895 9.568 8.03895 9.12C8.03895 8.656 7.90695 8.296 7.64295 8.04C7.38695 7.776 6.95895 7.644 6.35895 7.644H4.75095V10.572ZM13.0001 15.144C12.4321 15.144 11.9201 15.016 11.4641 14.76C11.0161 14.496 10.6601 14.132 10.3961 13.668C10.1321 13.196 10.0001 12.648 10.0001 12.024C10.0001 11.4 10.1321 10.856 10.3961 10.392C10.6681 9.92 11.0321 9.556 11.4881 9.3C11.9441 9.036 12.4521 8.904 13.0121 8.904C13.5801 8.904 14.0881 9.036 14.5361 9.3C14.9921 9.556 15.3521 9.92 15.6161 10.392C15.8881 10.856 16.0241 11.4 16.0241 12.024C16.0241 12.648 15.8881 13.196 15.6161 13.668C15.3521 14.132 14.9921 14.496 14.5361 14.76C14.0801 15.016 13.5681 15.144 13.0001 15.144ZM13.0001 14.052C13.3041 14.052 13.5841 13.976 13.8401 13.824C14.1041 13.672 14.3161 13.448 14.4761 13.152C14.6361 12.848 14.7161 12.472 14.7161 12.024C14.7161 11.576 14.6361 11.204 14.4761 10.908C14.3241 10.604 14.1161 10.376 13.8521 10.224C13.5961 10.072 13.3161 9.996 13.0121 9.996C12.7081 9.996 12.4241 10.072 12.1601 10.224C11.9041 10.376 11.6961 10.604 11.5361 10.908C11.3761 11.204 11.2961 11.576 11.2961 12.024C11.2961 12.472 11.3761 12.848 11.5361 13.152C11.6961 13.448 11.9041 13.672 12.1601 13.824C12.4161 13.976 12.6961 14.052 13.0001 14.052ZM18.365 15L16.613 9.048H17.885L19.037 13.536L20.333 9.048H21.749L23.045 13.536L24.197 9.048H25.469L23.717 15H22.409L21.041 10.32L19.673 15H18.365ZM29.0782 15.144C28.4942 15.144 27.9742 15.016 27.5182 14.76C27.0702 14.496 26.7182 14.132 26.4622 13.668C26.2062 13.204 26.0782 12.664 26.0782 12.048C26.0782 11.424 26.2022 10.876 26.4502 10.404C26.7062 9.932 27.0582 9.564 27.5062 9.3C27.9622 9.036 28.4902 8.904 29.0902 8.904C29.6742 8.904 30.1822 9.036 30.6142 9.3C31.0462 9.556 31.3822 9.9 31.6222 10.332C31.8622 10.764 31.9822 11.24 31.9822 11.76C31.9822 11.84 31.9782 11.928 31.9702 12.024C31.9702 12.112 31.9662 12.212 31.9582 12.324H27.3262C27.3662 12.9 27.5542 13.34 27.8902 13.644C28.2342 13.94 28.6302 14.088 29.0782 14.088C29.4382 14.088 29.7382 14.008 29.9782 13.848C30.2262 13.68 30.4102 13.456 30.5302 13.176H31.8022C31.6422 13.736 31.3222 14.204 30.8422 14.58C30.3702 14.956 29.7822 15.144 29.0782 15.144ZM29.0782 9.948C28.6542 9.948 28.2782 10.076 27.9502 10.332C27.6222 10.58 27.4222 10.956 27.3502 11.46H30.7102C30.6862 10.996 30.5222 10.628 30.2182 10.356C29.9142 10.084 29.5342 9.948 29.0782 9.948ZM33.302 15V9.048H34.442L34.55 10.176C34.758 9.784 35.046 9.476 35.414 9.252C35.79 9.02 36.242 8.904 36.77 8.904V10.236H36.422C36.07 10.236 35.754 10.296 35.474 10.416C35.202 10.528 34.982 10.724 34.814 11.004C34.654 11.276 34.574 11.656 34.574 12.144V15H33.302ZM40.4806 15.144C39.8966 15.144 39.3766 15.016 38.9206 14.76C38.4726 14.496 38.1206 14.132 37.8646 13.668C37.6086 13.204 37.4806 12.664 37.4806 12.048C37.4806 11.424 37.6046 10.876 37.8526 10.404C38.1086 9.932 38.4606 9.564 38.9086 9.3C39.3646 9.036 39.8926 8.904 40.4926 8.904C41.0766 8.904 41.5846 9.036 42.0166 9.3C42.4486 9.556 42.7846 9.9 43.0246 10.332C43.2646 10.764 43.3846 11.24 43.3846 11.76C43.3846 11.84 43.3806 11.928 43.3726 12.024C43.3726 12.112 43.3686 12.212 43.3606 12.324H38.7286C38.7686 12.9 38.9566 13.34 39.2926 13.644C39.6366 13.94 40.0326 14.088 40.4806 14.088C40.8406 14.088 41.1406 14.008 41.3806 13.848C41.6286 13.68 41.8126 13.456 41.9326 13.176H43.2046C43.0446 13.736 42.7246 14.204 42.2446 14.58C41.7726 14.956 41.1846 15.144 40.4806 15.144ZM40.4806 9.948C40.0566 9.948 39.6806 10.076 39.3526 10.332C39.0246 10.58 38.8246 10.956 38.7526 11.46H42.1126C42.0886 10.996 41.9246 10.628 41.6206 10.356C41.3166 10.084 40.9366 9.948 40.4806 9.948ZM47.4164 15.144C46.8404 15.144 46.3324 15.008 45.8924 14.736C45.4524 14.464 45.1084 14.092 44.8604 13.62C44.6124 13.148 44.4884 12.612 44.4884 12.012C44.4884 11.412 44.6124 10.88 44.8604 10.416C45.1084 9.944 45.4524 9.576 45.8924 9.312C46.3404 9.04 46.8524 8.904 47.4284 8.904C47.9004 8.904 48.3124 8.996 48.6644 9.18C49.0244 9.364 49.3044 9.624 49.5044 9.96V6.36H50.7764V15H49.6364L49.5044 14.076C49.3124 14.356 49.0484 14.604 48.7124 14.82C48.3764 15.036 47.9444 15.144 47.4164 15.144ZM47.6444 14.04C48.1884 14.04 48.6324 13.852 48.9764 13.476C49.3284 13.1 49.5044 12.616 49.5044 12.024C49.5044 11.424 49.3284 10.94 48.9764 10.572C48.6324 10.196 48.1884 10.008 47.6444 10.008C47.1004 10.008 46.6524 10.196 46.3004 10.572C45.9484 10.94 45.7724 11.424 45.7724 12.024C45.7724 12.416 45.8524 12.764 46.0124 13.068C46.1724 13.372 46.3924 13.612 46.6724 13.788C46.9604 13.956 47.2844 14.04 47.6444 14.04ZM58.7516 15.144C58.2876 15.144 57.8756 15.052 57.5156 14.868C57.1636 14.684 56.8836 14.424 56.6756 14.088L56.5436 15H55.4036V6.36H56.6756V9.972C56.8676 9.692 57.1316 9.444 57.4676 9.228C57.8036 9.012 58.2356 8.904 58.7636 8.904C59.3396 8.904 59.8476 9.04 60.2876 9.312C60.7276 9.584 61.0716 9.956 61.3196 10.428C61.5756 10.9 61.7036 11.436 61.7036 12.036C61.7036 12.636 61.5756 13.172 61.3196 13.644C61.0716 14.108 60.7276 14.476 60.2876 14.748C59.8476 15.012 59.3356 15.144 58.7516 15.144ZM58.5356 14.04C59.0796 14.04 59.5276 13.856 59.8796 13.488C60.2316 13.112 60.4076 12.624 60.4076 12.024C60.4076 11.632 60.3276 11.284 60.1676 10.98C60.0076 10.676 59.7876 10.44 59.5076 10.272C59.2276 10.096 58.9036 10.008 58.5356 10.008C57.9916 10.008 57.5436 10.196 57.1916 10.572C56.8476 10.948 56.6756 11.432 56.6756 12.024C56.6756 12.624 56.8476 13.112 57.1916 13.488C57.5436 13.856 57.9916 14.04 58.5356 14.04ZM63.2715 17.64L64.6995 14.508H64.3515L61.9995 9.048H63.3795L65.2035 13.452L67.1115 9.048H68.4555L64.6155 17.64H63.2715Z", fill: "#7F7F7F" }), _jsx("path", { d: "M78.5716 19L87.8742 19C88.1922 19 88.4912 18.8488 88.6796 18.5927L93.8355 11.5863C94.0926 11.2368 94.0951 10.7614 93.8416 10.4093L88.507 3L78.1581 18.2188C77.9324 18.5508 78.1702 19 78.5716 19Z", fill: "#FD395E" }), _jsx("path", { d: "M78.1581 3.78122L83.067 11L88.507 3.00006L78.5716 3.00006C78.1702 3.00006 77.9324 3.44926 78.1581 3.78122Z", fill: "url(#paint0_linear_1540_41227)" }), _jsx("path", { d: "M85.3068 3.00006L83.0668 11L88.5068 3.00006L85.3068 3.00006Z", fill: "#8A0E25" }), _jsx("path", { d: "M101.421 14.6799H103.759V11.1474H107.141V9.48804H103.759V7.56465H107.292V5.90525H101.421V14.6799Z", fill: "#1C1C1C" }), _jsx("path", { d: "M109.978 14.6799H115.937V12.9451H112.316V5.90525H109.978V14.6799Z", fill: "#1C1C1C" }), _jsx("path", { d: "M117.755 14.6799H120.131L120.823 12.8068H124.116L124.77 14.6799H127.335L123.953 5.90525H121.087L117.755 14.6799ZM123.563 11.1474H121.363L122.495 7.7155H122.52L123.563 11.1474Z", fill: "#1C1C1C" }), _jsx("path", { d: "M130.414 14.6799H132.752V7.64007H134.914V5.90525H128.252V7.64007H130.414V14.6799Z", fill: "#1C1C1C" }), _jsx("path", { d: "M137.512 14.6799H139.851V5.90525H137.512V14.6799Z", fill: "#1C1C1C" }), _jsx("path", { d: "M143.044 14.6799H145.382V11.2103H145.872C146.74 11.2103 147.041 11.5874 147.519 13.096L148.022 14.6799H150.461L149.606 12.2914C149.166 11.2229 149.115 10.5566 148.361 10.3555V10.3303C149.493 10.0663 150.046 9.2869 150.046 8.11778C150.046 6.60924 148.776 5.90525 147.217 5.90525H143.044V14.6799ZM145.382 7.56465H145.998C146.89 7.56465 147.708 7.7155 147.708 8.53263C147.708 9.52575 146.752 9.5509 145.998 9.5509H145.382V7.56465Z", fill: "#1C1C1C" }), _jsx("path", { d: "M152.673 10.2926C152.673 13.0834 154.207 14.8308 157.073 14.8308C159.939 14.8308 161.473 13.0834 161.473 10.2926C161.473 7.47665 159.964 5.75439 157.073 5.75439C154.182 5.75439 152.673 7.47665 152.673 10.2926ZM155.087 10.2926C155.087 8.77148 155.652 7.48922 157.073 7.48922C158.493 7.48922 159.059 8.77148 159.059 10.2926C159.059 11.7383 158.493 13.096 157.073 13.096C155.652 13.096 155.087 11.7383 155.087 10.2926Z", fill: "#1C1C1C" }), _jsx("path", { d: "M164.331 14.6799H166.48L166.405 8.68348H166.43L169.497 14.6799H172.401V5.90525H170.264L170.302 11.864H170.277L167.31 5.90525H164.331V14.6799Z", fill: "#1C1C1C" }), _jsx("path", { d: "M175.41 14.4537C176.189 14.7051 177.207 14.8308 178.025 14.8308C179.973 14.8308 181.884 14.2148 181.884 11.9394C181.884 8.77148 177.735 9.72689 177.735 8.30635C177.735 7.53951 178.716 7.48922 179.307 7.48922C179.973 7.48922 180.652 7.61493 181.255 7.8915L181.406 6.08125C180.815 5.88011 179.986 5.75439 179.143 5.75439C177.383 5.75439 175.322 6.33267 175.322 8.44463C175.322 11.6377 179.47 10.6069 179.47 12.2411C179.47 12.9451 178.766 13.096 178.025 13.096C177.057 13.096 176.214 12.8446 175.611 12.5177L175.41 14.4537Z", fill: "#1C1C1C" }), _jsx("path", { d: "M184.781 14.6799H187.119V11.1474H190.501V9.48804H187.119V7.56465H190.652V5.90525H184.781V14.6799Z", fill: "#FD395E" }), _jsx("path", { d: "M200.906 5.90525H198.568V10.9589C198.568 12.1154 198.253 13.096 197.059 13.096C195.865 13.096 195.551 12.1154 195.551 10.9589V5.90525H193.212V11.3486C193.212 13.7497 194.771 14.8308 197.059 14.8308C199.347 14.8308 200.906 13.7497 200.906 11.3486V5.90525Z", fill: "#FD395E" }), _jsx("path", { d: "M203.743 14.4537C204.522 14.7051 205.541 14.8308 206.358 14.8308C208.306 14.8308 210.217 14.2148 210.217 11.9394C210.217 8.77148 206.069 9.72689 206.069 8.30635C206.069 7.53951 207.049 7.48922 207.64 7.48922C208.306 7.48922 208.985 7.61493 209.589 7.8915L209.739 6.08125C209.149 5.88011 208.319 5.75439 207.477 5.75439C205.717 5.75439 203.655 6.33267 203.655 8.44463C203.655 11.6377 207.803 10.6069 207.803 12.2411C207.803 12.9451 207.099 13.096 206.358 13.096C205.39 13.096 204.547 12.8446 203.944 12.5177L203.743 14.4537Z", fill: "#FD395E" }), _jsx("path", { d: "M213.05 14.6799H219.373V13.0205H215.388V11.0343H219.021V9.3749H215.388V7.56465H219.235V5.90525H213.05V14.6799Z", fill: "#FD395E" }), _jsx("defs", { children: _jsxs("linearGradient", __assign({ id: "paint0_linear_1540_41227", x1: "76.5", y1: "3.00006", x2: "88.7401", y2: "7.14128", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { offset: "0.03125", stopColor: "#CA405A", stopOpacity: "0.958429" }), _jsx("stop", { offset: "1", stopColor: "#A2243B" })] })) })] })));

package/lib/esm/Importer/ImporterContextProvider.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import Fuse from "fuse.js";
 import React from "react";
-import { ImporterOptions, OnValidateBatch, OnValidateRecord } from "../types";
+import { ImporterOptions, OnValidateBatch, OnValidateRecord, FormatRecord } from "../types";
 import { FuseApi } from "./FuseApi";
 export declare const fusejsOptions: Fuse.IFuseOptions<string>;
 export declare type HeaderMatchings = {
@@ -44,7 +44,9 @@ declare type State = {
     inTrialMode: boolean;
     onClose: () => void;
     fuseApi: FuseApi;
+    formatRecord: FormatRecord;
     importerOptions: ImporterOptions;
+    canOrganizationCustomize: boolean;
 };
 declare type Props = {
     templateSlug: string;
@@ -52,9 +54,10 @@ declare type Props = {
     options: ImporterOptions;
     onClose: () => void;
     children: JSX.Element;
+    formatRecord: FormatRecord;
     onValidateRecord?: OnValidateRecord;
     onValidateBatch?: OnValidateBatch;
 };
-export declare const ImporterContextProvider: ({ templateSlug, apiToken, children, options, onClose, onValidateBatch, onValidateRecord, }: Props) => JSX.Element;
+export declare const ImporterContextProvider: ({ templateSlug, apiToken, children, options, onClose, formatRecord, onValidateBatch, onValidateRecord, }: Props) => JSX.Element;
 export declare const useImporterContext: () => State;
 export {};

package/lib/esm/Importer/ImporterContextProvider.js CHANGED Viewed

@@ -57,19 +57,27 @@ export var fusejsOptions = {
 };
 var ImporterContext = createContext({});
 export var ImporterContextProvider = function (_a) {
-    var templateSlug = _a.templateSlug, apiToken = _a.apiToken, children = _a.children, options = _a.options, onClose = _a.onClose, onValidateBatch = _a.onValidateBatch, onValidateRecord = _a.onValidateRecord;
+    var templateSlug = _a.templateSlug, apiToken = _a.apiToken, children = _a.children, options = _a.options, onClose = _a.onClose, formatRecord = _a.formatRecord, onValidateBatch = _a.onValidateBatch, onValidateRecord = _a.onValidateRecord;
     var _b = useState(0), currentStepIndex = _b[0], setCurrentStepIndex = _b[1];
     var _c = useState(0), matcherSubstep = _c[0], setMatcherSubstep = _c[1];
     var _d = useState(null), templateError = _d[0], setTemplateError = _d[1];
     var _e = useState(null), templateHeaders = _e[0], setTemplateHeaders = _e[1];
     var _f = useState(null), uploadedData = _f[0], setUploadedData = _f[1];
-    var _g = useState(null), templateHeaderMatchings = _g[0], setTemplateHeaderMatchings = _g[1];
-    var _h = useState(null), enumFieldValueMatchings = _h[0], setEnumFieldValueMatchings = _h[1];
-    var _j = useState(null), uploadedDataEnumFieldValues = _j[0], setUploadedDataEnumFieldValues = _j[1];
-    var _k = useState(false), inTrialMode = _k[0], setInTrialMode = _k[1];
+    var _g = useState(false), canOrganizationCustomize = _g[0], _setCanOrganizationCustomize = _g[1];
+    var _h = useState(null), templateHeaderMatchings = _h[0], setTemplateHeaderMatchings = _h[1];
+    var _j = useState(null), enumFieldValueMatchings = _j[0], setEnumFieldValueMatchings = _j[1];
+    var _k = useState(null), uploadedDataEnumFieldValues = _k[0], setUploadedDataEnumFieldValues = _k[1];
+    var _l = useState(false), inTrialMode = _l[0], setInTrialMode = _l[1];
     var fuseApi = new FuseApi(options.env, apiToken);
     var uploadedDataHeaders = uploadedData &&
         uploadedData[0].map(function (ud) { return (typeof ud === "number" ? ud.toString() : ud); });
+    var setCanOrganizationCustomize = function (organization) {
+        var _a;
+        var customizablePlans = ["pro", "unlimited"];
+        var planTitle = (_a = organization.plan) === null || _a === void 0 ? void 0 : _a.title;
+        var isPlanCustomizable = customizablePlans.includes(planTitle);
+        _setCanOrganizationCustomize(isPlanCustomizable);
+    };
     useEffect(function () {
         if (!templateHeaderMatchings)
             return;
@@ -96,7 +104,7 @@ export var ImporterContextProvider = function (_a) {
     }, [templateHeaderMatchings]);
     useEffect(function () {
         (function () { return __awaiter(void 0, void 0, void 0, function () {
-            var data, error_1, errorMsg;
+            var data, organization, error_1, errorMsg;
             var _a, _b;
             return __generator(this, function (_c) {
                 switch (_c.label) {
@@ -105,8 +113,10 @@ export var ImporterContextProvider = function (_a) {
                         return [4 /*yield*/, fuseApi.get("/api/v1/importer/templates/".concat(templateSlug))];
                     case 1:
                         data = (_c.sent()).data;
+                        organization = data.organization;
+                        setCanOrganizationCustomize(organization);
                         setTemplateHeaders(data.columns);
-                        setInTrialMode(data.trial_mode);
+                        setInTrialMode(organization.trial_mode);
                         return [3 /*break*/, 3];
                     case 2:
                         error_1 = _c.sent();
@@ -140,6 +150,7 @@ export var ImporterContextProvider = function (_a) {
     var value = {
         setUploadedData: setUploadedData,
         currentStepIndex: currentStepIndex,
+        formatRecord: formatRecord,
         setCurrentStepIndex: setCurrentStepIndex,
         templateHeaders: templateHeaders,
         enumFieldValueMatchings: enumFieldValueMatchings,
@@ -161,7 +172,8 @@ export var ImporterContextProvider = function (_a) {
         inTrialMode: inTrialMode,
         onClose: onClose,
         fuseApi: fuseApi,
+        canOrganizationCustomize: canOrganizationCustomize,
     };
-    return (_jsx(ImporterContext.Provider, __assign({ value: value }, { children: children }), void 0));
+    return (_jsx(ImporterContext.Provider, __assign({ value: value }, { children: children })));
 };
 export var useImporterContext = function () { return useContext(ImporterContext); };

package/lib/esm/Importer/ImporterFonts.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Helmet } from "react-helmet";
 export var ImporterFonts = function () {
-    return (_jsxs(Helmet, { children: [_jsx("link", { rel: "preconnect", href: "https://fonts.googleapis.com" }, void 0), _jsx("link", { rel: "preconnect", href: "https://fonts.gstatic.com", crossOrigin: "" }, void 0), _jsx("link", { href: "https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600&display=swap", rel: "stylesheet" }, void 0), _jsx("link", { href: "https://fonts.googleapis.com/css?family=DM+Serif+Text:300,400,500,600&display=swap", rel: "stylesheet" }, void 0), _jsx("link", { href: "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=DM+Serif+Display&family=DM+Serif+Text&display=swap", rel: "stylesheet" }, void 0), _jsx("link", { href: "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=DM+Serif+Text&display=swap", rel: "stylesheet" }, void 0)] }, void 0));
+    return (_jsxs(Helmet, { children: [_jsx("link", { rel: "preconnect", href: "https://fonts.googleapis.com" }), _jsx("link", { rel: "preconnect", href: "https://fonts.gstatic.com", crossOrigin: "" }), _jsx("link", { href: "https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600&display=swap", rel: "stylesheet" }), _jsx("link", { href: "https://fonts.googleapis.com/css?family=DM+Serif+Text:300,400,500,600&display=swap", rel: "stylesheet" }), _jsx("link", { href: "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=DM+Serif+Display&family=DM+Serif+Text&display=swap", rel: "stylesheet" }), _jsx("link", { href: "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=DM+Serif+Text&display=swap", rel: "stylesheet" })] }));
 };

package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcher/index.js CHANGED Viewed

@@ -50,5 +50,5 @@ export var EnumFieldMatcher = function (_a) {
         dataCount: data.length,
         maxVisibleRows: MAX_VISIBLE_ROWS,
     });
-    return (_jsxs(Div, { children: [_jsx(Div, __assign({ h5: true, mb: 16 }, { children: "Values for the '".concat(templateHeaderLabel).concat(isRequired ? "*" : "", "' Column") }), void 0), _jsx(Div, __assign({ mb: 40 }, { children: _jsx(EnumFieldMatcherContextProvider, __assign({ templateHeaderLabel: templateHeaderLabel }, { children: _jsx(TableView, { h: tableHeight, rowHeight: tableRowHeight, data: sortedData, columns: tableColumns, bg: colors.white }, void 0) }), void 0) }), void 0)] }, void 0));
+    return (_jsxs(Div, { children: [_jsx(Div, __assign({ h5: true, mb: 16 }, { children: "Values for the '".concat(templateHeaderLabel).concat(isRequired ? "*" : "", "' Column") })), _jsx(Div, __assign({ mb: 40 }, { children: _jsx(EnumFieldMatcherContextProvider, __assign({ templateHeaderLabel: templateHeaderLabel }, { children: _jsx(TableView, { h: tableHeight, rowHeight: tableRowHeight, data: sortedData, columns: tableColumns, bg: colors.white }) })) }))] }));
 };

package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcher/tableColumns.js CHANGED Viewed

@@ -22,7 +22,7 @@ export var tableColumns = [
         width: 1,
         Content: function (_a) {
             var uploadedDataValue = _a.uploadedDataValue;
-            return _jsxs(Div, __assign({ body1: true }, { children: [" ", uploadedDataValue, " "] }), void 0);
+            return _jsxs(Div, __assign({ body1: true }, { children: [" ", uploadedDataValue, " "] }));
         },
     },
     {
@@ -42,7 +42,7 @@ export var tableColumns = [
             return (_jsx(Div, __assign({ w100: true }, { children: _jsx(Autocomplete, { w: "90%", placeholder: "Select option...", onChange: onChange, value: uploadedDataValueMatching, options: valueOptions.map(function (vo) { return ({
                         value: vo,
                         label: vo,
-                    }); }) }, void 0) }), void 0));
+                    }); }) }) })));
         },
     },
     {
@@ -52,7 +52,7 @@ export var tableColumns = [
             var status = _a.status;
             return (_jsx(_Fragment, { children: status === MatcherStatus.matched
                     ? matchedIndicatorUI
-                    : unmatchedIndicatorUI }, void 0));
+                    : unmatchedIndicatorUI }));
         },
     },
 ];

package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcherContext.js CHANGED Viewed

@@ -14,7 +14,7 @@ import { createContext, useContext } from "react";
 var EnumFieldMatcherContext = createContext({});
 export var EnumFieldMatcherContextProvider = function (_a) {
     var templateHeaderLabel = _a.templateHeaderLabel, children = _a.children;
-    return (_jsx(EnumFieldMatcherContext.Provider, __assign({ value: { templateHeaderLabel: templateHeaderLabel } }, { children: children }), void 0));
+    return (_jsx(EnumFieldMatcherContext.Provider, __assign({ value: { templateHeaderLabel: templateHeaderLabel } }, { children: children })));
 };
 export var useEnumFieldMatcherContext = function () {
     return useContext(EnumFieldMatcherContext);

package/lib/esm/Importer/Matcher/EnumFieldsMatchers/index.js CHANGED Viewed

@@ -16,7 +16,7 @@ import { EnumFieldMatcher } from "./EnumFieldMatcher";
 import { contentWidth } from "../../common/index";
 export var EnumFieldsMatchers = function () {
     var enumFieldValueMatchings = useImporterContext().enumFieldValueMatchings;
-    return (_jsxs(_Fragment, { children: [_jsxs(Div, __assign({ flexColumn: true, centered: true }, { children: [_jsx(Div, __assign({ h2: true, mb: 16 }, { children: "Match Your Columns with Ours" }), void 0), _jsx(Div, __assign({ body1: true, mb: 24, textAlignCenter: true, maxw: 928 }, { children: "Our system only accepts certain values for some columns. Below you can match the values from your spreadsheet to the values we accept." }), void 0)] }), void 0), _jsx(Div, __assign({ flexColumn: true, alignCenter: true, mb: 20, centered: true }, { children: Object.keys(enumFieldValueMatchings).map(function (templateHeaderLabel, index) {
-                    return (_jsx(Div, __assign({ w: contentWidth }, { children: _jsx(EnumFieldMatcher, { templateHeaderLabel: templateHeaderLabel }, void 0) }), index));
-                }) }), void 0)] }, void 0));
+    return (_jsxs(_Fragment, { children: [_jsxs(Div, __assign({ flexColumn: true, centered: true }, { children: [_jsx(Div, __assign({ h2: true, mb: 16 }, { children: "Match Your Columns with Ours" })), _jsx(Div, __assign({ body1: true, mb: 24, textAlignCenter: true, maxw: 928 }, { children: "Our system only accepts certain values for some columns. Below you can match the values from your spreadsheet to the values we accept." }))] })), _jsx(Div, __assign({ flexColumn: true, alignCenter: true, mb: 20, centered: true }, { children: Object.keys(enumFieldValueMatchings).map(function (templateHeaderLabel, index) {
+                    return (_jsx(Div, __assign({ w: contentWidth }, { children: _jsx(EnumFieldMatcher, { templateHeaderLabel: templateHeaderLabel }) }), index));
+                }) }))] }));
 };

package/lib/esm/Importer/Matcher/HeaderMatcher/index.js CHANGED Viewed

@@ -53,8 +53,8 @@ var HeaderMatcher = function () {
         dataCount: data.length,
         maxVisibleRows: MAX_VISIBLE_ROWS,
     });
-    var headerMatcher = (_jsx(Div, { children: _jsxs(Div, __assign({ flexColumn: true, centered: true }, { children: [_jsx(Div, __assign({ h2: true, mb: 16 }, { children: "Match Your Columns with Ours" }), void 0), _jsx(Div, __assign({ body1: true, mb: 24, textAlignCenter: true }, { children: "We were able to match ".concat(numberOfMatchedHeaders, " of ").concat(templateHeaders.length, " columns correctly!") }), void 0), _jsx(CardContainer, __assign({ dflex: true, centered: true, alignStart: true }, { children: _jsx(Div, __assign({ w: contentWidth }, { children: _jsx(TableView, { h: tableHeight, data: sortedData, rowHeight: tableRowHeight, columns: tableColumns, bg: colors.white }, void 0) }), void 0) }), void 0)] }), void 0) }, void 0));
-    return _jsx(_Fragment, { children: headerMatcher }, void 0);
+    var headerMatcher = (_jsx(Div, { children: _jsxs(Div, __assign({ flexColumn: true, centered: true }, { children: [_jsx(Div, __assign({ h2: true, mb: 16 }, { children: "Match Your Columns with Ours" })), _jsx(Div, __assign({ body1: true, mb: 24, textAlignCenter: true }, { children: "We were able to match ".concat(numberOfMatchedHeaders, " of ").concat(templateHeaders.length, " columns correctly!") })), _jsx(CardContainer, __assign({ dflex: true, centered: true, alignStart: true }, { children: _jsx(Div, __assign({ w: contentWidth }, { children: _jsx(TableView, { h: tableHeight, data: sortedData, rowHeight: tableRowHeight, columns: tableColumns, bg: colors.white }) })) }))] })) }));
+    return _jsx(_Fragment, { children: headerMatcher });
 };
 export { HeaderMatcher };
 var templateObject_1;

package/lib/esm/Importer/Matcher/HeaderMatcher/tableColumns.js CHANGED Viewed

@@ -30,7 +30,7 @@ export var tableColumns = [
             return (_jsx(Autocomplete, { w: "92%", onChange: onChange, value: yourColumns, options: uploadedDataHeaders.map(function (h) { return ({
                     value: h,
                     label: h,
-                }); }) }, void 0));
+                }); }) }));
         },
     },
     {
@@ -41,7 +41,7 @@ export var tableColumns = [
             var ourColumns = _a.ourColumns;
             var templateHeaders = useImporterContext().templateHeaders;
             var isRequired = (_b = templateHeaders.find(function (th) { return th.label === ourColumns; })) === null || _b === void 0 ? void 0 : _b.required;
-            return (_jsxs(Div, __assign({ body1: true }, { children: [ourColumns, isRequired ? "*" : ""] }), void 0));
+            return (_jsxs(Div, __assign({ body1: true }, { children: [ourColumns, isRequired ? "*" : ""] })));
         },
     },
     {
@@ -51,7 +51,7 @@ export var tableColumns = [
             var status = _a.status;
             return (_jsx(_Fragment, { children: status === MatcherStatus.matched
                     ? matchedIndicatorUI
-                    : unmatchedIndicatorUI }, void 0));
+                    : unmatchedIndicatorUI }));
         },
     },
 ];

package/lib/esm/Importer/Matcher/common/icons/index.js CHANGED Viewed

@@ -10,5 +10,5 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-export var greenCheckIcon = (_jsx("svg", __assign({ width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 17.25C13.5563 17.25 17.25 13.5563 17.25 9C17.25 4.44365 13.5563 0.75 9 0.75C4.44365 0.75 0.75 4.44365 0.75 9C0.75 13.5563 4.44365 17.25 9 17.25ZM7.28033 8.43195C6.98744 8.13906 6.51256 8.13906 6.21967 8.43195C5.92678 8.72484 5.92678 9.19972 6.21967 9.49261L7.81066 11.0836L8.34099 11.6139L8.87132 11.0836L12.0533 7.90162C12.3462 7.60873 12.3462 7.13385 12.0533 6.84096C11.7604 6.54807 11.2855 6.54807 10.9926 6.84096L8.34099 9.49261L7.28033 8.43195Z", fill: "#25AA3E" }, void 0) }), void 0));
-export var warningIcon = (_jsx("svg", __assign({ width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 17.25C13.5563 17.25 17.25 13.5563 17.25 9C17.25 4.44365 13.5563 0.75 9 0.75C4.44365 0.75 0.75 4.44365 0.75 9C0.75 13.5563 4.44365 17.25 9 17.25ZM9 4.5C9.41421 4.5 9.75 4.83579 9.75 5.25V9C9.75 9.41421 9.41421 9.75 9 9.75C8.58579 9.75 8.25 9.41421 8.25 9V5.25C8.25 4.83579 8.58579 4.5 9 4.5ZM9 11.25C9.41421 11.25 9.75 11.5858 9.75 12V12.375C9.75 12.7892 9.41421 13.125 9 13.125C8.58579 13.125 8.25 12.7892 8.25 12.375V12C8.25 11.5858 8.58579 11.25 9 11.25Z", fill: "#EF9F09" }, void 0) }), void 0));
+export var greenCheckIcon = (_jsx("svg", __assign({ width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 17.25C13.5563 17.25 17.25 13.5563 17.25 9C17.25 4.44365 13.5563 0.75 9 0.75C4.44365 0.75 0.75 4.44365 0.75 9C0.75 13.5563 4.44365 17.25 9 17.25ZM7.28033 8.43195C6.98744 8.13906 6.51256 8.13906 6.21967 8.43195C5.92678 8.72484 5.92678 9.19972 6.21967 9.49261L7.81066 11.0836L8.34099 11.6139L8.87132 11.0836L12.0533 7.90162C12.3462 7.60873 12.3462 7.13385 12.0533 6.84096C11.7604 6.54807 11.2855 6.54807 10.9926 6.84096L8.34099 9.49261L7.28033 8.43195Z", fill: "#25AA3E" }) })));
+export var warningIcon = (_jsx("svg", __assign({ width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 17.25C13.5563 17.25 17.25 13.5563 17.25 9C17.25 4.44365 13.5563 0.75 9 0.75C4.44365 0.75 0.75 4.44365 0.75 9C0.75 13.5563 4.44365 17.25 9 17.25ZM9 4.5C9.41421 4.5 9.75 4.83579 9.75 5.25V9C9.75 9.41421 9.41421 9.75 9 9.75C8.58579 9.75 8.25 9.41421 8.25 9V5.25C8.25 4.83579 8.58579 4.5 9 4.5ZM9 11.25C9.41421 11.25 9.75 11.5858 9.75 12V12.375C9.75 12.7892 9.41421 13.125 9 13.125C8.58579 13.125 8.25 12.7892 8.25 12.375V12C8.25 11.5858 8.58579 11.25 9 11.25Z", fill: "#EF9F09" }) })));

package/lib/esm/Importer/Matcher/common/index.js CHANGED Viewed

@@ -17,8 +17,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled, { css } from "styled-components";
 import { colors, Div } from "../../../styled";
 export var MAX_VISIBLE_ROWS = 5;
-var successIcon = (_jsx("svg", __assign({ width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 11.5C9.03757 11.5 11.5 9.03757 11.5 6C11.5 2.96243 9.03757 0.5 6 0.5C2.96243 0.5 0.5 2.96243 0.5 6C0.5 9.03757 2.96243 11.5 6 11.5ZM4.94194 5.53291C4.69786 5.28883 4.30214 5.28883 4.05806 5.53291C3.81398 5.77699 3.81398 6.17272 4.05806 6.4168L5.11872 7.47746C5.3628 7.72153 5.75852 7.72153 6.0026 7.47746L8.12392 5.35614C8.368 5.11206 8.368 4.71633 8.12392 4.47225C7.87984 4.22817 7.48412 4.22817 7.24004 4.47225L5.56066 6.15163L4.94194 5.53291Z", fill: colors.green300 }, void 0) }), void 0));
-var warningIcon = (_jsx("svg", __assign({ width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 11.5C9.03757 11.5 11.5 9.03757 11.5 6C11.5 2.96243 9.03757 0.5 6 0.5C2.96243 0.5 0.5 2.96243 0.5 6C0.5 9.03757 2.96243 11.5 6 11.5ZM6 2.875C6.34518 2.875 6.625 3.15482 6.625 3.5V6C6.625 6.34518 6.34518 6.625 6 6.625C5.65482 6.625 5.375 6.34518 5.375 6V3.5C5.375 3.15482 5.65482 2.875 6 2.875ZM6 7.375C6.34518 7.375 6.625 7.65482 6.625 8V8.25C6.625 8.59518 6.34518 8.875 6 8.875C5.65482 8.875 5.375 8.59518 5.375 8.25V8C5.375 7.65482 5.65482 7.375 6 7.375Z", fill: colors.orange500 }, void 0) }), void 0));
+var successIcon = (_jsx("svg", __assign({ width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 11.5C9.03757 11.5 11.5 9.03757 11.5 6C11.5 2.96243 9.03757 0.5 6 0.5C2.96243 0.5 0.5 2.96243 0.5 6C0.5 9.03757 2.96243 11.5 6 11.5ZM4.94194 5.53291C4.69786 5.28883 4.30214 5.28883 4.05806 5.53291C3.81398 5.77699 3.81398 6.17272 4.05806 6.4168L5.11872 7.47746C5.3628 7.72153 5.75852 7.72153 6.0026 7.47746L8.12392 5.35614C8.368 5.11206 8.368 4.71633 8.12392 4.47225C7.87984 4.22817 7.48412 4.22817 7.24004 4.47225L5.56066 6.15163L4.94194 5.53291Z", fill: colors.green300 }) })));
+var warningIcon = (_jsx("svg", __assign({ width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 11.5C9.03757 11.5 11.5 9.03757 11.5 6C11.5 2.96243 9.03757 0.5 6 0.5C2.96243 0.5 0.5 2.96243 0.5 6C0.5 9.03757 2.96243 11.5 6 11.5ZM6 2.875C6.34518 2.875 6.625 3.15482 6.625 3.5V6C6.625 6.34518 6.34518 6.625 6 6.625C5.65482 6.625 5.375 6.34518 5.375 6V3.5C5.375 3.15482 5.65482 2.875 6 2.875ZM6 7.375C6.34518 7.375 6.625 7.65482 6.625 8V8.25C6.625 8.59518 6.34518 8.875 6 8.875C5.65482 8.875 5.375 8.59518 5.375 8.25V8C5.375 7.65482 5.65482 7.375 6 7.375Z", fill: colors.orange500 }) })));
 var Wrapper = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 2px 7px;\n  ", ";\n"], ["\n  padding: 2px 7px;\n  ", ";\n"])), function (p) {
     var c = p.theme.css;
     return [c.label3, c.alignCenter, c.selectNone];
@@ -27,6 +27,6 @@ var UnmatchedIndicator = styled(Wrapper)(function (_a) {
     var _b = _a.theme, colors = _b.colors, c = _b.css;
     return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    border: 1px solid ", ";\n    box-sizing: border-box;\n    border-radius: 24px;\n  "], ["\n    border: 1px solid ", ";\n    box-sizing: border-box;\n    border-radius: 24px;\n  "])), function (p) { return p.theme.colors.warning01; });
 });
-export var matchedIndicatorUI = (_jsxs(Wrapper, { children: [_jsx(Div, __assign({ centered: true }, { children: successIcon }), void 0), _jsx(Div, __assign({ ml: 8 }, { children: "MATCHED" }), void 0)] }, void 0));
-export var unmatchedIndicatorUI = (_jsxs(UnmatchedIndicator, { children: [_jsx(Div, __assign({ centered: true }, { children: warningIcon }), void 0), _jsx(Div, __assign({ ml: 8 }, { children: "UNMATCHED" }), void 0)] }, void 0));
+export var matchedIndicatorUI = (_jsxs(Wrapper, { children: [_jsx(Div, __assign({ centered: true }, { children: successIcon })), _jsx(Div, __assign({ ml: 8 }, { children: "MATCHED" }))] }));
+export var unmatchedIndicatorUI = (_jsxs(UnmatchedIndicator, { children: [_jsx(Div, __assign({ centered: true }, { children: warningIcon })), _jsx(Div, __assign({ ml: 8 }, { children: "UNMATCHED" }))] }));
 var templateObject_1, templateObject_2;

package/lib/esm/Importer/Matcher/index.js CHANGED Viewed

@@ -30,7 +30,7 @@ var Matcher = function () {
     var dots = [];
     for (var step = 0; step < 2; step++)
         dots.push(_jsx(Dot, { isSelected: matcherSubstep === step }, step));
-    return (_jsxs(_Fragment, { children: [_jsx(Div, __assign({ centered: true }, { children: _jsx(Div, __assign({ w: 30, mt: 40, mb: 16, alignCenter: true, spaceBetween: true }, { children: enumFieldsCount > 0 && dots }), void 0) }), void 0), matcherSubstep === 0 && _jsx(HeaderMatcher, {}, void 0), matcherSubstep === 1 && _jsx(EnumFieldsMatchers, {}, void 0)] }, void 0));
+    return (_jsxs(_Fragment, { children: [_jsx(Div, __assign({ centered: true }, { children: _jsx(Div, __assign({ w: 30, mt: 40, mb: 16, alignCenter: true, spaceBetween: true }, { children: enumFieldsCount > 0 && dots })) })), matcherSubstep === 0 && _jsx(HeaderMatcher, {}), matcherSubstep === 1 && _jsx(EnumFieldsMatchers, {})] }));
 };
 export { Matcher };
 var templateObject_1, templateObject_2;

package/lib/esm/Importer/Review/AppResponseModal.js CHANGED Viewed

@@ -31,5 +31,5 @@ export var AppResponseModal = function () {
     var defaultMessage = importWasSuccessful
         ? "Data imported successfully"
         : "Some records could not be imported. Please review the errors and resubmit.";
-    return (_jsx(Modal, __assign({ isOpen: isAppResponseModalOpen, onClose: onCloseModal }, { children: _jsxs(Div, __assign({ centered: true, flexColumn: true, p: 40 }, { children: [_jsx(Div, __assign({ h6: true, w: 300, textAlignCenter: true, mt: 20 }, { children: (appResponse === null || appResponse === void 0 ? void 0 : appResponse.message) || defaultMessage }), void 0), _jsx(Div, __assign({ dflex: true, mt: 40, w100: true, centered: true }, { children: _jsx(Button, __assign({ w: 100, ml: 10, onClick: onCloseModal }, { children: "OK" }), void 0) }), void 0)] }), void 0) }), void 0));
+    return (_jsx(Modal, __assign({ isOpen: isAppResponseModalOpen, onClose: onCloseModal }, { children: _jsxs(Div, __assign({ centered: true, flexColumn: true, p: 40 }, { children: [_jsx(Div, __assign({ h6: true, w: 300, textAlignCenter: true, mt: 20 }, { children: (appResponse === null || appResponse === void 0 ? void 0 : appResponse.message) || defaultMessage })), _jsx(Div, __assign({ dflex: true, mt: 40, w100: true, centered: true }, { children: _jsx(Button, __assign({ w: 100, ml: 10, onClick: onCloseModal }, { children: "OK" })) }))] })) })));
 };

package/lib/esm/Importer/Review/index.js CHANGED Viewed

@@ -19,7 +19,7 @@ import { useImporterContext } from "../ImporterContextProvider";
 import { useSpreadsheetReviewContext } from "../SpreadsheetReviewContextProvider";
 import { AppResponseModal } from "./AppResponseModal";
 var valueIsTrue = function (value) {
-    var _value = value.toLowerCase();
+    var _value = (value || "").toString().toLowerCase();
     return ["true", "yes", "1", "y", "on", "t"].includes(_value);
 };
 var valueIsInteger = function (value) { return /^-?[0-9]+$/.test(value + ""); };
@@ -27,7 +27,7 @@ var valueIsNumber = function (value) {
     return /^-?[0-9]+(?:\.[0-9]+)?$/.test(value + "");
 };
 var useInitialData = function () {
-    var _a = useImporterContext(), templateHeaderMatchings = _a.templateHeaderMatchings, enumFieldValueMatchings = _a.enumFieldValueMatchings, templateHeaders = _a.templateHeaders, uploadedDataHeaders = _a.uploadedDataHeaders, uploadedData = _a.uploadedData;
+    var _a = useImporterContext(), templateHeaderMatchings = _a.templateHeaderMatchings, enumFieldValueMatchings = _a.enumFieldValueMatchings, templateHeaders = _a.templateHeaders, uploadedDataHeaders = _a.uploadedDataHeaders, uploadedData = _a.uploadedData, formatRecord = _a.formatRecord;
     return useMemo(function () {
         var templateHeaderLabelsWithMatchings = Object.keys(templateHeaderMatchings).filter(function (thl) { return !!templateHeaderMatchings[thl]; });
         var getUploadedDataRowIndex = function (templateHeaderLabel) {
@@ -56,7 +56,7 @@ var useInitialData = function () {
                 if (columnType === FieldTypes.integer)
                     record[key] = valueIsInteger(value) ? parseInt(value) : undefined;
             });
-            return record;
+            return formatRecord ? formatRecord(record) : record;
         };
         // ignore first row in uploadedData (associated to headers)
         return uploadedData.slice(1).map(function (row) { return getRecord(row); });
@@ -89,7 +89,7 @@ var Review = function () {
             fields: fields,
             onValidateBatch: onValidateBatch,
             onValidateRecord: onValidateRecord,
-        }), void 0) }, void 0)); }, [appResponse, submittedData]);
-    return (_jsxs(Div, __assign({ centered: true, flexColumn: true }, { children: [_jsx(AppResponseModal, {}, void 0), _jsxs(Div, __assign({ w: 1400 }, { children: [_jsxs(Div, __assign({ centered: true, textAlignCenter: true, flexColumn: true }, { children: [_jsx(Div, __assign({ h2: true, mt: 40 }, { children: "Review Your Spreadsheet before Submitting" }), void 0), _jsx(Div, __assign({ body1: true, mt: 20, w: 540, mb: 15 }, { children: "Some cells in the document might have errors in format or missing information. Please review these to continue." }), void 0)] }), void 0), initialData && spreadsheetUI] }), void 0)] }), void 0));
+        })) })); }, [appResponse, submittedData]);
+    return (_jsxs(Div, __assign({ centered: true, flexColumn: true }, { children: [_jsx(AppResponseModal, {}), _jsxs(Div, __assign({ w: 1400 }, { children: [_jsxs(Div, __assign({ centered: true, textAlignCenter: true, flexColumn: true }, { children: [_jsx(Div, __assign({ h2: true, mt: 40 }, { children: "Review Your Spreadsheet before Submitting" })), _jsx(Div, __assign({ body1: true, mt: 20, w: 540, mb: 15 }, { children: "Some cells in the document might have errors in format or missing information. Please review these to continue." }))] })), initialData && spreadsheetUI] }))] })));
 };
 export default Review;

package/lib/esm/Importer/SpreadsheetReviewContextProvider.js CHANGED Viewed

@@ -110,7 +110,7 @@ export var SpreadsheetReviewContextProvider = function (_a) {
         onSubmit: onSubmitData,
         setReviewedData: setReviewedData,
     };
-    return (_jsxs(SpreadsheetReviewContext.Provider, __assign({ value: value }, { children: [isSubmitting && _jsx(AppLoading, {}, void 0), children] }), void 0));
+    return (_jsxs(SpreadsheetReviewContext.Provider, __assign({ value: value }, { children: [isSubmitting && _jsx(AppLoading, {}), children] })));
 };
 export var useSpreadsheetReviewContext = function () {
     return useContext(SpreadsheetReviewContext);

package/lib/esm/Importer/Stepper.js CHANGED Viewed

@@ -34,12 +34,12 @@ var StepperWrapper = styled(Div)(templateObject_3 || (templateObject_3 = __makeT
 var Logo = styled.img(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  max-height: 70px;\n  position: absolute;\n  left: 41px;\n"], ["\n  max-height: 70px;\n  position: absolute;\n  left: 41px;\n"])));
 var StepIndex = function (_a) {
     var index = _a.index, isSelected = _a.isSelected, isCompleted = _a.isCompleted;
-    return (_jsx(_Fragment, { children: isCompleted ? (_jsx(Div, __assign({ centered: true, body2: true, bold: true, mr: 8 }, { children: whiteCheckIcon }), void 0)) : (_jsx(StepIndexWrapper, __assign({ centered: true, body2: true, bold: true, mr: 8, isSelected: isSelected }, { children: index }), void 0)) }, void 0));
+    return (_jsx(_Fragment, { children: isCompleted ? (_jsx(Div, __assign({ centered: true, body2: true, bold: true, mr: 8 }, { children: whiteCheckIcon }))) : (_jsx(StepIndexWrapper, __assign({ centered: true, body2: true, bold: true, mr: 8, isSelected: isSelected }, { children: index }))) }));
 };
 var Step = function (_a) {
     var index = _a.index, label = _a.label, isSelected = _a.isSelected, isCompleted = _a.isCompleted;
     var isActive = isCompleted || isSelected;
-    return (_jsxs(Div, __assign({ centered: true, buttonText: true, c: isActive ? colors.text : colors.gray400 }, { children: [_jsx(StepIndex, { index: index + 1, isSelected: isSelected, isCompleted: isCompleted }, void 0), label] }), void 0));
+    return (_jsxs(Div, __assign({ centered: true, buttonText: true, c: isActive ? colors.text : colors.gray400 }, { children: [_jsx(StepIndex, { index: index + 1, isSelected: isSelected, isCompleted: isCompleted }), label] })));
 };
 var getEnumFieldValueMatchingsInitialValue = function (_a) {
     var uploadedDataEnumFieldValues = _a.uploadedDataEnumFieldValues, templateHeaders = _a.templateHeaders;
@@ -67,15 +67,15 @@ var Stepper = function (_a) {
     var _c = useSpreadsheetReviewContext(), appResponse = _c.appResponse, isSpreadsheetReviewComplete = _c.isSpreadsheetReviewComplete, onSubmit = _c.onSubmit;
     var _d = useState(false), isSubmitModalOpen = _d[0], setIsSubmitModalOpen = _d[1];
     var _e = useImporterContext(), currentStepIndex = _e.currentStepIndex, setEnumFieldValueMatchings = _e.setEnumFieldValueMatchings, setCurrentStepIndex = _e.setCurrentStepIndex, templateHeaderMatchings = _e.templateHeaderMatchings, matcherSubstep = _e.matcherSubstep, setMatcherSubstep = _e.setMatcherSubstep, templateHeaders = _e.templateHeaders, uploadedDataEnumFieldValues = _e.uploadedDataEnumFieldValues, onClose = _e.onClose;
-    var submitModalUI = (_jsx(Modal, __assign({ isOpen: isSubmitModalOpen, onClose: function () { return setIsSubmitModalOpen(false); } }, { children: _jsxs(Div, __assign({ centered: true, flexColumn: true, p: 60 }, { children: [_jsx(Div, { children: submitSvg }, void 0), _jsx(Div, __assign({ h5: true, mt: 20 }, { children: "Ready to submit?" }), void 0), _jsx(Div, __assign({ body1: true, mt: 12, w: 448, textAlignCenter: true }, { children: "We didn't find anything wrong with your file. You're good to go!" }), void 0), _jsxs(Div, __assign({ dflex: true, mt: 40, w100: true, centered: true }, { children: [_jsx(Button, __assign({ w: 115, variant: "secondary", mr: 10, onClick: function () { return setIsSubmitModalOpen(false); } }, { children: "Go back" }), void 0), _jsx(Button, __assign({ w: 140, ml: 10, onClick: function () {
+    var submitModalUI = (_jsx(Modal, __assign({ isOpen: isSubmitModalOpen, onClose: function () { return setIsSubmitModalOpen(false); } }, { children: _jsxs(Div, __assign({ centered: true, flexColumn: true, p: 60 }, { children: [_jsx(Div, { children: submitSvg }), _jsx(Div, __assign({ h5: true, mt: 20 }, { children: "Ready to submit?" })), _jsx(Div, __assign({ body1: true, mt: 12, w: 448, textAlignCenter: true }, { children: "We didn't find anything wrong with your file. You're good to go!" })), _jsxs(Div, __assign({ dflex: true, mt: 40, w100: true, centered: true }, { children: [_jsx(Button, __assign({ w: 115, variant: "secondary", mr: 10, onClick: function () { return setIsSubmitModalOpen(false); } }, { children: "Go back" })), _jsx(Button, __assign({ w: 140, ml: 10, onClick: function () {
                                 onSubmit();
                                 setIsSubmitModalOpen(false);
-                            } }, { children: "Yes, submit" }), void 0)] }), void 0)] }), void 0) }), void 0));
+                            } }, { children: "Yes, submit" }))] }))] })) })));
     var stepsUI = (_jsx(Div, __assign({ dflex: true, centered: true }, { children: stepLabels.map(function (label, index) {
             var isLast = index === stepLabels.length - 1;
             var isCompleted = index < currentStepIndex;
-            return (_jsxs(Div, __assign({ centered: true }, { children: [_jsx(Step, { index: index, label: label, isCompleted: isCompleted, isSelected: index === currentStepIndex }, void 0), !isLast && (_jsx(Div, __assign({ ml: 18, mr: 18, dflex: true }, { children: _jsx(ChevronRightIcon, {}, void 0) }), void 0))] }), index));
-        }) }), void 0));
+            return (_jsxs(Div, __assign({ centered: true }, { children: [_jsx(Step, { index: index, label: label, isCompleted: isCompleted, isSelected: index === currentStepIndex }), !isLast && (_jsx(Div, __assign({ ml: 18, mr: 18, dflex: true }, { children: _jsx(ChevronRightIcon, {}) })))] }), index));
+        }) })));
     var templateHeaderLabels = Object.keys(templateHeaderMatchings || []);
     var unmatchedHeadersCount = templateHeaderLabels.filter(function (templateHeaderLabel) { return !templateHeaderMatchings[templateHeaderLabel]; }).length;
     var isLastSubMatchStep = matcherSubstep === 1;
@@ -119,12 +119,12 @@ var Stepper = function (_a) {
         setStep();
         setIsUnmatchedHeadersModalOpen(false);
     };
-    var unmatchedHeadersModalUI = (_jsx(Modal, __assign({ isOpen: isUnmatchedHeadersModalOpen, onClose: function () { return setIsUnmatchedHeadersModalOpen(false); } }, { children: _jsxs(Div, __assign({ p: "17px 20px" }, { children: [_jsx(Div, __assign({ textAlignCenter: true, mb: 24, mt: 5 }, { children: errorIcon }), void 0), _jsx(Div, __assign({ textAlignCenter: true, h5: true }, { children: "Unmatched Column Headers" }), void 0), _jsxs(Div, __assign({ w: 448, mt: 12, textAlignCenter: true, body1: true }, { children: [unmatchedHeadersCount === 1 ? "There is " : "There are ", unmatchedHeadersCount, " unmatched column headers. You will have to fill these out manually if you proceed."] }), void 0), _jsxs(Div, __assign({ dflex: true, centered: true, mt: 40 }, { children: [_jsx(Button, __assign({ variant: "secondary", onClick: function () { return setIsUnmatchedHeadersModalOpen(false); }, w: 160, mr: 16 }, { children: "Assign Headers" }), void 0), _jsx(Button, __assign({ w: 83, variant: "primary", onClick: skipStep }, { children: "Skip" }), void 0)] }), void 0)] }), void 0) }), void 0));
+    var unmatchedHeadersModalUI = (_jsx(Modal, __assign({ isOpen: isUnmatchedHeadersModalOpen, onClose: function () { return setIsUnmatchedHeadersModalOpen(false); } }, { children: _jsxs(Div, __assign({ p: "17px 20px" }, { children: [_jsx(Div, __assign({ textAlignCenter: true, mb: 24, mt: 5 }, { children: errorIcon })), _jsx(Div, __assign({ textAlignCenter: true, h5: true }, { children: "Unmatched Column Headers" })), _jsxs(Div, __assign({ w: 448, mt: 12, textAlignCenter: true, body1: true }, { children: [unmatchedHeadersCount === 1 ? "There is " : "There are ", unmatchedHeadersCount, " unmatched column headers. You will have to fill these out manually if you proceed."] })), _jsxs(Div, __assign({ dflex: true, centered: true, mt: 40 }, { children: [_jsx(Button, __assign({ variant: "secondary", onClick: function () { return setIsUnmatchedHeadersModalOpen(false); }, w: 160, mr: 16 }, { children: "Assign Headers" })), _jsx(Button, __assign({ w: 83, variant: "primary", onClick: skipStep }, { children: "Skip" }))] }))] })) })));
     var isMatchStep = currentStepIndex === 1;
     var isReviewStep = currentStepIndex === 2;
-    var leftButtonUI = (_jsx(Div, __assign({ w: 100 }, { children: currentStepIndex > 0 && !appResponse && (_jsx(Button, __assign({ variant: "secondary", onClick: goBack }, { children: "Go back" }), void 0)) }), void 0));
-    var rightButtonUI = (_jsxs(Div, __assign({ w: 100 }, { children: [isMatchStep && (_jsx(Button, __assign({ variant: "primary", onClick: continueToNextStep }, { children: "Continue" }), void 0)), isReviewStep && (_jsx(Button, __assign({ variant: "primary", isDisabled: !isSpreadsheetReviewComplete, onClick: function () { return setIsSubmitModalOpen(true); } }, { children: "Submit" }), void 0))] }), void 0));
-    return (_jsxs(_Fragment, { children: [unmatchedHeadersModalUI, submitModalUI, _jsxs(StepperWrapper, __assign({ pRelative: true, alignCenter: true, w100: true, h: 96, centered: true }, { children: [logoURL && _jsx(Logo, { src: logoURL, alt: "" }, void 0), _jsxs(Content, __assign({ spaceBetween: true, w: contentWidth }, { children: [leftButtonUI, _jsx(Div, __assign({ alignCenter: true }, { children: stepsUI }), void 0), rightButtonUI] }), void 0), _jsx(CloseIcon, __assign({ centered: true, clickable: true, onClick: onClose }, { children: closeIconCondensed }), void 0)] }), void 0)] }, void 0));
+    var leftButtonUI = (_jsx(Div, __assign({ w: 100 }, { children: currentStepIndex > 0 && !appResponse && (_jsx(Button, __assign({ variant: "secondary", onClick: goBack }, { children: "Go back" }))) })));
+    var rightButtonUI = (_jsxs(Div, __assign({ w: 100 }, { children: [isMatchStep && (_jsx(Button, __assign({ variant: "primary", onClick: continueToNextStep }, { children: "Continue" }))), isReviewStep && (_jsx(Button, __assign({ variant: "primary", isDisabled: !isSpreadsheetReviewComplete, onClick: function () { return setIsSubmitModalOpen(true); } }, { children: "Submit" })))] })));
+    return (_jsxs(_Fragment, { children: [unmatchedHeadersModalUI, submitModalUI, _jsxs(StepperWrapper, __assign({ pRelative: true, alignCenter: true, w100: true, h: 96, centered: true }, { children: [logoURL && _jsx(Logo, { src: logoURL, alt: "" }), _jsxs(Content, __assign({ spaceBetween: true, w: contentWidth }, { children: [leftButtonUI, _jsx(Div, __assign({ alignCenter: true }, { children: stepsUI })), rightButtonUI] })), _jsx(CloseIcon, __assign({ centered: true, clickable: true, onClick: onClose }, { children: closeIconCondensed }))] }))] }));
 };
 var Content = styled(Div)(function (_a) {
     var _b = _a.theme, colors = _b.colors, c = _b.css;
@@ -135,10 +135,10 @@ var CloseIcon = styled(Div)(function (_a) {
     return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    position: absolute;\n    right: 41px;\n  "], ["\n    position: absolute;\n    right: 41px;\n  "])));
 });
 export { Stepper };
-var submitSvg = (_jsxs("svg", __assign({ width: 64, height: 64, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { fill: "#fff", d: "M0 0h64v64H0z" }, void 0), _jsx("path", { d: "M49.306 6.195a2 2 0 0 1 2.824-.16l10.379 9.27a2 2 0 0 1 .16 2.824L28.148 56.78a2 2 0 0 1-2.824.16l-10.379-9.27a2 2 0 0 1-.16-2.823l34.52-38.652Z", fill: "url(#a)", style: {
+var submitSvg = (_jsxs("svg", __assign({ width: 64, height: 64, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { fill: "#fff", d: "M0 0h64v64H0z" }), _jsx("path", { d: "M49.306 6.195a2 2 0 0 1 2.824-.16l10.379 9.27a2 2 0 0 1 .16 2.824L28.148 56.78a2 2 0 0 1-2.824.16l-10.379-9.27a2 2 0 0 1-.16-2.823l34.52-38.652Z", fill: "url(#a)", style: {
                 mixBlendMode: "multiply",
-            } }, void 0), _jsx("rect", { x: 38.727, y: 44.871, width: 17.915, height: 35.878, rx: 2, transform: "rotate(131.582 38.727 44.87)", fill: "url(#b)", style: {
+            } }), _jsx("rect", { x: 38.727, y: 44.871, width: 17.915, height: 35.878, rx: 2, transform: "rotate(131.582 38.727 44.87)", fill: "url(#b)", style: {
                 mixBlendMode: "darken",
-            } }, void 0), _jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "a", x1: 18.672, y1: 47.198, x2: 37.603, y2: 58.473, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#D0A617" }, void 0), _jsx("stop", { offset: 1, stopColor: "#FEE18F" }, void 0)] }), void 0), _jsxs("linearGradient", __assign({ id: "b", x1: 47.684, y1: 44.871, x2: 36.123, y2: 89.527, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#6BEEFF" }, void 0), _jsx("stop", { offset: 1, stopColor: "#08CABE" }, void 0)] }), void 0)] }, void 0)] }), void 0));
-var errorIcon = (_jsxs("svg", __assign({ width: "68", height: "68", viewBox: "0 0 68 68", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", __assign({ clipPath: "url(#clip0_1052_34495)" }, { children: [_jsx("rect", { width: "68", height: "68", fill: "white" }, void 0), _jsx("g", __assign({ style: { mixBlendMode: "multiply" } }, { children: _jsx("path", { d: "M28.5668 8.05854C29.6943 6.10577 32.5129 6.10576 33.6403 8.05854L59.1466 52.2368C60.274 54.1895 58.8648 56.6305 56.6099 56.6305H5.59726C3.34239 56.6305 1.93309 54.1895 3.06053 52.2368L28.5668 8.05854Z", fill: "url(#paint0_linear_1052_34495)" }, void 0) }), void 0), _jsx("g", __assign({ style: { mixBlendMode: "multiply" } }, { children: _jsx("path", { d: "M34.4375 9.68867C35.5649 7.73589 38.3835 7.73589 39.511 9.68867L65.816 55.2503C66.9434 57.2031 65.5341 59.6441 63.2793 59.6441H10.6692C8.41432 59.6441 7.00502 57.2031 8.13246 55.2503L34.4375 9.68867Z", fill: "url(#paint1_linear_1052_34495)" }, void 0) }), void 0), _jsx("rect", { x: "29.0371", y: "21.2632", width: "6.43183", height: "21.3972", rx: "2.92916", fill: "#FFFDF8" }, void 0), _jsx("rect", { x: "29.0371", y: "44.7898", width: "6.43183", height: "5.61436", rx: "2.80718", fill: "#FFFDF8" }, void 0)] }), void 0), _jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "paint0_linear_1052_34495", x1: "10.0099", y1: "28.8136", x2: "30.2646", y2: "54.4823", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#FD5C39" }, void 0), _jsx("stop", { offset: "1", stopColor: "#FFB869" }, void 0)] }), void 0), _jsxs("linearGradient", __assign({ id: "paint1_linear_1052_34495", x1: "18.8007", y1: "74.0811", x2: "85.2567", y2: "33.8684", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#E7C551" }, void 0), _jsx("stop", { offset: "1", stopColor: "#FEE18F" }, void 0)] }), void 0), _jsx("clipPath", __assign({ id: "clip0_1052_34495" }, { children: _jsx("rect", { width: "68", height: "68", fill: "white" }, void 0) }), void 0)] }, void 0)] }), void 0));
+            } }), _jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "a", x1: 18.672, y1: 47.198, x2: 37.603, y2: 58.473, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#D0A617" }), _jsx("stop", { offset: 1, stopColor: "#FEE18F" })] })), _jsxs("linearGradient", __assign({ id: "b", x1: 47.684, y1: 44.871, x2: 36.123, y2: 89.527, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#6BEEFF" }), _jsx("stop", { offset: 1, stopColor: "#08CABE" })] }))] })] })));
+var errorIcon = (_jsxs("svg", __assign({ width: "68", height: "68", viewBox: "0 0 68 68", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", __assign({ clipPath: "url(#clip0_1052_34495)" }, { children: [_jsx("rect", { width: "68", height: "68", fill: "white" }), _jsx("g", __assign({ style: { mixBlendMode: "multiply" } }, { children: _jsx("path", { d: "M28.5668 8.05854C29.6943 6.10577 32.5129 6.10576 33.6403 8.05854L59.1466 52.2368C60.274 54.1895 58.8648 56.6305 56.6099 56.6305H5.59726C3.34239 56.6305 1.93309 54.1895 3.06053 52.2368L28.5668 8.05854Z", fill: "url(#paint0_linear_1052_34495)" }) })), _jsx("g", __assign({ style: { mixBlendMode: "multiply" } }, { children: _jsx("path", { d: "M34.4375 9.68867C35.5649 7.73589 38.3835 7.73589 39.511 9.68867L65.816 55.2503C66.9434 57.2031 65.5341 59.6441 63.2793 59.6441H10.6692C8.41432 59.6441 7.00502 57.2031 8.13246 55.2503L34.4375 9.68867Z", fill: "url(#paint1_linear_1052_34495)" }) })), _jsx("rect", { x: "29.0371", y: "21.2632", width: "6.43183", height: "21.3972", rx: "2.92916", fill: "#FFFDF8" }), _jsx("rect", { x: "29.0371", y: "44.7898", width: "6.43183", height: "5.61436", rx: "2.80718", fill: "#FFFDF8" })] })), _jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "paint0_linear_1052_34495", x1: "10.0099", y1: "28.8136", x2: "30.2646", y2: "54.4823", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#FD5C39" }), _jsx("stop", { offset: "1", stopColor: "#FFB869" })] })), _jsxs("linearGradient", __assign({ id: "paint1_linear_1052_34495", x1: "18.8007", y1: "74.0811", x2: "85.2567", y2: "33.8684", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#E7C551" }), _jsx("stop", { offset: "1", stopColor: "#FEE18F" })] })), _jsx("clipPath", __assign({ id: "clip0_1052_34495" }, { children: _jsx("rect", { width: "68", height: "68", fill: "white" }) }))] })] })));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/lib/esm/Importer/TrialModeBanner.js CHANGED Viewed

@@ -16,8 +16,8 @@ import { Div, Span } from "../styled/utils";
 import { useImporterContext } from "./ImporterContextProvider";
 export var TrialModeBanner = function () {
     var inTrialMode = useImporterContext().inTrialMode;
-    return (_jsx(_Fragment, { children: inTrialMode && (_jsxs(Div, __assign({ bg: theme.colors.orange100, h: 80, dflex: true, alignCenter: true, justifyCenter: true }, { children: [_jsx(Div, __assign({ ml: 33, mr: 8 }, { children: exclamationPointIcon }), void 0), _jsx(Span, __assign({ mr: 16 }, { children: "You're currently in Trial mode. Subscribe to a plan to deploy to your website." }), void 0), _jsx(Button, __assign({ w: 120, br: 8, variant: "secondary", onClick: function () {
+    return (_jsx(_Fragment, { children: inTrialMode && (_jsxs(Div, __assign({ bg: theme.colors.orange100, h: 80, dflex: true, alignCenter: true, justifyCenter: true }, { children: [_jsx(Div, __assign({ ml: 33, mr: 8 }, { children: exclamationPointIcon })), _jsx(Span, __assign({ mr: 16 }, { children: "You're currently in Trial mode. Subscribe to a plan to deploy to your website." })), _jsx(Button, __assign({ w: 120, br: 8, variant: "secondary", onClick: function () {
                         window.location.href = "".concat(process.env.REACT_APP_API_BASE_URL, "/account/billing");
-                    } }, { children: "Select plan" }), void 0)] }), void 0)) }, void 0));
+                    } }, { children: "Select plan" }))] }))) }));
 };
-var exclamationPointIcon = (_jsx("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM12 6C12.5523 6 13 6.44772 13 7V12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12V7C11 6.44772 11.4477 6 12 6ZM12 15C12.5523 15 13 15.4477 13 16V16.5C13 17.0523 12.5523 17.5 12 17.5C11.4477 17.5 11 17.0523 11 16.5V16C11 15.4477 11.4477 15 12 15Z", fill: "#FF9A34" }, void 0) }), void 0));
+var exclamationPointIcon = (_jsx("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM12 6C12.5523 6 13 6.44772 13 7V12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12V7C11 6.44772 11.4477 6 12 6ZM12 15C12.5523 15 13 15.4477 13 16V16.5C13 17.0523 12.5523 17.5 12 17.5C11.4477 17.5 11 17.0523 11 16.5V16C11 15.4477 11.4477 15 12 15Z", fill: "#FF9A34" }) })));

package/lib/esm/Importer/Uploader/DragAndDropImporter/ImporterDropzone.js CHANGED Viewed

@@ -33,10 +33,10 @@ var DropzoneUploadingContainer = styled(Div)(function (_a) {
     var _b = _a.theme, colors = _b.colors, c = _b.css;
     return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    background: ", ";\n    border: 1px solid ", ";\n  "], ["\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    background: ", ";\n    border: 1px solid ", ";\n  "])), theme.colors.blue100, theme.colors.blue500);
 });
-var dropzoneUploadingUI = (_jsx(DropzoneUploadingContainer, __assign({ centered: true }, { children: _jsxs(Div, { children: [_jsx(Div, __assign({ centered: true, mb: 12 }, { children: UploadIndicatorSvg }), void 0), _jsx(Div, __assign({ h5: true }, { children: " Drop your file here to upload!" }), void 0)] }, void 0) }), void 0));
+var dropzoneUploadingUI = (_jsx(DropzoneUploadingContainer, __assign({ centered: true }, { children: _jsxs(Div, { children: [_jsx(Div, __assign({ centered: true, mb: 12 }, { children: UploadIndicatorSvg })), _jsx(Div, __assign({ h5: true }, { children: " Drop your file here to upload!" }))] }) })));
 var DragAndDropComponent = function (_a) {
     var openUploadFileDialog = _a.openUploadFileDialog;
-    return (_jsxs(Div, __assign({ centered: true, flexColumn: true }, { children: [_jsx(Div, __assign({ mb: 12 }, { children: DragAndDropSvg }), void 0), _jsx(Div, __assign({ h4: true }, { children: "Drag & drop your file here" }), void 0), _jsx(Div, __assign({ body1: true, textAlignCenter: true, m: 20 }, { children: "Or" }), void 0), _jsx(Button, __assign({ variant: "secondary", w: 133, isSmall: true, onClick: openUploadFileDialog }, { children: "Browse Files" }), void 0)] }), void 0));
+    return (_jsxs(Div, __assign({ centered: true, flexColumn: true }, { children: [_jsx(Div, __assign({ mb: 12 }, { children: DragAndDropSvg })), _jsx(Div, __assign({ h4: true }, { children: "Drag & drop your file here" })), _jsx(Div, __assign({ body1: true, textAlignCenter: true, m: 20 }, { children: "Or" })), _jsx(Button, __assign({ variant: "secondary", w: 133, isSmall: true, onClick: openUploadFileDialog }, { children: "Browse Files" }))] })));
 };
 var ImporterDropzone = function () {
     var _a = useUploaderContext(), setIsUploading = _a.setIsUploading, setFileName = _a.setFileName;
@@ -99,7 +99,7 @@ var ImporterDropzone = function () {
         maxFiles: 1,
         maxSize: 10000000,
     }), getRootProps = _b.getRootProps, getInputProps = _b.getInputProps, open = _b.open, isDragActive = _b.isDragActive;
-    return (_jsxs(DragAndDropCard, __assign({ centered: true, pRelative: true }, getRootProps(), { children: [_jsx("input", __assign({}, getInputProps()), void 0), isDragActive && dropzoneUploadingUI, _jsx(DragAndDropComponent, { openUploadFileDialog: open }, void 0)] }), void 0));
+    return (_jsxs(DragAndDropCard, __assign({ centered: true, pRelative: true }, getRootProps(), { children: [_jsx("input", __assign({}, getInputProps())), isDragActive && dropzoneUploadingUI, _jsx(DragAndDropComponent, { openUploadFileDialog: open })] })));
 };
 export { ImporterDropzone };
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/lib/esm/Importer/Uploader/DragAndDropImporter/backgrounds.js CHANGED Viewed

@@ -10,5 +10,5 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var DragAndDropSvg = (_jsxs("svg", __assign({ width: "164", height: "96", viewBox: "0 0 164 96", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", { children: _jsx("path", { d: "M70.5229 74.0865C70.7599 74.9708 70.2351 75.8798 69.3508 76.1167L20.8309 89.1176C19.9466 89.3545 19.0377 88.8297 18.8007 87.9455L1.0238 21.6011C0.786859 20.7168 1.31164 19.8079 2.19593 19.5709L25.801 13.246C26.2207 13.1335 26.6678 13.1904 27.0461 13.4043L58.5194 31.2049C58.9065 31.4238 59.1894 31.7891 59.3045 32.2187L70.5229 74.0865Z", fill: "url(#paint0_linear_1658_47819)" }, void 0) }, void 0), _jsx("g", { children: _jsx("path", { d: "M26.1516 13.1523L58.22 31.2361L34.3354 37.6359C33.4988 37.8601 32.6389 37.3636 32.4148 36.527L26.1516 13.1523Z", fill: "#E8CF81" }, void 0) }, void 0), _jsx("g", { children: _jsx("path", { d: "M145.75 88.0883C145.511 88.9799 144.594 89.509 143.703 89.2701L95.2092 76.2763C94.3176 76.0374 93.7885 75.121 94.0274 74.2294L111.797 7.9115C112.036 7.0199 112.953 6.49079 113.844 6.72969L137.431 13.0496C137.854 13.163 138.216 13.4381 138.438 13.8155L156.789 44.9582C157.016 45.3445 157.079 45.8061 156.963 46.2392L145.75 88.0883Z", fill: "url(#paint1_linear_1658_47819)" }, void 0) }, void 0), _jsx("g", { children: _jsx("path", { d: "M138.09 13.2272L156.82 44.9224L132.676 38.4529C131.983 38.2672 131.571 37.5548 131.757 36.8617L138.09 13.2272Z", fill: "#68CECA" }, void 0) }, void 0), _jsx("g", { children: _jsx("path", { d: "M118.113 93.183C118.113 94.7388 116.852 96.0001 115.296 96.0001L49.5348 96.0001C47.979 96.0001 46.7177 94.7388 46.7177 93.183L46.7177 2.81711C46.7177 1.2613 47.979 6.91772e-05 49.5348 6.87584e-05L81.2634 6.02178e-05C82.0018 6.00191e-05 82.7108 0.290033 83.2376 0.807552L117.271 34.2418C117.81 34.7715 118.113 35.4956 118.113 36.2514L118.113 93.183Z", fill: "url(#paint2_linear_1658_47819)" }, void 0) }, void 0), _jsx("g", { children: _jsx("path", { d: "M81.9936 0.00131226L117.054 34.3579H83.8716C82.8344 34.3579 81.9936 33.5171 81.9936 32.4799L81.9936 0.00131226Z", fill: "#6FE7E2" }, void 0) }, void 0), _jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "paint0_linear_1658_47819", x1: "40.3734", y1: "13.1259", x2: "-7.01613", y2: "51.8154", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#D0A617" }, void 0), _jsx("stop", { offset: "1", stopColor: "#FEE18F" }, void 0)] }), void 0), _jsxs("linearGradient", __assign({ id: "paint1_linear_1658_47819", x1: "119.456", y1: "82.7732", x2: "171.105", y2: "7.1263", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#006BA8" }, void 0), _jsx("stop", { offset: "1", stopColor: "#01FFD7" }, void 0)] }), void 0), _jsxs("linearGradient", __assign({ id: "paint2_linear_1658_47819", x1: "82.4156", y1: "96.0001", x2: "103.774", y2: "10.7256", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#24D2EA" }, void 0), _jsx("stop", { offset: "1", stopColor: "#10F9EB" }, void 0)] }), void 0)] }, void 0)] }), void 0));
-export var UploadIndicatorSvg = (_jsxs("svg", __assign({ width: "96", height: "96", viewBox: "0 0 96 96", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", { children: _jsx("path", { d: "M1 79.3761L95.7523 79.3762L48.3762 32L1 79.3761Z", fill: "url(#paint0_linear_1630_46301)" }, void 0) }, void 0), _jsx("g", { children: _jsx("path", { d: "M1 55.3761L95.7523 55.3762L48.3762 8L1 55.3761Z", fill: "url(#paint1_linear_1630_46301)" }, void 0) }, void 0), _jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "paint0_linear_1630_46301", x1: "48.3761", y1: "32", x2: "40.1872", y2: "94.8016", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#88CDF3" }, void 0), _jsx("stop", { offset: "1", stopColor: "#00C7A8", stopOpacity: "0.895833" }, void 0)] }), void 0), _jsxs("linearGradient", __assign({ id: "paint1_linear_1630_46301", x1: "78.6058", y1: "-24.6165", x2: "64.3686", y2: "81.3108", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#0098B9" }, void 0), _jsx("stop", { offset: "1", stopColor: "#00A8CD", stopOpacity: "0.895833" }, void 0)] }), void 0)] }, void 0)] }), void 0));
+export var DragAndDropSvg = (_jsxs("svg", __assign({ width: "164", height: "96", viewBox: "0 0 164 96", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", { children: _jsx("path", { d: "M70.5229 74.0865C70.7599 74.9708 70.2351 75.8798 69.3508 76.1167L20.8309 89.1176C19.9466 89.3545 19.0377 88.8297 18.8007 87.9455L1.0238 21.6011C0.786859 20.7168 1.31164 19.8079 2.19593 19.5709L25.801 13.246C26.2207 13.1335 26.6678 13.1904 27.0461 13.4043L58.5194 31.2049C58.9065 31.4238 59.1894 31.7891 59.3045 32.2187L70.5229 74.0865Z", fill: "url(#paint0_linear_1658_47819)" }) }), _jsx("g", { children: _jsx("path", { d: "M26.1516 13.1523L58.22 31.2361L34.3354 37.6359C33.4988 37.8601 32.6389 37.3636 32.4148 36.527L26.1516 13.1523Z", fill: "#E8CF81" }) }), _jsx("g", { children: _jsx("path", { d: "M145.75 88.0883C145.511 88.9799 144.594 89.509 143.703 89.2701L95.2092 76.2763C94.3176 76.0374 93.7885 75.121 94.0274 74.2294L111.797 7.9115C112.036 7.0199 112.953 6.49079 113.844 6.72969L137.431 13.0496C137.854 13.163 138.216 13.4381 138.438 13.8155L156.789 44.9582C157.016 45.3445 157.079 45.8061 156.963 46.2392L145.75 88.0883Z", fill: "url(#paint1_linear_1658_47819)" }) }), _jsx("g", { children: _jsx("path", { d: "M138.09 13.2272L156.82 44.9224L132.676 38.4529C131.983 38.2672 131.571 37.5548 131.757 36.8617L138.09 13.2272Z", fill: "#68CECA" }) }), _jsx("g", { children: _jsx("path", { d: "M118.113 93.183C118.113 94.7388 116.852 96.0001 115.296 96.0001L49.5348 96.0001C47.979 96.0001 46.7177 94.7388 46.7177 93.183L46.7177 2.81711C46.7177 1.2613 47.979 6.91772e-05 49.5348 6.87584e-05L81.2634 6.02178e-05C82.0018 6.00191e-05 82.7108 0.290033 83.2376 0.807552L117.271 34.2418C117.81 34.7715 118.113 35.4956 118.113 36.2514L118.113 93.183Z", fill: "url(#paint2_linear_1658_47819)" }) }), _jsx("g", { children: _jsx("path", { d: "M81.9936 0.00131226L117.054 34.3579H83.8716C82.8344 34.3579 81.9936 33.5171 81.9936 32.4799L81.9936 0.00131226Z", fill: "#6FE7E2" }) }), _jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "paint0_linear_1658_47819", x1: "40.3734", y1: "13.1259", x2: "-7.01613", y2: "51.8154", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#D0A617" }), _jsx("stop", { offset: "1", stopColor: "#FEE18F" })] })), _jsxs("linearGradient", __assign({ id: "paint1_linear_1658_47819", x1: "119.456", y1: "82.7732", x2: "171.105", y2: "7.1263", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#006BA8" }), _jsx("stop", { offset: "1", stopColor: "#01FFD7" })] })), _jsxs("linearGradient", __assign({ id: "paint2_linear_1658_47819", x1: "82.4156", y1: "96.0001", x2: "103.774", y2: "10.7256", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#24D2EA" }), _jsx("stop", { offset: "1", stopColor: "#10F9EB" })] }))] })] })));
+export var UploadIndicatorSvg = (_jsxs("svg", __assign({ width: "96", height: "96", viewBox: "0 0 96 96", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", { children: _jsx("path", { d: "M1 79.3761L95.7523 79.3762L48.3762 32L1 79.3761Z", fill: "url(#paint0_linear_1630_46301)" }) }), _jsx("g", { children: _jsx("path", { d: "M1 55.3761L95.7523 55.3762L48.3762 8L1 55.3761Z", fill: "url(#paint1_linear_1630_46301)" }) }), _jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "paint0_linear_1630_46301", x1: "48.3761", y1: "32", x2: "40.1872", y2: "94.8016", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#88CDF3" }), _jsx("stop", { offset: "1", stopColor: "#00C7A8", stopOpacity: "0.895833" })] })), _jsxs("linearGradient", __assign({ id: "paint1_linear_1630_46301", x1: "78.6058", y1: "-24.6165", x2: "64.3686", y2: "81.3108", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#0098B9" }), _jsx("stop", { offset: "1", stopColor: "#00A8CD", stopOpacity: "0.895833" })] }))] })] })));