@zeniai/web-components 3.16.60 → 3.16.61

package/dist/CompleteProfile-D5e9TQgy.js

@@ -0,0 +1,301 @@
+import { g as q, aJ as J, j as A, F as $ } from "./vendor-.pnpm-DtFedGku.js";
+import * as g from "react";
+import h, { useState as p } from "react";
+import o from "@emotion/styled";
+import { dateNow as V } from "@zeniai/client-epic-state";
+import { a as G, aY as _, aL as i, p as W, aQ as T, aH as Z, S as E, iA as z, fm as X, ap as AA, H as gA, F as BA, iB as eA } from "./index-Bi0bR3JC.js";
+import { L as EA } from "./LabeledNameField-DFORXDMd.js";
+import { L as CA } from "./LabeledAddressValue-C3R0DSjj.js";
+const QA = (B) => /* @__PURE__ */ g.createElement("svg", { width: 72, height: 72, viewBox: "0 0 72 72", fill: "none", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ...B }, /* @__PURE__ */ g.createElement("path", { opacity: 0.2, d: "M26.3252 5H51.6377C51.6377 5 57.2627 5 57.2627 10.625V64.0625C57.2627 64.0625 57.2627 69.6875 51.6377 69.6875H26.3252C26.3252 69.6875 20.7002 69.6875 20.7002 64.0625V10.625C20.7002 10.625 20.7002 5 26.3252 5Z", fill: "#97C3B9" }), /* @__PURE__ */ g.createElement("path", { d: "M23.3252 2H48.6377C48.6377 2 54.2627 2 54.2627 7.625V61.0625C54.2627 61.0625 54.2627 66.6875 48.6377 66.6875H23.3252C23.3252 66.6875 17.7002 66.6875 17.7002 61.0625V7.625C17.7002 7.625 17.7002 2 23.3252 2Z", stroke: "#97C3B9", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ g.createElement("path", { d: "M43.0127 2V4.8125C43.0127 5.55842 42.7164 6.27379 42.1889 6.80124C41.6615 7.32868 40.9461 7.625 40.2002 7.625H31.7627C31.0168 7.625 30.3014 7.32868 29.774 6.80124C29.2465 6.27379 28.9502 5.55842 28.9502 4.8125V2", stroke: "#97C3B9", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ g.createElement("g", { style: {
+  mixBlendMode: "darken"
+} }, /* @__PURE__ */ g.createElement("rect", { width: 26, height: 26, transform: "translate(22 12)", fill: "url(#pattern0_2225_11447)" }), /* @__PURE__ */ g.createElement("circle", { cx: 42, cy: 32, r: 12, fill: "url(#pattern1_2225_11447)" })), /* @__PURE__ */ g.createElement("path", { d: "M39.625 57.875H67.125C67.4565 57.875 67.7745 57.7433 68.0089 57.5089C68.2433 57.2745 68.375 56.9565 68.375 56.625V47.875C68.375 47.5435 68.2433 47.2255 68.0089 46.9911C67.7745 46.7567 67.4565 46.625 67.125 46.625H40.875C40.5435 46.625 40.2255 46.7567 39.9911 46.9911C39.7567 47.2255 39.625 47.5435 39.625 47.875V57.875Z", fill: "#EAF3F1", stroke: "#97C3B9", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ g.createElement("path", { d: "M62.1543 49.8V54.8", stroke: "#97C3B9", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ g.createElement("path", { d: "M60.0629 50.9288L64.2441 53.6713", stroke: "#97C3B9", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ g.createElement("path", { d: "M60.0744 53.6874L64.2344 50.9124", stroke: "#97C3B9", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ g.createElement("path", { d: "M53.9727 49.8V54.8", stroke: "#97C3B9", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ g.createElement("path", { d: "M51.8812 50.9288L56.0625 53.6713", stroke: "#97C3B9", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ g.createElement("path", { d: "M51.8927 53.6874L56.0527 50.9124", stroke: "#97C3B9", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ g.createElement("path", { d: "M45.792 49.8V54.8", stroke: "#97C3B9", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ g.createElement("path", { d: "M43.7006 50.9288L47.8818 53.6713", stroke: "#97C3B9", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ g.createElement("path", { d: "M43.7121 53.6874L47.8721 50.9124", stroke: "#97C3B9", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ g.createElement("defs", null, /* @__PURE__ */ g.createElement("pattern", { id: "pattern0_2225_11447", patternContentUnits: "objectBoundingBox", width: 1, height: 1 }, /* @__PURE__ */ g.createElement("use", { xlinkHref: "#image0_2225_11447", transform: "scale(0.002)" })), /* @__PURE__ */ g.createElement("pattern", { id: "pattern1_2225_11447", patternContentUnits: "objectBoundingBox", width: 1, height: 1 }, /* @__PURE__ */ g.createElement("use", { xlinkHref: "#image0_2225_11447", transform: "translate(-0.332832 -0.331172) scale(0.00333133)" })), /* @__PURE__ */ g.createElement("image", { id: "image0_2225_11447", width: 500, height: 500, preserveAspectRatio: "none", xlinkHref: "data:image/png;base64,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" }))), oA = (B) => /* @__PURE__ */ g.createElement("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...B }, /* @__PURE__ */ g.createElement("path", { d: "M1.33333 6.16693H2.52343C2.68125 6.16693 2.8326 6.22962 2.94419 6.34122C3.05579 6.45281 3.11848 6.60416 3.11848 6.76198V13.9026C3.11848 14.0604 3.05579 14.2118 2.94419 14.3233C2.8326 14.4349 2.68125 14.4976 2.52343 14.4976H1.33333", stroke: "currentColor", strokeWidth: 1.25, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ g.createElement("path", { d: "M3.11848 12.7125C7.48556 14.9296 7.27253 14.6374 11.0118 14.6374C12.578 14.6374 13.367 13.6169 13.8276 12.1216V12.1121L14.9624 8.30373V8.29659C15.016 8.11929 15.0275 7.93192 14.9959 7.74939C14.9644 7.56686 14.8907 7.39421 14.7807 7.24519C14.6707 7.09617 14.5274 6.97488 14.3622 6.89099C14.1971 6.8071 14.0146 6.76292 13.8294 6.76196H10.9136C10.7315 6.76197 10.5518 6.72017 10.3883 6.63977C10.2249 6.55937 10.082 6.44253 9.97086 6.29824C9.85968 6.15395 9.7831 5.98606 9.74704 5.80751C9.71097 5.62896 9.71637 5.44452 9.76281 5.26838L10.2876 3.27854C10.3485 3.04716 10.326 2.80175 10.2241 2.58528C10.1223 2.36881 9.94748 2.19507 9.73041 2.09448C9.51334 1.99388 9.2678 1.97285 9.03679 2.03506C8.80577 2.09727 8.604 2.23876 8.4668 2.43475L5.55819 6.55548C5.44832 6.7112 5.30266 6.83826 5.13345 6.92597C4.96425 7.01368 4.77646 7.05947 4.58588 7.05948H3.11848", stroke: "currentColor", strokeWidth: 1.25, strokeLinecap: "round", strokeLinejoin: "round" })), e = G.getLocalizedStrings(), m = "completeProfilePage", Q = "basicDetailsSection", u = "addressSection", n = (B, l) => `${B}.${l}`, SA = ({
+  userEmail: B,
+  googleAPIKey: l,
+  twoFactorAuthenticationView: r,
+  saveStatus: M,
+  hasUserEnteredBasicDetails: f,
+  onSave: D,
+  onGetOtp: w,
+  onVerifyOtp: k,
+  onResendOtp: x
+}) => {
+  const [t, d] = p(!1), [Y, y] = p(!1), I = q({
+    mode: "onChange",
+    reValidateMode: "onChange",
+    defaultValues: {
+      basicDetailsSection: {
+        name: {
+          firstName: "",
+          lastName: ""
+        },
+        email: B,
+        dateOfBirth: void 0,
+        phone: "",
+        address: void 0
+      }
+    }
+  }), L = J({
+    control: I.control,
+    name: `${Q}.address`
+  }), { dateFormat: F } = G.getLocalizedStrings(), c = () => {
+    const C = I.getValues(`${Q}.phone`);
+    C != null && C.trim().length > 0 && w(C);
+  }, R = (C, a) => {
+    k(C, a);
+  }, U = (C) => {
+    C != null && C.trim().length > 0 && x(C);
+  }, K = () => {
+    d(!0);
+  }, P = () => {
+    d(!1);
+  }, b = () => {
+    const C = I.getValues(`${u}`);
+    if (C != null) {
+      const a = eA(C);
+      I.setValue(`${Q}.address`, a);
+    }
+    d(!1);
+  }, O = I.handleSubmit((C) => {
+    if (C[Q].phone != null && r.otpVerificationStatus.fetchState !== "Completed" || r.otpVerificationStatus.fetchState === "Completed" && C[Q].phone != r.phone) {
+      c();
+      return;
+    }
+    D && D(C);
+  }), {
+    sendOtpStatus: H,
+    otpVerificationStatus: s,
+    otpChallenge: j,
+    phone: N
+  } = r, v = /* @__PURE__ */ A.jsxs(iA, { children: [
+    /* @__PURE__ */ A.jsx(QA, {}),
+    /* @__PURE__ */ A.jsxs(nA, { children: [
+      /* @__PURE__ */ A.jsxs(lA, { children: [
+        /* @__PURE__ */ A.jsx(_, { children: s.fetchState === "Completed" ? e.completeProfile.twoFAEnabled : e.completeProfile.enableTwoFA }),
+        /* @__PURE__ */ A.jsx(
+          i,
+          {
+            controller: s.fetchState === "Completed",
+            children: /* @__PURE__ */ A.jsx(dA, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ A.jsx(W, { children: e.completeProfile.enableTwoFADescription })
+    ] })
+  ] });
+  return /* @__PURE__ */ A.jsxs(tA, { children: [
+    /* @__PURE__ */ A.jsxs(IA, { children: [
+      /* @__PURE__ */ A.jsxs(sA, { children: [
+        t && /* @__PURE__ */ A.jsx(rA, { onClick: P }),
+        e.completeProfile.title
+      ] }),
+      /* @__PURE__ */ A.jsx($, { ...I, children: /* @__PURE__ */ A.jsxs("form", { id: `${m}_form`, onSubmit: O, children: [
+        /* @__PURE__ */ A.jsx(
+          i,
+          {
+            controller: f === !1,
+            children: /* @__PURE__ */ A.jsxs(S, { children: [
+              /* @__PURE__ */ A.jsx(i, { controller: t === !1, children: /* @__PURE__ */ A.jsxs(h.Fragment, { children: [
+                /* @__PURE__ */ A.jsx(
+                  T,
+                  {
+                    isDisabled: "disabled",
+                    showAdditionalInfoLabel: !1,
+                    label: {
+                      label: e.common.labels.email,
+                      width: 168
+                    },
+                    style: { width: "100%" },
+                    text: {
+                      type: "text",
+                      name: n(Q, "email")
+                    }
+                  }
+                ),
+                /* @__PURE__ */ A.jsx(
+                  EA,
+                  {
+                    isDisabled: void 0,
+                    label: {
+                      label: e.common.labels.name,
+                      width: 168
+                    },
+                    style: { width: "100%" },
+                    nameField: {
+                      name: n(Q, "name"),
+                      placeHolder: {
+                        firstName: e.common.placeholder.firstNamePlaceholder,
+                        lastName: e.common.placeholder.lastNamePlaceholder,
+                        name: e.common.placeholder.namePlaceholder
+                      },
+                      showFullNameError: !0,
+                      registerOptions: {
+                        required: !0
+                      }
+                    },
+                    errorInfoLabel: ""
+                  }
+                ),
+                /* @__PURE__ */ A.jsx(
+                  Z,
+                  {
+                    isOptional: !0,
+                    label: {
+                      label: e.common.labels.dob,
+                      width: 168
+                    },
+                    style: { width: "100%" },
+                    isDisabled: void 0,
+                    dateField: {
+                      name: n(Q, "dateOfBirth"),
+                      placeholder: e.common.placeholder.dobPlaceholder,
+                      dateFormat: F.visual.defaultInput,
+                      autoComplete: "off",
+                      maxDate: V().subtract(18, "year")
+                    }
+                  }
+                ),
+                /* @__PURE__ */ A.jsx(
+                  CA,
+                  {
+                    isOptional: !0,
+                    label: { label: e.common.labels.address, width: 168 },
+                    addressValue: {
+                      placeholder: e.common.placeholder.addressPlaceholder,
+                      address: L,
+                      onClick: K
+                    },
+                    style: {
+                      width: "100%",
+                      padding: `${E.sp2} ${E.sp2} ${E.sp2} ${E.sp0}`
+                    }
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ A.jsx(i, { controller: t === !0, children: /* @__PURE__ */ A.jsx(h.Fragment, { children: /* @__PURE__ */ A.jsx(
+                z,
+                {
+                  sectionId: u,
+                  googleAPIKey: l,
+                  isSubPage: !0
+                }
+              ) }) })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ A.jsx(S, { children: /* @__PURE__ */ A.jsx(
+          X,
+          {
+            infoBox: v,
+            label: {
+              label: e.common.labels.phone,
+              width: 168
+            },
+            style: {
+              width: "100%",
+              marginTop: E.sp3,
+              padding: E.sp0
+            },
+            text: {
+              name: n(Q, "phone"),
+              placeholder: e.common.placeholder.phonePlaceholder,
+              defaultValue: I.getValues(
+                `${Q}.phone`
+              ),
+              autoComplete: "new-password",
+              options: {
+                required: !0
+              }
+            },
+            errorInfoLabel: "",
+            verificationErrorInfoLabel: e.common.errorMessage.invalidPhoneNumber,
+            isPopupOpen: Y,
+            productType: "complete_profile",
+            phoneVerifyButtonProps: {
+              otpChallenge: j,
+              showOtpButton: !0,
+              onGetOtp: c,
+              onVerifyOtp: R,
+              onResendOtp: U,
+              isPhoneVerified: s.fetchState === "Completed",
+              phoneVerificationStatus: s,
+              getOtpStatus: H,
+              verifiedPhoneNumber: s.fetchState === "Completed" ? N : void 0,
+              openPopup: () => {
+                y(!0);
+              },
+              focusNotRequired: !0
+            },
+            bottomText: s.fetchState === "Completed" ? "" : e.completeProfile.phoneSetupText
+          }
+        ) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ A.jsx(
+      AA,
+      {
+        formId: t ? void 0 : `${m}_form`,
+        primaryBtn: {
+          label: t ? e.companyPassport.address.saveAddress : e.common.footer.save,
+          type: t ? "button" : "submit",
+          onClick: t ? b : void 0,
+          isLoading: M.fetchState === "In-Progress" || r.sendOtpStatus.fetchState === "In-Progress"
+        },
+        showCancel: !1
+      }
+    )
+  ] });
+}, tA = o.div`
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+`, IA = o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: ${E.sp5};
+  row-gap: ${E.sp3};
+  flex: 1;
+`, sA = o(gA)`
+  color: ${(B) => B.theme.colors.primary};
+  text-align: left;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: ${E.sp2};
+`, rA = o(BA)`
+  cursor: pointer;
+  width: ${E.sp4};
+  height: ${E.sp4};
+  color: ${(B) => B.theme.colors.hero};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  &:hover {
+    color: ${(B) => B.theme.colors.primary};
+  }
+`, S = o.div`
+  background-color: ${(B) => B.theme.colors.grey5};
+  border-radius: ${E.sp2};
+  width: 100%;
+  box-shadow: ${(B) => B.theme.colors.elevation1};
+  border-color: ${(B) => B.theme.colors.grey3};
+`, iA = o.div`
+  padding: ${E.sp3} ${E.sp6};
+  background-color: ${(B) => B.theme.colors.background};
+  display: flex;
+  column-gap: ${E.sp3};
+  width: 100%;
+  align-items: center;
+`, nA = o.div``, lA = o.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  column-gap: ${E.sp2};
+`, dA = o(oA)`
+  width: ${E.sp3};
+  height: ${E.sp3};
+  color: ${(B) => B.theme.colors.success};
+`;
+export {
+  SA as default
+};

package/dist/CompleteProfile-DkT4pFQJ.cjs

@@ -0,0 +1,52 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./vendor-.pnpm-CT-Z_-kn.cjs"),i=require("react"),Q=require("@emotion/styled"),N=require("@zeniai/client-epic-state"),A=require("./index-CSb-Shbe.cjs"),H=require("./LabeledNameField-BvROPtkh.cjs"),q=require("./LabeledAddressValue-C-gTJkBo.cjs");function v(g){const I=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(g){for(const o in g)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(g,o);Object.defineProperty(I,o,l.get?l:{enumerable:!0,get:()=>g[o]})}}return I.default=g,Object.freeze(I)}const B=v(i),J=g=>B.createElement("svg",{width:72,height:72,viewBox:"0 0 72 72",fill:"none",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",...g},B.createElement("path",{opacity:.2,d:"M26.3252 5H51.6377C51.6377 5 57.2627 5 57.2627 10.625V64.0625C57.2627 64.0625 57.2627 69.6875 51.6377 69.6875H26.3252C26.3252 69.6875 20.7002 69.6875 20.7002 64.0625V10.625C20.7002 10.625 20.7002 5 26.3252 5Z",fill:"#97C3B9"}),B.createElement("path",{d:"M23.3252 2H48.6377C48.6377 2 54.2627 2 54.2627 7.625V61.0625C54.2627 61.0625 54.2627 66.6875 48.6377 66.6875H23.3252C23.3252 66.6875 17.7002 66.6875 17.7002 61.0625V7.625C17.7002 7.625 17.7002 2 23.3252 2Z",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),B.createElement("path",{d:"M43.0127 2V4.8125C43.0127 5.55842 42.7164 6.27379 42.1889 6.80124C41.6615 7.32868 40.9461 7.625 40.2002 7.625H31.7627C31.0168 7.625 30.3014 7.32868 29.774 6.80124C29.2465 6.27379 28.9502 5.55842 28.9502 4.8125V2",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),B.createElement("g",{style:{mixBlendMode:"darken"}},B.createElement("rect",{width:26,height:26,transform:"translate(22 12)",fill:"url(#pattern0_2225_11447)"}),B.createElement("circle",{cx:42,cy:32,r:12,fill:"url(#pattern1_2225_11447)"})),B.createElement("path",{d:"M39.625 57.875H67.125C67.4565 57.875 67.7745 57.7433 68.0089 57.5089C68.2433 57.2745 68.375 56.9565 68.375 56.625V47.875C68.375 47.5435 68.2433 47.2255 68.0089 46.9911C67.7745 46.7567 67.4565 46.625 67.125 46.625H40.875C40.5435 46.625 40.2255 46.7567 39.9911 46.9911C39.7567 47.2255 39.625 47.5435 39.625 47.875V57.875Z",fill:"#EAF3F1",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),B.createElement("path",{d:"M62.1543 49.8V54.8",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),B.createElement("path",{d:"M60.0629 50.9288L64.2441 53.6713",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),B.createElement("path",{d:"M60.0744 53.6874L64.2344 50.9124",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),B.createElement("path",{d:"M53.9727 49.8V54.8",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),B.createElement("path",{d:"M51.8812 50.9288L56.0625 53.6713",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),B.createElement("path",{d:"M51.8927 53.6874L56.0527 50.9124",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),B.createElement("path",{d:"M45.792 49.8V54.8",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),B.createElement("path",{d:"M43.7006 50.9288L47.8818 53.6713",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),B.createElement("path",{d:"M43.7121 53.6874L47.8721 50.9124",stroke:"#97C3B9",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),B.createElement("defs",null,B.createElement("pattern",{id:"pattern0_2225_11447",patternContentUnits:"objectBoundingBox",width:1,height:1},B.createElement("use",{xlinkHref:"#image0_2225_11447",transform:"scale(0.002)"})),B.createElement("pattern",{id:"pattern1_2225_11447",patternContentUnits:"objectBoundingBox",width:1,height:1},B.createElement("use",{xlinkHref:"#image0_2225_11447",transform:"translate(-0.332832 -0.331172) scale(0.00333133)"})),B.createElement("image",{id:"image0_2225_11447",width:500,height:500,preserveAspectRatio:"none",xlinkHref:"data:image/png;base64,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"}))),$=g=>B.createElement("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...g},B.createElement("path",{d:"M1.33333 6.16693H2.52343C2.68125 6.16693 2.8326 6.22962 2.94419 6.34122C3.05579 6.45281 3.11848 6.60416 3.11848 6.76198V13.9026C3.11848 14.0604 3.05579 14.2118 2.94419 14.3233C2.8326 14.4349 2.68125 14.4976 2.52343 14.4976H1.33333",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"}),B.createElement("path",{d:"M3.11848 12.7125C7.48556 14.9296 7.27253 14.6374 11.0118 14.6374C12.578 14.6374 13.367 13.6169 13.8276 12.1216V12.1121L14.9624 8.30373V8.29659C15.016 8.11929 15.0275 7.93192 14.9959 7.74939C14.9644 7.56686 14.8907 7.39421 14.7807 7.24519C14.6707 7.09617 14.5274 6.97488 14.3622 6.89099C14.1971 6.8071 14.0146 6.76292 13.8294 6.76196H10.9136C10.7315 6.76197 10.5518 6.72017 10.3883 6.63977C10.2249 6.55937 10.082 6.44253 9.97086 6.29824C9.85968 6.15395 9.7831 5.98606 9.74704 5.80751C9.71097 5.62896 9.71637 5.44452 9.76281 5.26838L10.2876 3.27854C10.3485 3.04716 10.326 2.80175 10.2241 2.58528C10.1223 2.36881 9.94748 2.19507 9.73041 2.09448C9.51334 1.99388 9.2678 1.97285 9.03679 2.03506C8.80577 2.09727 8.604 2.23876 8.4668 2.43475L5.55819 6.55548C5.44832 6.7112 5.30266 6.83826 5.13345 6.92597C4.96425 7.01368 4.77646 7.05947 4.58588 7.05948H3.11848",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"})),E=A.appLocale.getLocalizedStrings(),h="completeProfilePage",C="basicDetailsSection",u="addressSection",d=(g,I)=>`${g}.${I}`,V=({userEmail:g,googleAPIKey:I,twoFactorAuthenticationView:o,saveStatus:l,hasUserEnteredBasicDetails:S,onSave:p,onGetOtp:x,onVerifyOtp:G,onResendOtp:M})=>{const[s,a]=i.useState(!1),[f,w]=i.useState(!1),r=e.useForm({mode:"onChange",reValidateMode:"onChange",defaultValues:{basicDetailsSection:{name:{firstName:"",lastName:""},email:g,dateOfBirth:void 0,phone:"",address:void 0}}}),k=e.useWatch({control:r.control,name:`${C}.address`}),{dateFormat:R}=A.appLocale.getLocalizedStrings(),D=()=>{const t=r.getValues(`${C}.phone`);t!=null&&t.trim().length>0&&x(t)},y=(t,c)=>{G(t,c)},Y=t=>{t!=null&&t.trim().length>0&&M(t)},L=()=>{a(!0)},F=()=>{a(!1)},j=()=>{const t=r.getValues(`${u}`);if(t!=null){const c=A.toAddressUpdatableInfo(t);r.setValue(`${C}.address`,c)}a(!1)},b=r.handleSubmit(t=>{if(t[C].phone!=null&&o.otpVerificationStatus.fetchState!=="Completed"||o.otpVerificationStatus.fetchState==="Completed"&&t[C].phone!=o.phone){D();return}p&&p(t)}),{sendOtpStatus:U,otpVerificationStatus:n,otpChallenge:P,phone:K}=o,O=e.jsxRuntimeExports.jsxs(z,{children:[e.jsxRuntimeExports.jsx(J,{}),e.jsxRuntimeExports.jsxs(X,{children:[e.jsxRuntimeExports.jsxs(AA,{children:[e.jsxRuntimeExports.jsx(A.StandardBold,{children:n.fetchState==="Completed"?E.completeProfile.twoFAEnabled:E.completeProfile.enableTwoFA}),e.jsxRuntimeExports.jsx(A.ControlledComponent,{controller:n.fetchState==="Completed",children:e.jsxRuntimeExports.jsx(eA,{})})]}),e.jsxRuntimeExports.jsx(A.StandardRegular,{children:E.completeProfile.enableTwoFADescription})]})]});return e.jsxRuntimeExports.jsxs(_,{children:[e.jsxRuntimeExports.jsxs(W,{children:[e.jsxRuntimeExports.jsxs(T,{children:[s&&e.jsxRuntimeExports.jsx(Z,{onClick:F}),E.completeProfile.title]}),e.jsxRuntimeExports.jsx(e.FormProvider,{...r,children:e.jsxRuntimeExports.jsxs("form",{id:`${h}_form`,onSubmit:b,children:[e.jsxRuntimeExports.jsx(A.ControlledComponent,{controller:S===!1,children:e.jsxRuntimeExports.jsxs(m,{children:[e.jsxRuntimeExports.jsx(A.ControlledComponent,{controller:s===!1,children:e.jsxRuntimeExports.jsxs(i.Fragment,{children:[e.jsxRuntimeExports.jsx(A.LabeledTextField,{isDisabled:"disabled",showAdditionalInfoLabel:!1,label:{label:E.common.labels.email,width:168},style:{width:"100%"},text:{type:"text",name:d(C,"email")}}),e.jsxRuntimeExports.jsx(H.LabeledNameField,{isDisabled:void 0,label:{label:E.common.labels.name,width:168},style:{width:"100%"},nameField:{name:d(C,"name"),placeHolder:{firstName:E.common.placeholder.firstNamePlaceholder,lastName:E.common.placeholder.lastNamePlaceholder,name:E.common.placeholder.namePlaceholder},showFullNameError:!0,registerOptions:{required:!0}},errorInfoLabel:""}),e.jsxRuntimeExports.jsx(A.LabeledDatePickerField,{isOptional:!0,label:{label:E.common.labels.dob,width:168},style:{width:"100%"},isDisabled:void 0,dateField:{name:d(C,"dateOfBirth"),placeholder:E.common.placeholder.dobPlaceholder,dateFormat:R.visual.defaultInput,autoComplete:"off",maxDate:N.dateNow().subtract(18,"year")}}),e.jsxRuntimeExports.jsx(q.LabeledAddressValue,{isOptional:!0,label:{label:E.common.labels.address,width:168},addressValue:{placeholder:E.common.placeholder.addressPlaceholder,address:k,onClick:L},style:{width:"100%",padding:`${A.Space.sp2} ${A.Space.sp2} ${A.Space.sp2} ${A.Space.sp0}`}})]})}),e.jsxRuntimeExports.jsx(A.ControlledComponent,{controller:s===!0,children:e.jsxRuntimeExports.jsx(i.Fragment,{children:e.jsxRuntimeExports.jsx(A.AddressSection,{sectionId:u,googleAPIKey:I,isSubPage:!0})})})]})}),e.jsxRuntimeExports.jsx(m,{children:e.jsxRuntimeExports.jsx(A.LabeledPhoneNumberField,{infoBox:O,label:{label:E.common.labels.phone,width:168},style:{width:"100%",marginTop:A.Space.sp3,padding:A.Space.sp0},text:{name:d(C,"phone"),placeholder:E.common.placeholder.phonePlaceholder,defaultValue:r.getValues(`${C}.phone`),autoComplete:"new-password",options:{required:!0}},errorInfoLabel:"",verificationErrorInfoLabel:E.common.errorMessage.invalidPhoneNumber,isPopupOpen:f,productType:"complete_profile",phoneVerifyButtonProps:{otpChallenge:P,showOtpButton:!0,onGetOtp:D,onVerifyOtp:y,onResendOtp:Y,isPhoneVerified:n.fetchState==="Completed",phoneVerificationStatus:n,getOtpStatus:U,verifiedPhoneNumber:n.fetchState==="Completed"?K:void 0,openPopup:()=>{w(!0)},focusNotRequired:!0},bottomText:n.fetchState==="Completed"?"":E.completeProfile.phoneSetupText})})]})})]}),e.jsxRuntimeExports.jsx(A.Footer,{formId:s?void 0:`${h}_form`,primaryBtn:{label:s?E.companyPassport.address.saveAddress:E.common.footer.save,type:s?"button":"submit",onClick:s?j:void 0,isLoading:l.fetchState==="In-Progress"||o.sendOtpStatus.fetchState==="In-Progress"},showCancel:!1})]})},_=Q.div`
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+`,W=Q.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: ${A.Space.sp5};
+  row-gap: ${A.Space.sp3};
+  flex: 1;
+`,T=Q(A.H5Regular)`
+  color: ${g=>g.theme.colors.primary};
+  text-align: left;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: ${A.Space.sp2};
+`,Z=Q(A.SvgArrowLeft)`
+  cursor: pointer;
+  width: ${A.Space.sp4};
+  height: ${A.Space.sp4};
+  color: ${g=>g.theme.colors.hero};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  &:hover {
+    color: ${g=>g.theme.colors.primary};
+  }
+`,m=Q.div`
+  background-color: ${g=>g.theme.colors.grey5};
+  border-radius: ${A.Space.sp2};
+  width: 100%;
+  box-shadow: ${g=>g.theme.colors.elevation1};
+  border-color: ${g=>g.theme.colors.grey3};
+`,z=Q.div`
+  padding: ${A.Space.sp3} ${A.Space.sp6};
+  background-color: ${g=>g.theme.colors.background};
+  display: flex;
+  column-gap: ${A.Space.sp3};
+  width: 100%;
+  align-items: center;
+`,X=Q.div``,AA=Q.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  column-gap: ${A.Space.sp2};
+`,eA=Q($)`
+  width: ${A.Space.sp3};
+  height: ${A.Space.sp3};
+  color: ${g=>g.theme.colors.success};
+`;exports.default=V;

package/dist/ConfettiBurst--HIHB7Os.js

@@ -0,0 +1,37 @@
+import { j as a, L as l } from "./vendor-.pnpm-DtFedGku.js";
+import { useState as u, useEffect as p } from "react";
+import { fF as c, r as f, S as r } from "./index-Bi0bR3JC.js";
+const m = "https://storage.googleapis.com/zeni-apis.appspot.com/data/confetti_sfx.mp3", S = ({ showConfetti: t }) => {
+  const [s, i] = u(t), [e, o] = c(m, t), [n] = f("ConfettiSuccess");
+  return p(() => {
+    t && i(!0);
+  }, [t]), p(() => {
+    s && e === !1 && o(!0);
+  }, [s, e, o]), /* @__PURE__ */ a.jsx(a.Fragment, { children: s && e && n != null ? /* @__PURE__ */ a.jsx(
+    l,
+    {
+      style: {
+        position: "absolute",
+        width: "100%",
+        height: "100vh",
+        top: r.sp0,
+        left: r.sp0,
+        zIndex: 5
+        //generally navbar z-index is 3, so we are setting z-index to 5
+      },
+      onComplete: () => {
+        o(!1), i(!1);
+      },
+      animationData: n,
+      loop: 0,
+      play: !0,
+      goTo: 0,
+      rendererSettings: {
+        preserveAspectRatio: "xMidYMid slice"
+      }
+    }
+  ) : null });
+};
+export {
+  S as default
+};

package/dist/ConfettiBurst-BtWu8U8a.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-CT-Z_-kn.cjs"),a=require("react"),s=require("./index-CSb-Shbe.cjs"),p="https://storage.googleapis.com/zeni-apis.appspot.com/data/confetti_sfx.mp3",c=({showConfetti:e})=>{const[o,r]=a.useState(e),[i,n]=s.useMusic(p,e),[u]=s.useAnimation("ConfettiSuccess");return a.useEffect(()=>{e&&r(!0)},[e]),a.useEffect(()=>{o&&i===!1&&n(!0)},[o,i,n]),t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:o&&i&&u!=null?t.jsxRuntimeExports.jsx(t.Lottie,{style:{position:"absolute",width:"100%",height:"100vh",top:s.Space.sp0,left:s.Space.sp0,zIndex:5},onComplete:()=>{n(!1),r(!1)},animationData:u,loop:0,play:!0,goTo:0,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}}):null})};exports.default=c;