@zeniai/web-components 3.16.91 → 3.16.93

package/dist/InviteFormPage-CsL2egNG.js

@@ -0,0 +1,873 @@
+import { j as t, d as u1, m as x1, u as k1, g as w1, h as L1, F as f1 } from "./vendor-.pnpm-B2klaOGU.js";
+import * as o from "react";
+import { useState as $1, useEffect as t1, useRef as y1 } from "react";
+import r from "@emotion/styled";
+import { u as L, a as $, R as c, S as n, D as s, aw as x, J as u, C as p, E as E1, he as M1, a2 as o1, e_ as v1, w as j1, _ as H1, j as B1, aS as S1, fm as b1, fj as W1, B as J, Z as P1, o as n1, x as D1, y as I1, aD as T1, aE as V1, ao as z1 } from "./index-l08vvOmt.js";
+import { css as R1 } from "@emotion/react";
+import { L as A1 } from "./LabeledEmailInputField-DVbkArLk.js";
+const Z1 = (e) => /* @__PURE__ */ o.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ o.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M3.36767 1.99756C2.40387 1.99756 1.62256 2.77887 1.62256 3.74267V21.1937C1.62256 22.1575 2.40387 22.9388 3.36767 22.9388H14.7109C15.6747 22.9388 16.456 22.1575 16.456 21.1937V20.4549H23.0184C23.1941 20.4549 23.3362 20.3103 23.3362 20.1319V8.32789C23.3362 8.14954 23.1941 8.00488 23.0184 8.00488H16.456V3.74267C16.456 2.77887 15.6747 1.99756 14.7109 1.99756H3.36767Z", fill: "#95C1B7" }), /* @__PURE__ */ o.createElement("path", { d: "M13.4563 7.83117V19.6458C13.4563 19.8213 13.5985 19.9635 13.774 19.9635H22.5739C22.7493 19.9635 22.8916 19.8213 22.8916 19.6458V7.83117C22.8916 7.6557 22.7493 7.51345 22.5739 7.51345H13.774C13.5985 7.51345 13.4563 7.6557 13.4563 7.83117Z", stroke: "#95C1B7", strokeWidth: 0.436277, strokeMiterlimit: 10 }), /* @__PURE__ */ o.createElement("rect", { x: 14.7109, y: 9.41418, width: 6.98043, height: 1.30883, rx: 0.218138, stroke: "#95C1B7", strokeWidth: 0.436277 }), /* @__PURE__ */ o.createElement("path", { d: "M15.5834 7.5V2.87011C15.5834 1.90631 14.8021 1.125 13.8383 1.125H2.49511C1.53131 1.125 0.75 1.90631 0.75 2.87011V20.3212C0.75 21.285 1.53131 22.0663 2.49511 22.0663H13.9725C14.8622 22.0663 15.5834 21.3451 15.5834 20.4554V20.4554", stroke: "#95C1B7", strokeWidth: 0.436277, strokeMiterlimit: 10 }), /* @__PURE__ */ o.createElement("path", { d: "M16.957 17.8477L15.5508 16.4414", stroke: "#EEBA7D", strokeWidth: 0.375, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M15.5508 17.8477L16.957 16.4414", stroke: "#EEBA7D", strokeWidth: 0.375, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M16.2539 12.75V14.5078", stroke: "#EEBA7D", strokeWidth: 0.375, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M17.1328 13.6289H15.375", stroke: "#EEBA7D", strokeWidth: 0.375, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M19.5938 13.6289H21.3516", stroke: "#EEBA7D", strokeWidth: 0.375, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M19.5938 17.4961H21.3516", stroke: "#EEBA7D", strokeWidth: 0.375, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M19.5938 17.4961H21.3516", stroke: "#EEBA7D", strokeWidth: 0.375, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M19.5938 16.793H21.3516", stroke: "#EEBA7D", strokeWidth: 0.375, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M5.4751 5.21431V4.5", stroke: "#EEBA7D", strokeWidth: 0.375, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M5.4751 10.875V10.1307", stroke: "#EEBA7D", strokeWidth: 0.375, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M3.75 8.4851C3.75 8.85166 3.8363 9.23103 4.05504 9.5318C4.29172 9.85734 4.66511 10.0308 5.05388 10.0974C5.41702 10.159 5.79468 10.135 6.15269 10.0513C6.89179 9.8787 7.43008 9.12252 7.09942 8.3689C6.90289 7.91946 6.42868 7.71781 5.96728 7.67424C5.63319 7.64262 5.29227 7.64006 4.95904 7.59221C4.67792 7.55205 4.39767 7.45806 4.19431 7.253C3.99095 7.04793 3.87731 6.73862 3.88757 6.43957C3.90209 5.99526 4.15842 5.6193 4.55488 5.42449C4.97014 5.22113 5.47512 5.21088 5.92285 5.28863C6.21763 5.3399 6.50643 5.46208 6.71235 5.67911C6.97125 5.95082 7.05669 6.32336 7.06951 6.68821", stroke: "#EEBA7D", strokeWidth: 0.375, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M3.75 15.75H10.125", stroke: "#ECB87D", strokeWidth: 0.375, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M3.75 17.25H7.5", stroke: "#ECB87D", strokeWidth: 0.375, strokeMiterlimit: 10, strokeLinecap: "round" })), _1 = (e) => /* @__PURE__ */ o.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ o.createElement("path", { opacity: 0.2, d: "M22.477 23.4954C22.0856 23.4954 22.0856 23.048 21.6943 23.048C21.303 23.048 21.303 23.4954 20.9105 23.4954C20.518 23.4954 20.518 23.048 20.1266 23.048C19.7341 23.048 19.7341 23.4954 19.3428 23.4954C18.9515 23.4954 18.9515 23.048 18.5601 23.048C18.1688 23.048 18.1688 23.4954 17.7763 23.4954C17.3838 23.4954 17.3838 23.048 16.9925 23.048C16.6 23.048 16.6 23.4954 16.2086 23.4954C15.8173 23.4954 15.8173 23.048 15.4259 23.048C15.0346 23.048 15.0346 23.4954 14.6421 23.4954C14.2496 23.4954 14.2496 23.048 13.8583 23.048C13.4658 23.048 13.4658 23.4954 13.0744 23.4954C12.6831 23.4954 12.6831 23.048 12.2918 23.048C11.9004 23.048 11.9004 23.4954 11.5079 23.4954C11.1154 23.4954 11.1154 23.048 10.7241 23.048C10.3316 23.048 10.3316 23.4954 9.94026 23.4954H9.97917C9.67479 23.4954 9.42877 23.2494 9.42877 22.945V2.03331C9.42877 1.72893 9.67479 1.48291 9.97917 1.48291H22.4724C22.7768 1.48291 23.0228 1.72893 23.0228 2.03331V22.9439C23.0228 23.2482 22.7768 23.4943 22.4724 23.4943", fill: "#95C1B7" }), /* @__PURE__ */ o.createElement("path", { d: "M21.613 22.6302C21.2217 22.6302 21.2217 22.1828 20.8303 22.1828C20.439 22.1828 20.439 22.6302 20.0465 22.6302C19.654 22.6302 19.654 22.1828 19.2627 22.1828C18.8702 22.1828 18.8702 22.6302 18.4788 22.6302C18.0875 22.6302 18.0875 22.1828 17.6962 22.1828C17.3048 22.1828 17.3048 22.6302 16.9123 22.6302C16.5198 22.6302 16.5198 22.1828 16.1285 22.1828C15.736 22.1828 15.736 22.6302 15.3447 22.6302C14.9533 22.6302 14.9533 22.1828 14.562 22.1828C14.1706 22.1828 14.1706 22.6302 13.7782 22.6302C13.3857 22.6302 13.3857 22.1828 12.9943 22.1828C12.6018 22.1828 12.6018 22.6302 12.2105 22.6302C11.8191 22.6302 11.8191 22.1828 11.4278 22.1828C11.0365 22.1828 11.0365 22.6302 10.644 22.6302C10.2515 22.6302 10.2515 22.1828 9.86014 22.1828C9.46766 22.1828 9.46766 22.6302 9.07631 22.6302H9.11522C8.81084 22.6302 8.56482 22.3842 8.56482 22.0798V1.16929C8.56482 0.864916 8.81084 0.618896 9.11522 0.618896H21.6085C21.9128 0.618896 22.1588 0.864916 22.1588 1.16929V22.0798C22.1588 22.3842 21.9128 22.6302 21.6085 22.6302", stroke: "#96C2B8", strokeWidth: 0.359375, strokeMiterlimit: 10 }), /* @__PURE__ */ o.createElement("path", { d: "M4.15823 6.82217C4.15823 6.18709 4.01748 5.99257 3.55634 5.99257C4.01748 5.99257 4.15823 5.79804 4.15823 5.16296C4.15823 5.79804 4.29897 5.99257 4.76012 5.99257C4.29897 5.99257 4.15823 6.18709 4.15823 6.82217Z", stroke: "#ECB87D", strokeWidth: 0.359375, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M5.69722 12.2642C3.20498 12.2642 1.17847 10.2365 1.17847 7.74544C1.17847 5.25435 3.20613 3.22668 5.69722 3.22668C8.18832 3.22668 10.216 5.25435 10.216 7.74544C10.216 10.2365 8.18832 12.2642 5.69722 12.2642Z", fill: "white", stroke: "#ECB87D", strokeWidth: 0.359375, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M5.69727 11.4749C7.75748 11.4749 9.42762 9.80472 9.42762 7.74451C9.42762 5.68429 7.75748 4.01416 5.69727 4.01416C3.63705 4.01416 1.96692 5.68429 1.96692 7.74451C1.96692 9.80472 3.63705 11.4749 5.69727 11.4749Z", stroke: "#ECB87D", strokeWidth: 0.359375, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M5.88492 10.4358C5.88492 8.37612 5.42721 7.74562 3.93164 7.74562C5.42607 7.74562 5.88492 7.11512 5.88492 5.05542C5.88492 7.11512 6.34264 7.74562 7.83821 7.74562C6.34378 7.74562 5.88492 8.37612 5.88492 10.4358Z", stroke: "#ECB87D", strokeWidth: 0.359375, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M4.15823 6.82205C4.15823 6.18697 4.01748 5.99244 3.55634 5.99244C4.01748 5.99244 4.15823 5.79792 4.15823 5.16284C4.15823 5.79792 4.29897 5.99244 4.76012 5.99244C4.29897 5.99244 4.15823 6.18697 4.15823 6.82205Z", stroke: "#ECB87D", strokeWidth: 0.359375, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M11.1509 17.8278H19.5693", stroke: "#ECB87D", strokeWidth: 0.359375, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M11.1509 16.1217H19.5693", stroke: "#ECB87D", strokeWidth: 0.359375, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M11.1509 14.4144H19.5693", stroke: "#ECB87D", strokeWidth: 0.359375, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M13.7408 6.25L19.4908 6.25", stroke: "#ECB87D", strokeWidth: 0.359375, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M16.6158 5.17188L19.4908 5.17187", stroke: "#ECB87D", strokeWidth: 0.359375, strokeMiterlimit: 10, strokeLinecap: "round" })), N1 = (e) => /* @__PURE__ */ o.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ o.createElement("g", { opacity: 0.2 }, /* @__PURE__ */ o.createElement("path", { d: "M3 24L3.80689 21.3415C3.83708 21.2422 3.89501 21.1557 3.97248 21.0944C4.04995 21.0331 4.14304 21.0001 4.23857 21H20.8864C20.982 21.0001 21.075 21.0331 21.1525 21.0944C21.23 21.1557 21.2879 21.2422 21.3181 21.3415L22.125 23.996", fill: "#95C1B7" }), /* @__PURE__ */ o.createElement("path", { d: "M13.875 11.25H19.875V21H13.875V11.25Z", fill: "#95C1B7" }), /* @__PURE__ */ o.createElement("path", { d: "M4.875 11.25H10.125V21H4.875V11.25Z", fill: "#95C1B7" }), /* @__PURE__ */ o.createElement("path", { d: "M21.6401 9.01266C21.6726 8.91487 21.6704 8.80881 21.6336 8.71251C21.5968 8.61621 21.5279 8.53561 21.4384 8.48441L12.608 3.43477C12.5402 3.39562 12.4632 3.375 12.3849 3.375C12.3066 3.375 12.2297 3.39562 12.1618 3.43477L3.32787 8.48084C3.23841 8.53204 3.16944 8.61264 3.13267 8.70894C3.09591 8.80524 3.09363 8.9113 3.12621 9.0091L3.80794 11.0373C3.83752 11.1261 3.89428 11.2034 3.97018 11.2582C4.04609 11.3129 4.1373 11.3424 4.2309 11.3425H20.5425C20.6361 11.3424 20.7273 11.3129 20.8032 11.2582C20.8791 11.2034 20.9359 11.1261 20.9655 11.0373L21.6401 9.01266Z", fill: "#95C1B7" })), /* @__PURE__ */ o.createElement("path", { d: "M2.39233 23.2099L3.18293 20.8346C3.21251 20.7458 3.26927 20.6685 3.34517 20.6138C3.42108 20.559 3.51229 20.5295 3.60589 20.5294H19.9175C20.0111 20.5295 20.1023 20.559 20.1782 20.6138C20.2541 20.6685 20.3109 20.7458 20.3405 20.8346L21.131 23.2064", stroke: "#97C3B9", strokeWidth: 0.375, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M4.177 10.7175H19.3464V20.533H4.177V10.7175Z", stroke: "#97C3B9", strokeWidth: 0.375, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M22.0234 23.2101H1.5", stroke: "#97C3B9", strokeWidth: 0.375, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M6.85571 10.7175V20.533", stroke: "#97C3B9", strokeWidth: 0.375, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M9.53265 10.7175V20.533", stroke: "#97C3B9", strokeWidth: 0.375, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M13.9943 10.7175V20.533", stroke: "#97C3B9", strokeWidth: 0.375, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M16.6712 10.7175V20.533", stroke: "#97C3B9", strokeWidth: 0.375, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M21.0151 8.38766C21.0476 8.28987 21.0454 8.18381 21.0086 8.08751C20.9718 7.99121 20.9029 7.91061 20.8134 7.85941L11.983 2.80977C11.9152 2.77062 11.8382 2.75 11.7599 2.75C11.6816 2.75 11.6047 2.77062 11.5368 2.80977L2.70287 7.85584C2.61341 7.90704 2.54444 7.98764 2.50767 8.08394C2.47091 8.18024 2.46863 8.2863 2.50121 8.3841L3.18294 10.4123C3.21252 10.5011 3.26928 10.5784 3.34518 10.6332C3.42109 10.6879 3.5123 10.7174 3.6059 10.7175H19.9175C20.0111 10.7174 20.1023 10.6879 20.1782 10.6332C20.2541 10.5784 20.3109 10.5011 20.3405 10.4123L21.0151 8.38766Z", stroke: "#97C3B9", strokeWidth: 0.375, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M20.9821 8.04053H2.53693", stroke: "#97C3B9", strokeWidth: 0.375, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M18.25 7.125C16.3886 7.125 14.875 5.61057 14.875 3.75C14.875 1.88943 16.3894 0.375 18.25 0.375C20.1106 0.375 21.625 1.88943 21.625 3.75C21.625 5.61057 20.1106 7.125 18.25 7.125Z", fill: "white", stroke: "#ECB87D", strokeWidth: 0.375, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M18.25 6.375C19.6997 6.375 20.875 5.19975 20.875 3.75C20.875 2.30025 19.6997 1.125 18.25 1.125C16.8003 1.125 15.625 2.30025 15.625 3.75C15.625 5.19975 16.8003 6.375 18.25 6.375Z", stroke: "#ECB87D", strokeWidth: 0.375, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M18.4375 5.625C18.4375 4.18944 18.1299 3.75 17.125 3.75C18.1292 3.75 18.4375 3.31056 18.4375 1.875C18.4375 3.31056 18.7451 3.75 19.75 3.75C18.7458 3.75 18.4375 4.18944 18.4375 5.625Z", stroke: "#ECB87D", strokeWidth: 0.375, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M17.125 3C17.125 2.5694 17.0373 2.4375 16.75 2.4375C17.0373 2.4375 17.125 2.3056 17.125 1.875C17.125 2.3056 17.2127 2.4375 17.5 2.4375C17.2127 2.4375 17.125 2.5694 17.125 3Z", stroke: "#ECB87D", strokeWidth: 0.375, strokeMiterlimit: 10, strokeLinecap: "round" })), F1 = (e) => /* @__PURE__ */ o.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ o.createElement("g", { opacity: 0.2 }, /* @__PURE__ */ o.createElement("rect", { x: 2.67438, y: 4.71814, width: 20.8256, height: 14.0034, rx: 0.9192, fill: "#95C1B7" }), /* @__PURE__ */ o.createElement("rect", { x: 1.40771, y: 6.06409, width: 21.0035, height: 13.6239, rx: 0.9192, fill: "#95C1B7" })), /* @__PURE__ */ o.createElement("path", { d: "M1.76672 5.43625V4.9192C1.76672 4.41154 2.17826 4 2.68592 4H21.6732C22.1808 4 22.5924 4.41154 22.5924 4.9192V17.0813C22.5924 17.5901 22.1791 18.0021 21.6703 18.0005L21.5 18", stroke: "#97C3B9", strokeWidth: 0.38 }), /* @__PURE__ */ o.createElement("rect", { x: 0.690061, y: 5.53607, width: 20.6235, height: 13.2439, rx: 0.7292, stroke: "#97C3B9", strokeWidth: 0.38 }), /* @__PURE__ */ o.createElement("path", { d: "M3.87793 15.5109L18.1255 15.5109", stroke: "#EEBA7D", strokeWidth: 0.2298, strokeLinecap: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M0.689514 8.30872C8.75232 8.30872 13.2728 8.30872 21.3356 8.30872", stroke: "#97C3B9", strokeWidth: 0.38, strokeLinecap: "square" }), /* @__PURE__ */ o.createElement("path", { d: "M4.49109 11.6229L4.07109 11.0133H4.32549L4.60869 11.4213C4.61029 11.4245 4.61909 11.4389 4.63509 11.4645H4.63989C4.64309 11.4597 4.64629 11.4541 4.64949 11.4477C4.65269 11.4397 4.65829 11.4301 4.66629 11.4189L4.94709 11.0133H5.18709L4.76229 11.6325L5.19189 12.2517H4.93749L4.64709 11.8317C4.64389 11.8269 4.63429 11.8109 4.61829 11.7837H4.61349C4.60869 11.7965 4.60069 11.8117 4.58949 11.8293L4.29669 12.2517H4.05909L4.49109 11.6229ZM5.68406 11.6229L5.26406 11.0133H5.51846L5.80166 11.4213C5.80326 11.4245 5.81206 11.4389 5.82806 11.4645H5.83286C5.83606 11.4597 5.83926 11.4541 5.84246 11.4477C5.84566 11.4397 5.85126 11.4301 5.85926 11.4189L6.14006 11.0133H6.38006L5.95526 11.6325L6.38486 12.2517H6.13046L5.84006 11.8317C5.83686 11.8269 5.82726 11.8109 5.81126 11.7837H5.80646C5.80166 11.7965 5.79366 11.8117 5.78246 11.8293L5.48966 12.2517H5.25206L5.68406 11.6229ZM6.87703 11.6229L6.45703 11.0133H6.71143L6.99463 11.4213C6.99623 11.4245 7.00503 11.4389 7.02103 11.4645H7.02583C7.02903 11.4597 7.03223 11.4541 7.03543 11.4477C7.03863 11.4397 7.04423 11.4301 7.05223 11.4189L7.33303 11.0133H7.57303L7.14823 11.6325L7.57783 12.2517H7.32343L7.03303 11.8317C7.02983 11.8269 7.02023 11.8109 7.00423 11.7837H6.99943C6.99463 11.7965 6.98663 11.8117 6.97543 11.8293L6.68263 12.2517H6.44503L6.87703 11.6229ZM8.33702 11.5077H8.92262V11.6949H8.33702V11.5077ZM10.1161 11.6229L9.69609 11.0133H9.95049L10.2337 11.4213C10.2353 11.4245 10.2441 11.4389 10.2601 11.4645H10.2649C10.2681 11.4597 10.2713 11.4541 10.2745 11.4477C10.2777 11.4397 10.2833 11.4301 10.2913 11.4189L10.5721 11.0133H10.8121L10.3873 11.6325L10.8169 12.2517H10.5625L10.2721 11.8317C10.2689 11.8269 10.2593 11.8109 10.2433 11.7837H10.2385C10.2337 11.7965 10.2257 11.8117 10.2145 11.8293L9.92169 12.2517H9.68409L10.1161 11.6229ZM11.3091 11.6229L10.8891 11.0133H11.1435L11.4267 11.4213C11.4283 11.4245 11.4371 11.4389 11.4531 11.4645H11.4579C11.4611 11.4597 11.4643 11.4541 11.4675 11.4477C11.4707 11.4397 11.4763 11.4301 11.4843 11.4189L11.7651 11.0133H12.0051L11.5803 11.6325L12.0099 12.2517H11.7555L11.4651 11.8317C11.4619 11.8269 11.4523 11.8109 11.4363 11.7837H11.4315C11.4267 11.7965 11.4187 11.8117 11.4075 11.8293L11.1147 12.2517H10.8771L11.3091 11.6229ZM12.769 11.5077H13.3546V11.6949H12.769V11.5077ZM14.5481 11.6229L14.1281 11.0133H14.3825L14.6657 11.4213C14.6673 11.4245 14.6761 11.4389 14.6921 11.4645H14.6969C14.7001 11.4597 14.7033 11.4541 14.7065 11.4477C14.7097 11.4397 14.7153 11.4301 14.7233 11.4189L15.0041 11.0133H15.2441L14.8193 11.6325L15.2489 12.2517H14.9945L14.7041 11.8317C14.7009 11.8269 14.6913 11.8109 14.6753 11.7837H14.6705C14.6657 11.7965 14.6577 11.8117 14.6465 11.8293L14.3537 12.2517H14.1161L14.5481 11.6229ZM15.7411 11.6229L15.3211 11.0133H15.5755L15.8587 11.4213C15.8603 11.4245 15.8691 11.4389 15.8851 11.4645H15.8899C15.8931 11.4597 15.8963 11.4541 15.8995 11.4477C15.9027 11.4397 15.9083 11.4301 15.9163 11.4189L16.1971 11.0133H16.4371L16.0123 11.6325L16.4419 12.2517H16.1875L15.8971 11.8317C15.8939 11.8269 15.8843 11.8109 15.8683 11.7837H15.8635C15.8587 11.7965 15.8507 11.8117 15.8395 11.8293L15.5467 12.2517H15.3091L15.7411 11.6229ZM16.9341 11.6229L16.5141 11.0133H16.7685L17.0517 11.4213C17.0533 11.4245 17.0621 11.4389 17.0781 11.4645H17.0829C17.0861 11.4597 17.0893 11.4541 17.0925 11.4477C17.0957 11.4397 17.1013 11.4301 17.1093 11.4189L17.3901 11.0133H17.6301L17.2053 11.6325L17.6349 12.2517H17.3805L17.0901 11.8317C17.0869 11.8269 17.0773 11.8109 17.0613 11.7837H17.0565C17.0517 11.7965 17.0437 11.8117 17.0325 11.8293L16.7397 12.2517H16.5021L16.9341 11.6229ZM18.127 11.6229L17.707 11.0133H17.9614L18.2446 11.4213C18.2462 11.4245 18.255 11.4389 18.271 11.4645H18.2758C18.279 11.4597 18.2822 11.4541 18.2854 11.4477C18.2886 11.4397 18.2942 11.4301 18.3022 11.4189L18.583 11.0133H18.823L18.3982 11.6325L18.8278 12.2517H18.5734L18.283 11.8317C18.2798 11.8269 18.2702 11.8109 18.2542 11.7837H18.2494C18.2446 11.7965 18.2366 11.8117 18.2254 11.8293L17.9326 12.2517H17.695L18.127 11.6229Z", fill: "#EEBA7D" })), O1 = (e) => /* @__PURE__ */ o.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ o.createElement("path", { d: "M13.9996 0.733765H4.5992C3.60195 0.733765 2.64554 1.12992 1.94037 1.83509C1.23521 2.54025 0.83905 3.49666 0.83905 4.49391V9.1941C0.83905 10.1914 1.23521 11.1478 1.94037 11.8529C2.64554 12.5581 3.60195 12.9542 4.5992 12.9542H5.53924V16.7144L9.7694 12.9542H13.9996C14.9968 12.9542 15.9532 12.5581 16.6584 11.8529C17.3636 11.1478 17.7597 10.1914 17.7597 9.1941V4.49391C17.7597 3.49666 17.3636 2.54025 16.6584 1.83509C15.9532 1.12992 14.9968 0.733765 13.9996 0.733765Z", stroke: "#97C3B9", strokeWidth: 0.375, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ o.createElement("path", { opacity: 0.2, d: "M14.9111 1.64539H5.51076C4.51351 1.64539 3.5571 2.04154 2.85193 2.74671C2.14677 3.45187 1.75061 4.40828 1.75061 5.40553V10.1057C1.75061 11.103 2.14677 12.0594 2.85193 12.7645C3.5571 13.4697 4.51351 13.8659 5.51076 13.8659H6.4508V17.626L10.681 13.8659H14.9111C15.9084 13.8659 16.8648 13.4697 17.57 12.7645C18.2751 12.0594 18.6713 11.103 18.6713 10.1057V5.40553C18.6713 4.40828 18.2751 3.45187 17.57 2.74671C16.8648 2.04154 15.9084 1.64539 14.9111 1.64539Z", fill: "#97C3B9" }), /* @__PURE__ */ o.createElement("path", { opacity: 0.2, d: "M14.3873 12.6124H20.6542C21.3191 12.6124 21.9567 12.8765 22.4268 13.3466C22.8969 13.8168 23.161 14.4544 23.161 15.1192V18.2527C23.161 18.9175 22.8969 19.5551 22.4268 20.0252C21.9567 20.4953 21.3191 20.7594 20.6542 20.7594H20.0276V23.2662L17.2074 20.7594H14.3873C13.7225 20.7594 13.0849 20.4953 12.6148 20.0252C12.1447 19.5551 11.8806 18.9175 11.8806 18.2527V15.1192C11.8806 14.4544 12.1447 13.8168 12.6148 13.3466C13.0849 12.8765 13.7225 12.6124 14.3873 12.6124Z", fill: "#97C3B9" }), /* @__PURE__ */ o.createElement("path", { d: "M11.1794 15.7744V17.1845C11.1794 17.8078 11.427 18.4055 11.8678 18.8463C12.3085 19.287 12.9063 19.5346 13.5295 19.5346H15.8796L18.6997 22.3547V19.5346H20.1098C20.7331 19.5346 21.3308 19.287 21.7716 18.8463C22.2123 18.4055 22.4599 17.8078 22.4599 17.1845V14.3644C22.4599 13.7411 22.2123 13.1433 21.7716 12.7026C21.3308 12.2619 20.7331 12.0143 20.1098 12.0143H19.6398", stroke: "#97C3B9", strokeWidth: 0.375, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M13.7386 8.59765H13.203C13.2606 7.01941 14.1015 5.99413 14.7063 5.06677H12.5636V4.66357H15.1326V5.06677C14.5796 5.97109 13.8596 6.81205 13.7386 8.59765Z", fill: "#EEBA7D" }), /* @__PURE__ */ o.createElement("path", { d: "M12.1762 8.59765H11.652L10.932 7.50901L10.2005 8.59765H9.6994L10.6844 7.14613L9.71092 5.71765H10.212L10.9378 6.77749L11.652 5.71765H12.1589L11.1797 7.14037L12.1762 8.59765Z", fill: "#EEBA7D" }), /* @__PURE__ */ o.createElement("path", { d: "M8.98761 8.59765H8.54409V7.72789H6.69513V7.20949L8.34825 4.66357H8.98761V7.33621H9.48297V7.72789H8.98761V8.59765ZM8.54409 7.33621V5.03797H8.53257L7.06953 7.33621H8.54409Z", fill: "#EEBA7D" }), /* @__PURE__ */ o.createElement("path", { d: "M6.05249 8.59764H3.46625C3.67937 7.1058 5.61473 6.85812 5.61473 5.82132C5.61473 5.41812 5.30945 5.0034 4.84289 5.0034C4.23809 5.0034 4.00769 5.493 3.92705 6.1266L3.50081 5.99988C3.56417 5.18772 4.06529 4.60596 4.86017 4.60596C5.57441 4.60596 6.08705 5.13588 6.08705 5.79828C6.08705 6.97908 4.39361 7.35348 4.11137 8.19444H6.05249V8.59764Z", fill: "#EEBA7D" })), q1 = (e) => /* @__PURE__ */ o.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ o.createElement("path", { d: "M17.3326 20.625C15.6158 21.733 13.5708 22.376 11.3755 22.376C5.3001 22.376 0.375 17.4509 0.375 11.3755C0.375 5.3001 5.3001 0.375 11.3755 0.375C17.4509 0.375 22.376 5.3001 22.376 11.3755C22.376 13.0029 22.0226 14.5477 21.3884 15.9375", stroke: "#95C1B7", strokeWidth: 0.375, strokeMiterlimit: 10 }), /* @__PURE__ */ o.createElement("path", { opacity: 0.2, d: "M12.0686 23.0691C18.144 23.0691 23.0691 18.144 23.0691 12.0686C23.0691 5.99321 18.144 1.06812 12.0686 1.06812C5.99321 1.06812 1.06812 5.99321 1.06812 12.0686C1.06812 18.144 5.99321 23.0691 12.0686 23.0691Z", fill: "#97C3B9" }), /* @__PURE__ */ o.createElement("path", { d: "M11.7635 2.83984C6.80818 2.83984 2.77576 6.87227 2.77576 11.8276", stroke: "#ECB87D", strokeWidth: 0.375, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M11.8365 7.84417V6.58032", stroke: "#95C1B7", strokeWidth: 0.375, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M11.8365 17.0936V15.8827", stroke: "#95C1B7", strokeWidth: 0.375, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M9.02765 13.2004C9.02765 13.7975 9.16823 14.4155 9.52456 14.9054C9.91012 15.4357 10.5184 15.7183 11.1517 15.8269C11.7433 15.9271 12.3585 15.8881 12.9417 15.7517C14.1457 15.4705 15.0226 14.2387 14.4839 13.0111C14.1638 12.2789 13.3913 11.9504 12.6396 11.8794C12.0954 11.8279 11.54 11.8238 10.9972 11.7458C10.5393 11.6804 10.0827 11.5273 9.75144 11.1932C9.42017 10.8592 9.23504 10.3553 9.25175 9.86813C9.27541 9.14434 9.69298 8.53191 10.3388 8.21455C11.0153 7.88328 11.8379 7.86658 12.5673 7.99324C13.0475 8.07675 13.5179 8.2758 13.8534 8.62934C14.2751 9.07197 14.4143 9.67884 14.4352 10.2732", stroke: "#95C1B7", strokeWidth: 0.375, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M19.274 21.2979C21.0131 21.2979 22.4229 19.8881 22.4229 18.149C22.4229 16.4098 21.0131 15 19.274 15C17.5348 15 16.125 16.4098 16.125 18.149C16.125 19.8881 17.5348 21.2979 19.274 21.2979Z", fill: "white", stroke: "#ECB87D", strokeWidth: 0.375, strokeMiterlimit: 10, strokeLinecap: "round" }), /* @__PURE__ */ o.createElement("path", { d: "M19.6256 16.3293L18.1478 18.1089C18.1363 18.1221 18.1289 18.1382 18.1266 18.1553C18.1242 18.1723 18.1269 18.1897 18.1344 18.2053C18.1419 18.221 18.1539 18.2342 18.1689 18.2435C18.184 18.2529 18.2014 18.2578 18.2193 18.2579H18.8756V19.7043L20.3534 17.9248C20.365 17.9116 20.3724 17.8955 20.3749 17.8784C20.3773 17.8613 20.3746 17.8439 20.3671 17.8282C20.3595 17.8125 20.3475 17.7993 20.3324 17.79C20.3173 17.7807 20.2998 17.7758 20.2819 17.7758H19.6256V16.3293Z", stroke: "#ECB87D", strokeWidth: 0.375, strokeLinecap: "round", strokeLinejoin: "round" })), G1 = "https://storage.googleapis.com/zeni-apis.appspot.com/images/cfo-person.png", J1 = "https://storage.googleapis.com/zeni-apis.appspot.com/images/tax-person.png", U1 = "https://storage.googleapis.com/zeni-apis.appspot.com/images/payroll-person.png", Y1 = "https://storage.googleapis.com/zeni-apis.appspot.com/images/team-person-1.png", K1 = "https://storage.googleapis.com/zeni-apis.appspot.com/images/team-person-2.png", v = {
+  itemMarginBottom: new c(s[2], s[5]),
+  itemMarginRight: new c(s[0], s[0], s[0], s[5]),
+  itemPaddingTop: new c(s[3], s[4]),
+  titleMarginBottom: new c(s[1], s[3]),
+  titleMarginRight: new c(s[3], s[3]),
+  totalItemsMarginBottom: new c(s[4], s[5])
+}, Z = {
+  title: new x("standardRegular", "largeRegular"),
+  titleSpan: new x("tinyRegular", "extraSmallRegular"),
+  content: new x("extraSmallRegular", "standardRegular")
+}, Q1 = r.div`
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  margin-bottom: ${(e) => v.totalItemsMarginBottom.valuePx(e.windowSize)};
+`, r1 = r.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex: 1 1 auto;
+  width: calc(50% - 96px);
+  min-width: 290px;
+  margin-bottom: ${(e) => v.itemMarginBottom.valuePx(e.windowSize)};
+  padding: ${(e) => v.itemPaddingTop.valuePx(e.windowSize)} ${n.sp4};
+  background-color: ${(e) => e.theme.colors.grey4};
+  border-radius: ${n.sp2};
+  border: ${(e) => `1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${(e) => `${n.sp0} 1px 2px ${n.sp0} ${e.theme.colors.dropShadowNormal}`};
+
+  &:nth-child(odd) {
+    margin-right: ${(e) => v.itemMarginRight.valuePx(e.windowSize)};
+  }
+`, i1 = r.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  flex-direction: column;
+  margin-right: ${(e) => v.titleMarginRight.valuePx(e.windowSize)};
+`, s1 = r.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  margin-bottom: ${(e) => v.titleMarginBottom.valuePx(e.windowSize)};
+`, a1 = r(u)`
+  ${(e) => `${Z.title.style(e.windowSize)}`};
+  color: ${(e) => e.theme.colors.primary};
+`, l1 = r(u)`
+  ${(e) => `${Z.titleSpan.style(e.windowSize)}`};
+  border: 1px solid ${p.brandColorGold};
+  border-radius: ${n.sp1};
+  color: ${p.brandColorGold};
+  padding: 1px 6px;
+  margin-left: ${n.sp2};
+`, d1 = r(u)`
+  ${(e) => `${Z.content.style(e.windowSize)}`};
+  color: ${(e) => e.theme.colors.hero};
+`, X1 = r(O1)`
+  width: ${n.sp9};
+  height: ${n.sp9};
+  flex-shrink: 0;
+`, ee = r(_1)`
+  width: ${n.sp9};
+  height: ${n.sp9};
+  flex-shrink: 0;
+`, te = r(Z1)`
+  width: ${n.sp9};
+  height: ${n.sp9};
+  flex-shrink: 0;
+`, oe = r(q1)`
+  width: ${n.sp9};
+  height: ${n.sp9};
+  flex-shrink: 0;
+`, ne = r(N1)`
+  width: ${n.sp9};
+  height: ${n.sp9};
+  flex-shrink: 0;
+`, re = r(F1)`
+  width: ${n.sp9};
+  height: ${n.sp9};
+  flex-shrink: 0;
+`, ie = r.div`
+  display: flex;
+  gap: ${n.sp3};
+`, P = r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`, se = r.div`
+  display: flex;
+`, ae = r.div`
+  display: flex;
+`, D = r(E1)`
+  color: ${(e) => e.theme.colors.primary};
+`, S = R1`
+  width: ${n.sp7};
+  height: ${n.sp7};
+  border-radius: 50%;
+`, le = r.img`
+  ${S}
+`, de = r.img`
+  ${S}
+`, ce = r.img`
+  ${S}
+`, me = r.img`
+  ${S}
+`, pe = r.img`
+  margin-left: -${n.sp4};
+  ${S}
+`, g = $.getLocalizedStrings().rewardsPage.inviteEmailTemplate, he = (e) => {
+  switch (e) {
+    case "AI-Powered Bookkeeping":
+      return /* @__PURE__ */ t.jsx(te, {});
+    case "Bill Payments":
+      return /* @__PURE__ */ t.jsx(ee, {});
+    case "Employee Reimbursements":
+      return /* @__PURE__ */ t.jsx(oe, {});
+    case "Business Checking Accounts":
+      return /* @__PURE__ */ t.jsx(ne, {});
+    case "Business Credit Cards":
+      return /* @__PURE__ */ t.jsx(re, {});
+    case "Comprehensive Financial Services":
+      return /* @__PURE__ */ t.jsx(X1, {});
+    default:
+      return null;
+  }
+}, E = (e, i, a) => {
+  const d = a != null ? e.title.replace(a.key, a.value) : e.title;
+  return /* @__PURE__ */ t.jsxs(r1, { windowSize: i, children: [
+    /* @__PURE__ */ t.jsxs(i1, { windowSize: i, children: [
+      /* @__PURE__ */ t.jsxs(s1, { windowSize: i, children: [
+        /* @__PURE__ */ t.jsx(a1, { windowSize: i, children: e.key }),
+        e.tag != null ? /* @__PURE__ */ t.jsx(l1, { windowSize: i, children: e.tag }) : null
+      ] }),
+      /* @__PURE__ */ t.jsx(d1, { windowSize: i, children: d })
+    ] }),
+    he(e.key)
+  ] });
+}, Ce = (e, i) => /* @__PURE__ */ t.jsxs(r1, { windowSize: i, style: { marginRight: n.sp0 }, children: [
+  /* @__PURE__ */ t.jsxs(i1, { windowSize: i, children: [
+    /* @__PURE__ */ t.jsxs(s1, { windowSize: i, children: [
+      /* @__PURE__ */ t.jsx(a1, { windowSize: i, children: e.key }),
+      e.tag != null ? /* @__PURE__ */ t.jsx(l1, { windowSize: i, children: e.tag }) : null
+    ] }),
+    /* @__PURE__ */ t.jsx(d1, { style: { maxWidth: "280px" }, windowSize: i, children: e.title })
+  ] }),
+  /* @__PURE__ */ t.jsxs(ie, { children: [
+    i !== "small" ? /* @__PURE__ */ t.jsxs(ae, { children: [
+      /* @__PURE__ */ t.jsxs(P, { children: [
+        /* @__PURE__ */ t.jsx(le, { src: G1 }),
+        /* @__PURE__ */ t.jsx(D, { children: g.person1 })
+      ] }),
+      /* @__PURE__ */ t.jsxs(P, { children: [
+        /* @__PURE__ */ t.jsx(de, { src: J1 }),
+        /* @__PURE__ */ t.jsx(D, { children: g.person2 })
+      ] }),
+      /* @__PURE__ */ t.jsxs(P, { children: [
+        /* @__PURE__ */ t.jsx(ce, { src: U1 }),
+        /* @__PURE__ */ t.jsx(D, { children: g.person3 })
+      ] })
+    ] }) : null,
+    /* @__PURE__ */ t.jsxs(P, { children: [
+      /* @__PURE__ */ t.jsxs(se, { children: [
+        /* @__PURE__ */ t.jsx(me, { src: Y1 }),
+        /* @__PURE__ */ t.jsx(pe, { src: K1 })
+      ] }),
+      /* @__PURE__ */ t.jsx(D, { children: g.person4 })
+    ] })
+  ] })
+] });
+function ge({
+  chargeCardCashbackRatePerTransaction: e,
+  maxAnnualPercentageYield: i
+}) {
+  const a = L(), d = {
+    key: g.listItems.item5.key,
+    title: g.listItems.item5.title.replace(
+      "__cashback__",
+      (e * 100).toFixed(2)
+    )
+  };
+  return /* @__PURE__ */ t.jsxs(Q1, { windowSize: a, children: [
+    E(g.listItems.item1, a),
+    E(g.listItems.item2, a),
+    E(g.listItems.item3, a),
+    E(g.listItems.item4, a, {
+      key: "__rate__",
+      value: i.toString()
+    }),
+    E(d, a),
+    E(g.listItems.item6, a),
+    Ce(g.listItems.item7, a)
+  ] });
+}
+const j = {
+  detailMarginBottom: new c(s[3], s[5]),
+  subTitleMarginBottom: new c(s[3], s[4]),
+  iconWidth: new c(14, s[3]),
+  logoMarginTop: new c(s[3], s[5]),
+  logoMarginBottom: new c(s[3], s[2]),
+  logoWidth: new c(65, 102),
+  bodyPadding: new c(s[3], s[5])
+}, V = {
+  subjectText: new x("smallMedium", "standardMedium"),
+  title: new x("smallRegular", "standardRegular"),
+  getStarted: new x("smallRegular", "largeMedium")
+}, ue = r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: space-between;
+  flex: 1 1 auto;
+  background-color: ${(e) => e.theme.colors.grey4};
+`, xe = r.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  padding: ${n.sp3} 0;
+  border: ${(e) => `1px solid ${e.theme.colors.grey3}`};
+  border-radius: ${n.sp2};
+  background-color: ${(e) => e.theme.colors.background};
+  margin-bottom: ${n.sp3};
+`, U = r.div`
+  display: flex;
+  padding: 0 ${n.sp3};
+`, Y = r(u)`
+  ${(e) => `${V.title.style(e.windowSize)}`};
+  color: ${(e) => e.theme.colors.hero};
+  margin-right: ${n.sp1};
+`, K = r(u)`
+  ${(e) => `${V.subjectText.style(e.windowSize)}`};
+  color: ${(e) => e.theme.colors.primary};
+`, ke = r.div`
+  padding: ${(e) => j.bodyPadding.valuePx(e.windowSize)};
+  background-color: ${(e) => e.theme.colors.background};
+  border-radius: 0 0 ${n.sp2} ${n.sp2};
+`, we = r(v1)`
+  color: ${(e) => e.theme.mode === "light" ? p.brandColorOnyx : p.brandColorPearl};
+  margin-bottom: ${n.sp4};
+`, Le = r(u)`
+  ${(e) => `${V.title.style(e.windowSize)}`};
+  color: ${(e) => e.theme.mode === "light" ? p.brandColorOnyx : p.brandColorPearl};
+  margin-bottom: ${(e) => j.detailMarginBottom.valuePx(e.windowSize)};
+  display: flex;
+  align-items: center;
+`, fe = r(u)`
+  ${(e) => `${V.getStarted.style(e.windowSize)}`};
+  color: ${(e) => e.theme.colors.primary};
+  margin-right: ${n.sp1};
+`, $e = r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin: auto;
+  gap: ${n.sp3};
+`, ye = r(j1)`
+  color: ${(e) => e.theme.colors.primary};
+  margin-bottom: ${(e) => j.subTitleMarginBottom.valuePx(e.windowSize)};
+`, Ee = r(B1)`
+  color: ${(e) => e.theme.colors.primary};
+`, Me = r.div`
+  width: ${(e) => j.logoWidth.valuePx(e.windowSize)};
+  margin-top: ${(e) => j.logoMarginTop.valuePx(e.windowSize)};
+  margin-bottom: ${(e) => j.logoMarginBottom.valuePx(e.windowSize)};
+`, ve = r.div`
+  display: flex;
+  flex-wrap: wrap;
+  flex: 0 1 auto;
+  align-items: flex-start;
+`, Q = r.img`
+  width: 100%;
+  height: auto;
+`, je = r(H1)`
+  color: ${p.neutralGrey5Light};
+  text-align: center;
+  background-color: ${(e) => e.theme.colors.rewardsPromoColor2};
+  border: 1px solid ${(e) => e.theme.colors.rewardsPromoColor2};
+  border-radius: ${n.sp1};
+  padding: ${n.sp2} ${n.sp3};
+  width: fit-content;
+  cursor: pointer;
+`, He = ({
+  companyLegalName: e,
+  userName: i,
+  rewardsPlan: a,
+  chargeCardCashbackRatePerTransaction: d,
+  maxAnnualPercentageYield: h
+}) => {
+  const {
+    rewardsPage: { inviteEmailTemplate: l },
+    common: C
+  } = $.getLocalizedStrings(), m = L();
+  return /* @__PURE__ */ t.jsxs(ue, { windowSize: m, children: [
+    /* @__PURE__ */ t.jsxs(xe, { children: [
+      /* @__PURE__ */ t.jsxs(U, { children: [
+        /* @__PURE__ */ t.jsxs(Y, { windowSize: m, children: [
+          M1(C.from),
+          C.strings.colon
+        ] }),
+        /* @__PURE__ */ t.jsx(K, { windowSize: m, children: l.fromEmail })
+      ] }),
+      /* @__PURE__ */ t.jsxs(U, { children: [
+        /* @__PURE__ */ t.jsxs(Y, { windowSize: m, children: [
+          C.texts.subject,
+          C.strings.colon
+        ] }),
+        /* @__PURE__ */ t.jsxs(K, { windowSize: m, children: [
+          i,
+          C.strings.space,
+          l.title
+        ] })
+      ] })
+    ] }),
+    a.planName === "PLAN_1000" ? /* @__PURE__ */ t.jsx(
+      Q,
+      {
+        src: "https://storage.googleapis.com/zeni-apis.appspot.com/images/rewards-email-header.png",
+        alt: "rewards-email-promo",
+        loading: "lazy"
+      }
+    ) : /* @__PURE__ */ t.jsx(
+      Q,
+      {
+        src: "https://storage.googleapis.com/zeni-apis.appspot.com/images/rewards-email-header-4000.png",
+        alt: "rewards-email-promo"
+      }
+    ),
+    /* @__PURE__ */ t.jsxs(ke, { windowSize: m, children: [
+      /* @__PURE__ */ t.jsx(we, { children: l.templateTitle.replace("__user-name__", i) }),
+      /* @__PURE__ */ t.jsx(Le, { windowSize: m, children: l.content[a.planName].replace("__user-name__", i).replace("__company-name__", e).replace(
+        "__reward-amount__",
+        o1("0,0", a.referrerAmount)
+      ) }),
+      /* @__PURE__ */ t.jsx(ye, { windowSize: m, children: l.subTitle }),
+      /* @__PURE__ */ t.jsx(
+        ge,
+        {
+          chargeCardCashbackRatePerTransaction: d,
+          maxAnnualPercentageYield: h
+        }
+      ),
+      /* @__PURE__ */ t.jsx(ve, { children: /* @__PURE__ */ t.jsxs($e, { windowSize: m, children: [
+        /* @__PURE__ */ t.jsx(fe, { windowSize: m, children: l.footer }),
+        /* @__PURE__ */ t.jsx(
+          je,
+          {
+            onClick: () => window.open(a.referralLink.toString(), "_blank"),
+            children: l.getStarted
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ t.jsx(Me, { windowSize: m, children: /* @__PURE__ */ t.jsx(Ee, {}) })
+    ] })
+  ] });
+}, Be = {
+  width: new c(138, 150)
+}, {
+  rewardsPage: { form: I },
+  common: { labels: X, strings: Se }
+} = $.getLocalizedStrings(), be = (e, i) => {
+  const a = x1(i, e), d = e.split(".")[1];
+  if (a && i?.inviteeDetails[d].emailIds)
+    switch (i?.inviteeDetails[d].emailIds.type) {
+      case "required":
+        return I.sendEmailTo.invalidEmailMessage;
+      case "validate":
+        return I.sendEmailTo.duplicateEmail;
+      default:
+        return;
+    }
+}, We = ({
+  sectionId: e,
+  isEmptyInvitesSection: i,
+  invitee: a
+}) => {
+  const d = L(), {
+    formState: { errors: h }
+  } = u1(), l = i && (a == null || !a.companyName && !a.emailIds), C = !a?.companyName, m = (H, f) => `${H}.${f}`;
+  return /* @__PURE__ */ t.jsxs(Pe, { children: [
+    /* @__PURE__ */ t.jsx(
+      S1,
+      {
+        text: {
+          type: "text",
+          name: m(e, "companyName"),
+          placeholder: W1(X.companyName),
+          options: {
+            required: l === !0 ? !1 : C,
+            pattern: b1
+          }
+        },
+        label: {
+          label: `${X.companyName}`,
+          width: Be.width.value(d)
+        },
+        style: {
+          wordBreak: "break-word",
+          width: "100%"
+        }
+      }
+    ),
+    /* @__PURE__ */ t.jsx(Ie, {}),
+    /* @__PURE__ */ t.jsx(De, { windowSize: d, field: "email", children: /* @__PURE__ */ t.jsx(
+      A1,
+      {
+        label: `${I.sendEmailTo.label}${Se.colon}`,
+        name: m(e, "emailIds"),
+        placeholder: I.sendEmailTo.placeholder,
+        registerOptions: {
+          required: !0
+        },
+        style: {
+          border: "none",
+          outline: "none"
+        },
+        additionalInfoLabel: be(
+          m(e, "emailIds"),
+          h
+        )
+      }
+    ) })
+  ] });
+}, Pe = r.div`
+  display: flex;
+  flex-direction: column;
+  background-color: ${(e) => e.theme.colors.grey5};
+  border: 1px solid ${(e) => e.theme.colors.grey3};
+  box-shadow: ${(e) => `${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${n.sp2};
+  margin-bottom: ${n.sp3};
+`, De = r.div`
+  background-color: ${(e) => e.theme.colors.grey5};
+  border-radius: ${(e) => e.field === "email" ? `0 0 ${n.sp2} ${n.sp2}` : `${n.sp2} ${n.sp2} 0 0 `};
+  box-shadow: ${(e) => `${n.sp0} 2px ${n.sp1} ${e.theme.colors.dropShadowNormal}`};
+  padding-top: ${n.sp2};
+  padding-bottom: ${n.sp1};
+  display: flex;
+  align-items: center;
+  &:focus-within {
+    outline: 1px solid ${(e) => e.theme.colors.primary};
+  }
+  &:hover {
+    outline: 1px solid ${(e) => e.theme.colors.primary};
+  }
+`, Ie = r.div`
+  display: flex;
+  flex: 1;
+  background-color: ${(e) => e.theme.colors.grey3};
+  min-height: 1px;
+  max-height: 1px;
+`, T = {
+  addButtonMarginBottom: new c(s[2], s[3]),
+  inviteeMargin: new c(12, s[3]),
+  deleteConfirmationTextMarginBottom: new c(s[2], s[0]),
+  buttonWidth: new c(70, 70)
+}, Te = {
+  title: new x("standardMedium", "largeMedium")
+}, { rewardsPage: M, common: Ve } = $.getLocalizedStrings(), ze = ({
+  curIndex: e,
+  numberOfInvites: i,
+  showDeleteConfirmation: a,
+  setShowDeleteConfirmation: d,
+  onRemoveInviteSection: h
+}) => {
+  const l = L();
+  return /* @__PURE__ */ t.jsxs(Fe, { windowSize: l, children: [
+    i > 1 ? `#${e + 1} ${M.form.invitee}` : Ve.strings.empty,
+    a === e + 1 ? /* @__PURE__ */ t.jsxs(Je, { windowSize: l, children: [
+      /* @__PURE__ */ t.jsx(Ue, { windowSize: l, children: M.deleteConfirmation }),
+      /* @__PURE__ */ t.jsxs(Ye, { children: [
+        /* @__PURE__ */ t.jsx(
+          J,
+          {
+            label: M.cancel,
+            onClick: () => {
+              d(0);
+            },
+            style: {
+              width: T.buttonWidth.value(l),
+              marginLeft: l === "small" ? n.sp0 : n.sp4,
+              marginRight: n.sp3
+            },
+            size: "small",
+            variant: "secondary"
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          J,
+          {
+            label: M.remove,
+            onClick: () => {
+              d(0), h(e);
+            },
+            style: { width: T.buttonWidth.value(l) },
+            size: "small",
+            variant: "danger"
+          }
+        )
+      ] })
+    ] }) : e > 0 ? /* @__PURE__ */ t.jsx(
+      Ke,
+      {
+        className: "deleteIconWrapper",
+        onClick: () => d(e + 1),
+        children: /* @__PURE__ */ t.jsx(
+          P1,
+          {
+            enterDelay: 600,
+            title: M.deleteReferral,
+            placement: "top-end",
+            children: /* @__PURE__ */ t.jsx(Qe, { windowsize: l })
+          }
+        )
+      }
+    ) : null
+  ] });
+}, Re = ({
+  onInviteSection: e,
+  isSectionDisabled: i
+}) => {
+  const a = L();
+  return i != null ? /* @__PURE__ */ t.jsx(_e, {}) : /* @__PURE__ */ t.jsxs(Oe, { onClick: e, windowSize: a, children: [
+    /* @__PURE__ */ t.jsx(qe, {}),
+    /* @__PURE__ */ t.jsx(Ge, { children: M.form.addInvitee })
+  ] });
+};
+function Ae({
+  invites: e,
+  sectionId: i,
+  isDisabled: a,
+  onUpdateInviteFormLocalData: d
+}) {
+  const h = e.length, [l, C] = $1(0), m = e.length === 1 && !e[0].companyName, H = () => {
+    d([
+      ...e,
+      {
+        companyName: "",
+        emailIds: []
+      }
+    ]);
+  }, f = (y) => {
+    const k = [...e];
+    k.splice(y, 1), d(k);
+  };
+  return /* @__PURE__ */ t.jsxs(Ze, { children: [
+    e.map((y, k) => {
+      const z = !y.companyName;
+      return /* @__PURE__ */ t.jsxs(Ne, { children: [
+        (h > 1 || z) && !m ? /* @__PURE__ */ t.jsx(
+          ze,
+          {
+            curIndex: k,
+            numberOfInvites: h,
+            showDeleteConfirmation: l,
+            setShowDeleteConfirmation: C,
+            onRemoveInviteSection: f
+          }
+        ) : null,
+        /* @__PURE__ */ t.jsx(
+          We,
+          {
+            sectionId: `${i}.${k}`,
+            invitee: y,
+            isEmptyInvitesSection: m
+          }
+        )
+      ] }, `section_${i}.${k}`);
+    }),
+    h <= 9 && !m ? /* @__PURE__ */ t.jsx(
+      Re,
+      {
+        isSectionDisabled: a,
+        onInviteSection: H
+      }
+    ) : null
+  ] });
+}
+const Ze = r.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`, _e = r.div`
+  padding-bottom: ${n.sp4};
+  border: 1px solid black;
+`, Ne = r.div``, Fe = r(u)`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  color: ${(e) => e.theme.mode === "light" ? p.brandColorOnyx : p.brandColorPearl};
+  ${(e) => `${Te.title.style(e.windowSize)}`};
+  margin: ${(e) => T.inviteeMargin.valuePx(e.windowSize)} ${n.sp0};
+`, Oe = r.div`
+  padding-left: 0;
+  padding-right: 0;
+  width: fit-content;
+  display: flex;
+  align-items: center;
+  justify-content: ${(e) => e.windowSize === "small" ? "flex-end" : "flex-start"};
+  color: ${(e) => e.theme.colors.hero};
+  cursor: pointer;
+  &:hover {
+    svg {
+      color: ${(e) => e.theme.colors.primary};
+    }
+    color: ${(e) => e.theme.colors.primary};
+  }
+`, qe = r(I1)`
+  margin-right: ${n.sp2};
+  width: ${n.sp3};
+  height: ${n.sp3};
+  color: ${(e) => e.theme.colors.hero};
+`, Ge = r(n1)`
+  color: inherit;
+`, Je = r(n1)`
+  color: ${(e) => e.theme.colors.hero};
+  display: flex;
+  align-items: center;
+  flex-direction: ${(e) => e.windowSize === "small" ? "column" : "row"};
+`, Ue = r.div`
+  margin-bottom: ${(e) => T.deleteConfirmationTextMarginBottom.valuePx(e.windowSize)};
+`, Ye = r.div``, Ke = r.div`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  cursor: pointer;
+`, Qe = r(D1)`
+  width: ${n.sp3};
+  height: ${n.sp3};
+  cursor: pointer;
+  color: ${(e) => e.windowsize === "small" ? p.important : e.theme.colors.hero};
+  &:hover {
+    color: ${p.important};
+  }
+`, Xe = {
+  containerPaddingTop: new c(s[0], s[3]),
+  inviteeMarginBottom: new c(s[2], s[3])
+}, et = {
+  title: new x("standardMedium", "largeMedium")
+}, tt = "inviteeDetails", ot = $.getLocalizedStrings().rewardsPage.form, nt = ({
+  inviteFormView: e,
+  submitStatus: i,
+  isDisabled: a,
+  onDismissClick: d,
+  onUpdateInviteFormLocalData: h
+}) => {
+  const l = L(), C = T1(i.fetchState);
+  return t1(() => {
+    C === "In-Progress" && i.fetchState === "Completed" && d();
+  }, [C, i.fetchState, d]), /* @__PURE__ */ t.jsxs(rt, { windowSize: l, children: [
+    e.length < 2 ? /* @__PURE__ */ t.jsx(it, { windowSize: l, children: ot.invitee }) : null,
+    /* @__PURE__ */ t.jsx(
+      Ae,
+      {
+        invites: e,
+        sectionId: tt,
+        isDisabled: a,
+        onUpdateInviteFormLocalData: h
+      }
+    )
+  ] });
+}, rt = r.div`
+  display: flex;
+  flex-direction: column;
+  padding-top: ${(e) => Xe.containerPaddingTop.valuePx(e.windowSize)};
+  background-color: ${(e) => e.theme.colors.grey4};
+  height: 100%;
+  width: 100%;
+`, it = r(u)`
+  ${(e) => `${et.title.style(e.windowSize)}`};
+  color: ${(e) => e.theme.mode === "light" ? p.brandColorOnyx : p.brandColorPearl};
+  margin: ${n.sp3} ${n.sp0};
+`, {
+  rewardsPage: {
+    form: { counterText: st }
+  }
+} = $.getLocalizedStrings(), c1 = {
+  referralText: new x("extraSmallRegular", "smallRegular"),
+  referralAmount: new x("smallMedium", "standardMedium")
+};
+function at(e) {
+  const i = L();
+  return /* @__PURE__ */ t.jsxs(lt, { children: [
+    /* @__PURE__ */ t.jsx(dt, { windowSize: i, children: st }),
+    /* @__PURE__ */ t.jsx(ct, { windowSize: i, children: o1("0,0", e.amount) })
+  ] });
+}
+const lt = r.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding-bottom: ${n.sp2};
+`, dt = r(u)`
+  ${(e) => `${c1.referralText.style(e.windowSize)}`};
+  color: ${(e) => e.theme.colors.champion};
+`, ct = r(u)`
+  ${(e) => `${c1.referralAmount.style(e.windowSize)}`};
+  margin-left: ${n.sp1};
+  color: ${(e) => e.theme.mode === "light" ? e.theme.colors.brandColorSapphire : e.theme.colors.brandColorJade};
+`, mt = {
+  title: new x("standardMedium", "largeMedium")
+}, A = {
+  buttonWidth: new c(125, 125),
+  containerWidth: new c(90, 70),
+  emailTemplatePaddingBottom: new c(s[6], s[8])
+}, e1 = (e) => `${e}_form`;
+function Et(e) {
+  const {
+    inviteFormView: i,
+    submitStatus: a,
+    companyLegalName: d,
+    userName: h,
+    rewardsPlan: l,
+    chargeCardCashbackRatePerTransaction: C,
+    maxAnnualPercentageYield: m,
+    isDisabled: H,
+    onDismissClick: f,
+    onSendClick: y,
+    onUpdateInviteFormLocalData: k,
+    onCancelClick: z
+  } = e, b = L(), m1 = k1(), {
+    rewardsPage: _,
+    common: { footer: N }
+  } = $.getLocalizedStrings(), F = y1(null), B = w1({
+    mode: "all",
+    reValidateMode: "onChange",
+    defaultValues: {
+      inviteeDetails: i
+    },
+    values: {
+      inviteeDetails: i
+    }
+  }), p1 = i.length > 1 || i.length == 1 && !!i[0].companyName && i[0].emailIds.length > 0;
+  let O = 0;
+  i.forEach((w) => {
+    w.companyName && w.emailIds.length > 0 && O++;
+  });
+  const h1 = () => {
+    z(), f();
+  }, C1 = async (w, W) => {
+    w.includes("companyName") || k(W.inviteeDetails);
+  };
+  t1(() => {
+    const w = B.watch((W, { name: G }) => {
+      G != null && W != null && L1(() => C1(G, W));
+    });
+    return () => {
+      w.unsubscribe();
+    };
+  });
+  const g1 = () => {
+    const w = B.getValues();
+    k(w.inviteeDetails), y();
+  }, R = l.referrerAmount;
+  let q = null;
+  return p1 && (q = /* @__PURE__ */ t.jsx(
+    at,
+    {
+      amount: {
+        amount: O * R.amount,
+        currencyCode: R.currencyCode,
+        currencySymbol: R.currencySymbol
+      }
+    }
+  )), /* @__PURE__ */ t.jsxs(pt, { children: [
+    /* @__PURE__ */ t.jsx(
+      V1,
+      {
+        source: "InviteFormPage",
+        rightSideComponent: q,
+        title: _.referAndEarn,
+        showBackButton: !0,
+        backgroundColor: m1.colors.grey4,
+        style: { zIndex: 3 },
+        onBackClick: f,
+        scrollableContent: F
+      }
+    ),
+    /* @__PURE__ */ t.jsx(Ct, { ref: F, children: /* @__PURE__ */ t.jsxs(ht, { windowSize: b, children: [
+      /* @__PURE__ */ t.jsx(f1, { ...B, children: /* @__PURE__ */ t.jsx(xt, { children: /* @__PURE__ */ t.jsx(
+        "form",
+        {
+          id: e1("referral_invite_page"),
+          onSubmit: B.handleSubmit(g1),
+          children: /* @__PURE__ */ t.jsx(
+            nt,
+            {
+              inviteFormView: i,
+              submitStatus: a,
+              isDisabled: H,
+              onDismissClick: f,
+              onUpdateInviteFormLocalData: k
+            }
+          )
+        }
+      ) }) }),
+      /* @__PURE__ */ t.jsxs(ut, { children: [
+        /* @__PURE__ */ t.jsx(gt, { windowSize: b, children: _.inviteEmailTemplate.heading }),
+        /* @__PURE__ */ t.jsx(
+          He,
+          {
+            companyLegalName: d,
+            userName: h,
+            rewardsPlan: l,
+            chargeCardCashbackRatePerTransaction: C,
+            maxAnnualPercentageYield: m
+          }
+        )
+      ] })
+    ] }) }),
+    B.watch("inviteeDetails.0.companyName") ? /* @__PURE__ */ t.jsx(
+      z1,
+      {
+        formId: e1("referral_invite_page"),
+        style: { width: "100%" },
+        cancelBtn: {
+          label: N.cancel,
+          style: { width: A.buttonWidth.value(b) },
+          shouldResetOnCancel: !1,
+          onClick: h1
+        },
+        primaryBtn: {
+          label: N.send,
+          style: { width: A.buttonWidth.value(b) },
+          isDisabled: !1,
+          isLoading: a.fetchState === "In-Progress"
+        }
+      }
+    ) : null
+  ] });
+}
+const pt = r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background-color: ${(e) => e.theme.colors.grey4};
+  height: 100%;
+  width: 100%;
+`, ht = r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: ${n.sp5};
+  width: ${(e) => A.containerWidth.valuePercentage(e.windowSize)};
+`, Ct = r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: 100%;
+  width: 100%;
+  overflow-y: auto;
+`, gt = r(u)`
+  ${(e) => `${mt.title.style(e.windowSize)}`};
+  color: ${(e) => e.theme.mode === "light" ? p.brandColorOnyx : p.brandColorPearl};
+  margin: ${n.sp3} ${n.sp0};
+`, ut = r.div``, xt = r.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+
+  form {
+    width: 100%;
+  }
+`;
+export {
+  Et as default,
+  e1 as uniqueName
+};