@scalant/resume-builder 2.6.2 → 2.6.4

package/dist/resume-builder.es.js

@@ -40973,10 +40973,10 @@ Include elaborate Projects or Business Cases done outside work if your tech work
   setResumeData,
   resetSteps,
   setProgram
-} = resumeBuilderSlice.actions, resumeBuilderReducer = resumeBuilderSlice.reducer, title$2 = "_title_488yy_1", subtitle = "_subtitle_488yy_5", styles$i = {
+} = resumeBuilderSlice.actions, resumeBuilderReducer = resumeBuilderSlice.reducer, title$2 = "_title_488yy_1", subtitle = "_subtitle_488yy_5", styles$h = {
   title: title$2,
   subtitle
-}, { Title: Title$3 } = Typography, PageHeader = ({ title: C, subtitle: $ }) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Title$3, { level: 2, className: styles$i.title }, C), $ && /* @__PURE__ */ React__default.createElement(Title$3, { level: 5, className: styles$i.subtitle }, $)), description = "_description_1ufvv_1", checkbox = "_checkbox_1ufvv_5", continueBtn = "_continueBtn_1ufvv_9", buttonsContainer = "_buttonsContainer_1ufvv_13", styles$h = {
+}, { Title: Title$3 } = Typography, PageHeader = ({ title: C, subtitle: $ }) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Title$3, { level: 2, className: styles$h.title }, C), $ && /* @__PURE__ */ React__default.createElement(Title$3, { level: 5, className: styles$h.subtitle }, $)), description = "_description_1ufvv_1", checkbox = "_checkbox_1ufvv_5", continueBtn = "_continueBtn_1ufvv_9", buttonsContainer = "_buttonsContainer_1ufvv_13", styles$g = {
   description,
   checkbox,
   continueBtn,
@@ -40991,10 +40991,10 @@ Include elaborate Projects or Business Cases done outside work if your tech work
       title: "Scaler Resume Builder",
       subtitle: "Build a Resume with ATS Compliance"
     }
-  ), /* @__PURE__ */ React__default.createElement(Paragraph$1, { className: styles$h.description }, "Please acknowledge the following pointers basis on which your profile will be shortlisted for Job Opportunities."), /* @__PURE__ */ React__default.createElement(
+  ), /* @__PURE__ */ React__default.createElement(Paragraph$1, { className: styles$g.description }, "Please acknowledge the following pointers basis on which your profile will be shortlisted for Job Opportunities."), /* @__PURE__ */ React__default.createElement(
     Checkbox,
     {
-      className: styles$h.checkbox,
+      className: styles$g.checkbox,
       checked: $,
       onChange: (re) => F(re.target.checked)
     },
@@ -41002,7 +41002,7 @@ Include elaborate Projects or Business Cases done outside work if your tech work
   ), /* @__PURE__ */ React__default.createElement(
     Checkbox,
     {
-      className: styles$h.checkbox,
+      className: styles$g.checkbox,
       checked: V,
       onChange: (re) => K(re.target.checked)
     },
@@ -41010,17 +41010,17 @@ Include elaborate Projects or Business Cases done outside work if your tech work
   ), /* @__PURE__ */ React__default.createElement(
     Checkbox,
     {
-      className: styles$h.checkbox,
+      className: styles$g.checkbox,
       checked: J,
       onChange: (re) => ee(re.target.checked)
     },
     "Adding incorrect information on your resume can lower your chances of getting shortlisted as recruiters will do a thorough validation check"
-  ), /* @__PURE__ */ React__default.createElement("div", { className: styles$h.buttonsContainer }, /* @__PURE__ */ React__default.createElement(
+  ), /* @__PURE__ */ React__default.createElement("div", { className: styles$g.buttonsContainer }, /* @__PURE__ */ React__default.createElement(
     Button$1,
     {
       type: "primary",
       block: !0,
-      className: styles$h.continueBtn,
+      className: styles$g.continueBtn,
       disabled: !($ && V && J),
       onClick: te
     },
@@ -41124,7 +41124,7 @@ Include elaborate Projects or Business Cases done outside work if your tech work
     $.getItem(ONBOARDING_COMPLETED_KEY) || "[]"
   );
   F.includes(C) || (F.push(C), $.setItem(ONBOARDING_COMPLETED_KEY, JSON.stringify(F)));
-}, isFinalOnboardingStep = (C) => C === RESUME_BUILDER_STEPS.RESUME_STEPS.key, shouldShowOnboarding = (C) => !isOnboardingCompleted(C), header$1 = "_header_6frwt_1", logo = "_logo_6frwt_15", left = "_left_6frwt_20", right = "_right_6frwt_28", content$1 = "_content_6frwt_36", layout = "_layout_6frwt_41", contentInner = "_contentInner_6frwt_47", backButton = "_backButton_6frwt_55", styles$g = {
+}, isFinalOnboardingStep = (C) => C === RESUME_BUILDER_STEPS.RESUME_STEPS.key, shouldShowOnboarding = (C) => !isOnboardingCompleted(C), header$1 = "_header_6frwt_1", logo = "_logo_6frwt_15", left = "_left_6frwt_20", right = "_right_6frwt_28", content$1 = "_content_6frwt_36", layout = "_layout_6frwt_41", contentInner = "_contentInner_6frwt_47", backButton = "_backButton_6frwt_55", styles$f = {
   header: header$1,
   logo,
   left,
@@ -41139,7 +41139,7 @@ Include elaborate Projects or Business Cases done outside work if your tech work
   ), K = useSelector(
     (J) => J.scalantResumeBuilder.resumeForms.incompleteForms
   );
-  return /* @__PURE__ */ React__default.createElement(Row, null, /* @__PURE__ */ React__default.createElement(Col, { span: 12, className: styles$g.left }, /* @__PURE__ */ React__default.createElement(Layout, { className: styles$g.layout }, /* @__PURE__ */ React__default.createElement(Header, { className: styles$g.header }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(Row, null, /* @__PURE__ */ React__default.createElement(Col, { span: 12, className: styles$f.left }, /* @__PURE__ */ React__default.createElement(Layout, { className: styles$f.layout }, /* @__PURE__ */ React__default.createElement(Header, { className: styles$f.header }, /* @__PURE__ */ React__default.createElement(
     Flex,
     {
       justify: "space-between",
@@ -41149,12 +41149,12 @@ Include elaborate Projects or Business Cases done outside work if your tech work
     /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(
       RefIcon$C,
       {
-        className: styles$g.backButton,
+        className: styles$f.backButton,
         onClick: C
       }
-    ), /* @__PURE__ */ React__default.createElement("img", { className: styles$g.logo, src: LOGO_URL, alt: "logo" })),
+    ), /* @__PURE__ */ React__default.createElement("img", { className: styles$f.logo, src: LOGO_URL, alt: "logo" })),
     V >= 2 && /* @__PURE__ */ React__default.createElement(Text$c, null, "Resume Builder")
-  ), V === 4 && /* @__PURE__ */ React__default.createElement(Text$c, null, 6 - K.length, " of 6 sections completed")), /* @__PURE__ */ React__default.createElement(Content, { className: styles$g.content }, " ", /* @__PURE__ */ React__default.createElement("div", { className: styles$g.contentInner }, $)))), /* @__PURE__ */ React__default.createElement(Col, { className: styles$g.right, span: 12 }, F));
+  ), V === 4 && /* @__PURE__ */ React__default.createElement(Text$c, null, 6 - K.length, " of 6 sections completed")), /* @__PURE__ */ React__default.createElement(Content, { className: styles$f.content }, " ", /* @__PURE__ */ React__default.createElement("div", { className: styles$f.contentInner }, $)))), /* @__PURE__ */ React__default.createElement(Col, { className: styles$f.right, span: 12 }, F));
 }, PREFERRED_JOB_ROLES = [
   { value: "Engineering Leadership", label: "Engineering Leadership" },
   {
@@ -41188,7 +41188,7 @@ Include elaborate Projects or Business Cases done outside work if your tech work
   { value: "Database Administrator", label: "Database Administrator" },
   { value: "Data Analyst", label: "Data Analyst" },
   { value: "Data Engineer", label: "Data Engineer" }
-], buttonContainer = "_buttonContainer_15z2h_1", submitBtn = "_submitBtn_15z2h_5", styles$f = {
+], buttonContainer = "_buttonContainer_15z2h_1", submitBtn = "_submitBtn_15z2h_5", styles$e = {
   buttonContainer,
   submitBtn
 };
@@ -43591,7 +43591,13 @@ let baseUrl = window.location.origin;
 const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
   return fetchBaseQuery({
     baseUrl,
-    prepareHeaders: (K) => (K.set("Content-Type", "application/json"), K)
+    prepareHeaders: (K) => {
+      if (K.set("Content-Type", "application/json"), typeof window != "undefined") {
+        const J = document.querySelector('meta[name="csrf-token"]');
+        J && K.set("X-CSRF-Token", J.content);
+      }
+      return K;
+    }
   })(C, $, F);
 }), resumeBuilderApi = createApi({
   reducerPath: "resumeBuilderApi",
@@ -43808,10 +43814,10 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
       /* @__PURE__ */ React__default.createElement(Checkbox, null, "I am also open to Internships")
     ),
     /* @__PURE__ */ React__default.createElement(Form.Item, { name: "acknowledge", valuePropName: "checked" }, /* @__PURE__ */ React__default.createElement(Checkbox, null, "Notify me on email and Whatsapp if any relevant job is added to Careers Hub dashboard as per my given preference")),
-    /* @__PURE__ */ React__default.createElement("div", { className: styles$f.buttonContainer }, /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement("div", { className: styles$e.buttonContainer }, /* @__PURE__ */ React__default.createElement(
       Button$1,
       {
-        className: styles$f.submitBtn,
+        className: styles$e.submitBtn,
         type: "primary",
         htmlType: "submit",
         block: !0,
@@ -43820,7 +43826,7 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
       "Save and Continue"
     ))
   ));
-}, formItem$1 = "_formItem_161sw_1", button$1 = "_button_161sw_5", styles$e = {
+}, formItem$1 = "_formItem_161sw_1", button$1 = "_button_161sw_5", styles$d = {
   formItem: formItem$1,
   button: button$1
 }, FORM_ID$6 = "basicQuestions", initialFormData$6 = {
@@ -43932,7 +43938,7 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
       Form.Item,
       {
         label: "Total Work Experience",
-        className: styles$e.formItem,
+        className: styles$d.formItem,
         required: !0
       },
       /* @__PURE__ */ React__default.createElement(Flex, { gap: 16, align: "center" }, /* @__PURE__ */ React__default.createElement(Flex, { gap: 4, vertical: !0 }, /* @__PURE__ */ React__default.createElement(
@@ -43946,7 +43952,7 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
             }
           ],
           noStyle: !0,
-          className: styles$e.formItem
+          className: styles$d.formItem
         },
         /* @__PURE__ */ React__default.createElement(TypedInputNumber, { placeholder: "00" })
       ), /* @__PURE__ */ React__default.createElement(Text$b, null, "Years")), /* @__PURE__ */ React__default.createElement(Flex, { gap: 4, vertical: !0 }, /* @__PURE__ */ React__default.createElement(
@@ -43960,7 +43966,7 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
             }
           ],
           noStyle: !0,
-          className: styles$e.formItem
+          className: styles$d.formItem
         },
         /* @__PURE__ */ React__default.createElement(TypedInputNumber, { placeholder: "00" })
       ), /* @__PURE__ */ React__default.createElement(Text$b, null, "Months")))
@@ -43968,7 +43974,7 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
       Form.Item,
       {
         label: "Total Work Experience in Tech",
-        className: styles$e.formItem,
+        className: styles$d.formItem,
         required: !0,
         tooltip: "Total work experience in tech only includes relevant experience in SDE or Data Science/Analytics roles.5"
       },
@@ -43986,7 +43992,7 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
             }
           ],
           noStyle: !0,
-          className: styles$e.formItem
+          className: styles$d.formItem
         },
         /* @__PURE__ */ React__default.createElement(TypedInputNumber, { placeholder: "00" })
       ), /* @__PURE__ */ React__default.createElement(Text$b, null, "Years")), /* @__PURE__ */ React__default.createElement(Flex, { gap: 4, vertical: !0 }, /* @__PURE__ */ React__default.createElement(
@@ -44003,7 +44009,7 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
             }
           ],
           noStyle: !0,
-          className: styles$e.formItem
+          className: styles$d.formItem
         },
         /* @__PURE__ */ React__default.createElement(TypedInputNumber, { placeholder: "00" })
       ), /* @__PURE__ */ React__default.createElement(Text$b, null, "Months")))
@@ -44013,7 +44019,7 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
         label: "Current Job Role",
         name: "currentJobRole",
         rules: [{ required: !0 }],
-        className: styles$e.formItem
+        className: styles$d.formItem
       },
       /* @__PURE__ */ React__default.createElement(Select, { options: J })
     )),
@@ -44024,7 +44030,7 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
         size: "large",
         block: !0,
         htmlType: "submit",
-        className: styles$e.button,
+        className: styles$d.button,
         loading: ae
       },
       "Save & Continue"
@@ -44037,7 +44043,7 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
     "Quality Assurance / SDE in Testing",
     "Salesforce / Servicenow / RPA"
   ].includes(V) ? K = RESUME_PERSONAS.ACADEMY_NON_TECH_FRESHER : $ === "academy" && F < 24 ? K = RESUME_PERSONAS.ACADEMY_JUNIOR_FRONTEND_DEVELOPER : $ === "academy" && F >= 24 ? K = RESUME_PERSONAS.ACADEMY_SENIOR_BACKEND_DEVELOPER : $ === "dsml" && V === "Fresher" ? K = RESUME_PERSONAS.DSML_FRESHER : $ === "dsml" && ["Non-Developer & IT Professional", "Developer"].includes(V) ? K = RESUME_PERSONAS.DSML_NON_TECH_FRESHER : $ === "dsml" && V === "Data Analyst / Business Analyst" ? K = RESUME_PERSONAS.DSML_DATA_ANALYST : $ === "dsml" && V === "Data Scientist / Machine Learning Engineer" ? K = RESUME_PERSONAS.DSML_DATA_SCIENTIST : K = RESUME_PERSONAS.DSML_NON_TECH_FRESHER, K;
-}, tipTitle = "_tipTitle_1s19g_1", tipDescription = "_tipDescription_1s19g_5", button = "_button_1s19g_9", styles$d = {
+}, tipTitle = "_tipTitle_1s19g_1", tipDescription = "_tipDescription_1s19g_5", button = "_button_1s19g_9", styles$c = {
   tipTitle,
   tipDescription,
   button
@@ -44064,7 +44070,7 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
     Timeline,
     {
       items: V.map((ee) => ({
-        children: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Paragraph, { className: styles$d.tipTitle }, /* @__PURE__ */ React__default.createElement(Text$a, { strong: !0 }, ee.icon, " ", ee.title)), /* @__PURE__ */ React__default.createElement(Paragraph, { type: "secondary", className: styles$d.tipDescription }, ee.description))
+        children: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Paragraph, { className: styles$c.tipTitle }, /* @__PURE__ */ React__default.createElement(Text$a, { strong: !0 }, ee.icon, " ", ee.title)), /* @__PURE__ */ React__default.createElement(Paragraph, { type: "secondary", className: styles$c.tipDescription }, ee.description))
       }))
     }
   ), /* @__PURE__ */ React__default.createElement(
@@ -44073,12 +44079,12 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
       type: "primary",
       size: "large",
       block: !0,
-      className: styles$d.button,
+      className: styles$c.button,
       onClick: J
     },
     "Start Building"
   ));
-}, title$1 = "_title_1v6ju_1", toggleIcon = "_toggleIcon_1v6ju_5", content = "_content_1v6ju_9", card = "_card_1v6ju_13", icon$1 = "_icon_1v6ju_18", required = "_required_1v6ju_23", styles$c = {
+}, title$1 = "_title_1v6ju_1", toggleIcon = "_toggleIcon_1v6ju_5", content = "_content_1v6ju_9", card = "_card_1v6ju_13", icon$1 = "_icon_1v6ju_18", required = "_required_1v6ju_23", styles$b = {
   title: title$1,
   toggleIcon,
   content,
@@ -44097,19 +44103,19 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
   onClick: J,
   status: ee,
   required: te
-}) => /* @__PURE__ */ React__default.createElement(Card, { className: styles$c.card }, /* @__PURE__ */ React__default.createElement("div", { onClick: J }, /* @__PURE__ */ React__default.createElement(Flex, { justify: "space-between", align: "start" }, /* @__PURE__ */ React__default.createElement(Flex, { align: "center", gap: 12 }, /* @__PURE__ */ React__default.createElement(
+}) => /* @__PURE__ */ React__default.createElement(Card, { className: styles$b.card }, /* @__PURE__ */ React__default.createElement("div", { onClick: J }, /* @__PURE__ */ React__default.createElement(Flex, { justify: "space-between", align: "start" }, /* @__PURE__ */ React__default.createElement(Flex, { align: "center", gap: 12 }, /* @__PURE__ */ React__default.createElement(
   Avatar,
   {
-    className: styles$c.icon,
+    className: styles$b.icon,
     size: 40,
     icon: React__default.createElement(F)
   }
-), /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Flex, { align: "center", gap: 8 }, /* @__PURE__ */ React__default.createElement(Title$2, { level: 5, className: styles$c.title, style: { margin: 0 } }, C), te && ee === "incomplete" && /* @__PURE__ */ React__default.createElement(Tooltip, { title: "This step is required to complete your profile" }, /* @__PURE__ */ React__default.createElement("span", { className: styles$c.required }, "*")), ee && STATUS_TAGS[ee]), /* @__PURE__ */ React__default.createElement(Text$9, { type: "secondary" }, $))), /* @__PURE__ */ React__default.createElement("div", { className: styles$c.toggleIcon }, K ? /* @__PURE__ */ React__default.createElement(RefIcon$3, null) : /* @__PURE__ */ React__default.createElement(RefIcon$q, null)))), K && /* @__PURE__ */ React__default.createElement("div", { className: styles$c.content }, V)), container$6 = "_container_1dmvd_1", activeIcon = "_activeIcon_1dmvd_9", completeIcon = "_completeIcon_1dmvd_14", incompleteIcon = "_incompleteIcon_1dmvd_19", styles$b = {
-  container: container$6,
+), /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Flex, { align: "center", gap: 8 }, /* @__PURE__ */ React__default.createElement(Title$2, { level: 5, className: styles$b.title, style: { margin: 0 } }, C), te && ee === "incomplete" && /* @__PURE__ */ React__default.createElement(Tooltip, { title: "This step is required to complete your profile" }, /* @__PURE__ */ React__default.createElement("span", { className: styles$b.required }, "*")), ee && STATUS_TAGS[ee]), /* @__PURE__ */ React__default.createElement(Text$9, { type: "secondary" }, $))), /* @__PURE__ */ React__default.createElement("div", { className: styles$b.toggleIcon }, K ? /* @__PURE__ */ React__default.createElement(RefIcon$3, null) : /* @__PURE__ */ React__default.createElement(RefIcon$q, null)))), K && /* @__PURE__ */ React__default.createElement("div", { className: styles$b.content }, V)), container$5 = "_container_1dmvd_1", activeIcon = "_activeIcon_1dmvd_9", completeIcon = "_completeIcon_1dmvd_14", incompleteIcon = "_incompleteIcon_1dmvd_19", styles$a = {
+  container: container$5,
   activeIcon,
   completeIcon,
   incompleteIcon
-}, formItem = "_formItem_1c00s_1", styles$a = {
+}, formItem = "_formItem_1c00s_1", styles$9 = {
   formItem
 }, { Text: Text$8 } = Typography, FORM_ID$5 = "personalInfoAndSocialForm", initialFormData$5 = {
   personalInfoAndSocial: {
@@ -44261,7 +44267,7 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
         {
           name: he,
           style: { width: "50%" },
-          className: styles$a.formItem
+          className: styles$9.formItem
         },
         /* @__PURE__ */ React__default.createElement(
           Select,
@@ -44275,7 +44281,7 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
         {
           name: ge,
           style: { width: "50%" },
-          className: styles$a.formItem,
+          className: styles$9.formItem,
           rules: [
             {
               required: $,
@@ -44313,7 +44319,7 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
         label: "Full Name",
         name: "fullName",
         rules: [{ required: $ }],
-        className: styles$a.formItem
+        className: styles$9.formItem
       },
       /* @__PURE__ */ React__default.createElement(Input, null)
     ), /* @__PURE__ */ React__default.createElement(
@@ -44322,7 +44328,7 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
         label: "Contact Number",
         name: "contactNumber",
         rules: [{ required: $ }],
-        className: styles$a.formItem,
+        className: styles$9.formItem,
         tooltip: "You can update this in the profile section"
       },
       /* @__PURE__ */ React__default.createElement(TypedInputNumber, { addonBefore: le, disabled: !0 })
@@ -44332,7 +44338,7 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
         label: "Email Address",
         name: "emailAddress",
         rules: [{ required: $ }],
-        className: styles$a.formItem,
+        className: styles$9.formItem,
         tooltip: "You can update this in the profile section"
       },
       /* @__PURE__ */ React__default.createElement(Input, { disabled: !0 })
@@ -44343,7 +44349,7 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
         name: "gender",
         rules: [{ required: $ }],
         style: { flex: 1 },
-        className: styles$a.formItem
+        className: styles$9.formItem
       },
       /* @__PURE__ */ React__default.createElement(
         Select,
@@ -44361,7 +44367,7 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
         label: "Current City",
         name: "currentCity",
         style: { flex: 1 },
-        className: styles$a.formItem
+        className: styles$9.formItem
       },
       /* @__PURE__ */ React__default.createElement(Input, null)
     ))),
@@ -44385,7 +44391,7 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
               message: "Please enter a valid URL"
             }
           ],
-          className: styles$a.formItem
+          className: styles$9.formItem
         },
         /* @__PURE__ */ React__default.createElement(Input, { prefix: /* @__PURE__ */ React__default.createElement(RefIcon$4, null) })
       ),
@@ -44394,7 +44400,7 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
         {
           label: "GitHub",
           name: "github",
-          className: styles$a.formItem,
+          className: styles$9.formItem,
           rules: [
             {
               pattern: urlPattern$1,
@@ -44409,7 +44415,7 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
         {
           label: "Personal Website",
           name: "personalWebsite",
-          className: styles$a.formItem,
+          className: styles$9.formItem,
           rules: [
             {
               pattern: urlPattern$1,
@@ -44445,8 +44451,8 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
       "Save and Next"
     ))
   )) : /* @__PURE__ */ React__default.createElement(Spin, null);
-}, container$5 = "_container_t0l0z_1", skillSection = "_skillSection_t0l0z_5", sectionTitle = "_sectionTitle_t0l0z_9", skillsContainer = "_skillsContainer_t0l0z_13", skillTag = "_skillTag_t0l0z_19", selected = "_selected_t0l0z_28", closeIcon = "_closeIcon_t0l0z_33", styles$9 = {
-  container: container$5,
+}, container$4 = "_container_t0l0z_1", skillSection = "_skillSection_t0l0z_5", sectionTitle = "_sectionTitle_t0l0z_9", skillsContainer = "_skillsContainer_t0l0z_13", skillTag = "_skillTag_t0l0z_19", selected = "_selected_t0l0z_28", closeIcon = "_closeIcon_t0l0z_33", styles$8 = {
+  container: container$4,
   skillSection,
   sectionTitle,
   skillsContainer,
@@ -44511,13 +44517,13 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
     /* @__PURE__ */ React__default.createElement(
       Tag,
       {
-        className: `${styles$9.skillTag} ${$ ? styles$9.selected : ""}`,
+        className: `${styles$8.skillTag} ${$ ? styles$8.selected : ""}`,
         onClick: () => {
           $ || re(!0);
         }
       },
       /* @__PURE__ */ React__default.createElement("span", null, C.subtopic, $ && K !== void 0 && ` ${formatExperience(K.years, K.months, !0)}`),
-      $ && /* @__PURE__ */ React__default.createElement(RefIcon$C, { className: styles$9.closeIcon, onClick: se })
+      $ && /* @__PURE__ */ React__default.createElement(RefIcon$C, { className: styles$8.closeIcon, onClick: se })
     )
   );
 }, { Title: Title$1 } = Typography, SkillSection = ({
@@ -44527,7 +44533,7 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
   onSkillClick: V,
   onExperienceUpdate: K,
   formId: J
-}) => /* @__PURE__ */ React__default.createElement("div", { className: styles$9.skillSection }, /* @__PURE__ */ React__default.createElement(Title$1, { level: 5, className: styles$9.sectionTitle }, C), /* @__PURE__ */ React__default.createElement("div", { className: styles$9.skillsContainer }, $.map((ee, te) => {
+}) => /* @__PURE__ */ React__default.createElement("div", { className: styles$8.skillSection }, /* @__PURE__ */ React__default.createElement(Title$1, { level: 5, className: styles$8.sectionTitle }, C), /* @__PURE__ */ React__default.createElement("div", { className: styles$8.skillsContainer }, $.map((ee, te) => {
   const re = F.find(
     (oe) => oe.skill_id === ee.subtopic_id
   );
@@ -44659,7 +44665,7 @@ const dynamicBaseQuery = (C, $, F) => fn(null, null, function* () {
       }
     );
   };
-  return /* @__PURE__ */ React__default.createElement(Space, { direction: "vertical", size: 24, className: styles$9.container }, Object.values(SKILL_SECTIONS).map(ce), /* @__PURE__ */ React__default.createElement(Flex, { gap: 16 }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(Space, { direction: "vertical", size: 24, className: styles$8.container }, Object.values(SKILL_SECTIONS).map(ce), /* @__PURE__ */ React__default.createElement(Flex, { gap: 16 }, /* @__PURE__ */ React__default.createElement(
     Button$1,
     {
       type: "primary",
@@ -53960,7 +53966,7 @@ function requirePropTypes() {
   return propTypes.exports;
 }
 var propTypesExports = /* @__PURE__ */ requirePropTypes();
-const PropTypes = /* @__PURE__ */ getDefaultExportFromCjs(propTypesExports), quill = "_quill_1fivm_1", styles$8 = {
+const PropTypes = /* @__PURE__ */ getDefaultExportFromCjs(propTypesExports), quill = "_quill_1fivm_1", styles$7 = {
   quill
 }, RichTextEditor = ({
   form: C,
@@ -53993,7 +53999,7 @@ const PropTypes = /* @__PURE__ */ getDefaultExportFromCjs(propTypesExports), qui
       modules: K,
       formats: J,
       placeholder: F,
-      className: styles$8.quill,
+      className: styles$7.quill,
       value: C.getFieldValue($),
       onChange: (ee) => {
         C.setFieldsValue({ [$]: ee }), V && V({ [$]: ee }, C.getFieldsValue());
@@ -54260,7 +54266,7 @@ const { Text: Text$6 } = Typography, DeleteConfirmationModal = ({
     },
     "Save and Next"
   ))));
-}, midWidth = "_midWidth_wiezh_1", fullWidth = "_fullWidth_wiezh_5", styles$7 = {
+}, midWidth = "_midWidth_wiezh_1", fullWidth = "_fullWidth_wiezh_5", styles$6 = {
   midWidth,
   fullWidth
 }, { Text: Text$4 } = Typography, EducationFormItem = ({ item: C, formId: $, required: F = !1, index: V }) => {
@@ -54348,7 +54354,7 @@ const { Text: Text$6 } = Typography, DeleteConfirmationModal = ({
         name: "degree",
         label: "Degree Type",
         rules: [{ required: F }],
-        className: styles$7.midWidth
+        className: styles$6.midWidth
       },
       /* @__PURE__ */ React__default.createElement(
         Select,
@@ -54371,7 +54377,7 @@ const { Text: Text$6 } = Typography, DeleteConfirmationModal = ({
       {
         name: "field",
         label: "Field of Study",
-        className: styles$7.midWidth
+        className: styles$6.midWidth
       },
       /* @__PURE__ */ React__default.createElement(
         Select,
@@ -54415,13 +54421,13 @@ const { Text: Text$6 } = Typography, DeleteConfirmationModal = ({
         }
       )
     )),
-    /* @__PURE__ */ React__default.createElement(Flex, { gap: 16, className: styles$7.fullWidth }, /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement(Flex, { gap: 16, className: styles$6.fullWidth }, /* @__PURE__ */ React__default.createElement(
       Form.Item,
       {
         name: "marks",
         label: "Marks (Final/Current)",
         rules: [{ required: F }],
-        className: styles$7.midWidth
+        className: styles$6.midWidth
       },
       /* @__PURE__ */ React__default.createElement(TypedInputNumber, { placeholder: "Enter Marks", addonAfter: ue })
     ), /* @__PURE__ */ React__default.createElement(
@@ -54430,7 +54436,7 @@ const { Text: Text$6 } = Typography, DeleteConfirmationModal = ({
         name: "graduation_date",
         label: "Graduation (Actual/Expected)",
         rules: [{ required: F }],
-        className: styles$7.midWidth
+        className: styles$6.midWidth
       },
       /* @__PURE__ */ React__default.createElement(
         DatePicker,
@@ -55346,7 +55352,7 @@ const { Text: Text$6 } = Typography, DeleteConfirmationModal = ({
   setCurrentIncompleteForm,
   setNextIncompleteForm,
   setIncompleteForms
-} = resumeFormsSlice.actions, resumeFormsReducer = resumeFormsSlice.reducer, avatar = "_avatar_ger88_1", styles$6 = {
+} = resumeFormsSlice.actions, resumeFormsReducer = resumeFormsSlice.reducer, avatar = "_avatar_ger88_1", styles$5 = {
   avatar
 }, { Title, Text: Text$1 } = Typography, ResumeProfileCard = ({ resumePersonaData: C }) => {
   var te;
@@ -55367,7 +55373,7 @@ const { Text: Text$6 } = Typography, DeleteConfirmationModal = ({
   return /* @__PURE__ */ React__default.createElement(Card, null, /* @__PURE__ */ React__default.createElement(Flex, { justify: "space-between", align: "center" }, /* @__PURE__ */ React__default.createElement(Flex, { align: "center", gap: 16 }, /* @__PURE__ */ React__default.createElement(
     Avatar,
     {
-      className: styles$6.avatar,
+      className: styles$5.avatar,
       size: "large",
       icon: /* @__PURE__ */ React__default.createElement(RefIcon, null)
     }
@@ -55424,18 +55430,18 @@ const { Text: Text$6 } = Typography, DeleteConfirmationModal = ({
       );
       J(ce);
     }
-  }, [ie, te, ue, $]), /* @__PURE__ */ React__default.createElement("div", { className: styles$b.container }, K && K.length > 0 ? /* @__PURE__ */ React__default.createElement(
+  }, [ie, te, ue, $]), /* @__PURE__ */ React__default.createElement("div", { className: styles$a.container }, K && K.length > 0 ? /* @__PURE__ */ React__default.createElement(
     Timeline,
     {
       mode: "left",
       items: [
         {
-          dot: /* @__PURE__ */ React__default.createElement(RefIcon$g, { className: styles$b.completeIcon }),
+          dot: /* @__PURE__ */ React__default.createElement(RefIcon$g, { className: styles$a.completeIcon }),
           children: /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(ResumeProfileCard, { resumePersonaData: ie }))
         },
         ...K.map((ce) => {
           let le;
-          return ce.key === F ? le = /* @__PURE__ */ React__default.createElement(RefIcon$z, { className: styles$b.activeIcon }) : ce.status === "complete" ? le = /* @__PURE__ */ React__default.createElement(RefIcon$g, { className: styles$b.completeIcon }) : le = /* @__PURE__ */ React__default.createElement(RefIcon$n, { className: styles$b.incompleteIcon }), {
+          return ce.key === F ? le = /* @__PURE__ */ React__default.createElement(RefIcon$z, { className: styles$a.activeIcon }) : ce.status === "complete" ? le = /* @__PURE__ */ React__default.createElement(RefIcon$g, { className: styles$a.completeIcon }) : le = /* @__PURE__ */ React__default.createElement(RefIcon$n, { className: styles$a.incompleteIcon }), {
             dot: le,
             children: /* @__PURE__ */ React__default.createElement("div", { ref: (pe) => oe.current[ce.key] = pe }, /* @__PURE__ */ React__default.createElement(
               ResumeStepCard,
@@ -55461,9 +55467,7 @@ const { Text: Text$6 } = Typography, DeleteConfirmationModal = ({
   var oe;
   const $ = useDispatch(), F = useSelector(
     (ae) => ae.scalantResumeBuilder.resumeBuilder.resumeData
-  ), V = (oe = F == null ? void 0 : F.resume_meta) == null ? void 0 : oe.font_size;
-  console.log("DEBUG: selectedFontSize", V);
-  const [K, J] = useState(
+  ), V = (oe = F == null ? void 0 : F.resume_meta) == null ? void 0 : oe.font_size, [K, J] = useState(
     V || DEFAULT_FONT_SIZE
   ), [ee] = useUpdateResumePreferencesMutation(), te = (ne) => fn(null, [ne], function* ({ key: ae }) {
     var ie;
@@ -55487,8 +55491,8 @@ const { Text: Text$6 } = Typography, DeleteConfirmationModal = ({
       tooltip: `Font Size: ${K.charAt(0).toUpperCase() + K.slice(1)}`
     }
   ));
-}, container$4 = "_container_tc6c5_1", floatButtonGroup = "_floatButtonGroup_tc6c5_5", disabledButton = "_disabledButton_tc6c5_10", dropdown = "_dropdown_tc6c5_15", dropdownIcon = "_dropdownIcon_tc6c5_22", styles$5 = {
-  container: container$4,
+}, container$3 = "_container_tc6c5_1", floatButtonGroup = "_floatButtonGroup_tc6c5_5", disabledButton = "_disabledButton_tc6c5_10", dropdown = "_dropdown_tc6c5_15", dropdownIcon = "_dropdownIcon_tc6c5_22", styles$4 = {
+  container: container$3,
   floatButtonGroup,
   disabledButton,
   dropdown,
@@ -55517,7 +55521,7 @@ const { Text: Text$6 } = Typography, DeleteConfirmationModal = ({
     },
     {
       key: "add",
-      label: J ? /* @__PURE__ */ React__default.createElement(Tooltip, { title: "Maximum limit of 3 resumes reached" }, /* @__PURE__ */ React__default.createElement("span", null, "Add New Resume")) : "Add New Resume",
+      label: J ? /* @__PURE__ */ React__default.createElement(Tooltip, { title: `Maximum limit of ${MAX_RESUMES} resumes reached` }, /* @__PURE__ */ React__default.createElement("span", null, "Add New Resume")) : "Add New Resume",
       onClick: C,
       disabled: J
     }
@@ -55530,7 +55534,7 @@ const { Text: Text$6 } = Typography, DeleteConfirmationModal = ({
         selectedKeys: [V == null ? void 0 : V.toString()]
       }
     },
-    /* @__PURE__ */ React__default.createElement("div", { className: styles$5.dropdown }, (te = K.find((re) => re.id === V)) == null ? void 0 : te.name, /* @__PURE__ */ React__default.createElement(RefIcon$w, { className: styles$5.dropdownIcon }))
+    /* @__PURE__ */ React__default.createElement("div", { className: styles$4.dropdown }, (te = K.find((re) => re.id === V)) == null ? void 0 : te.name, /* @__PURE__ */ React__default.createElement(RefIcon$w, { className: styles$4.dropdownIcon }))
   );
 };
 function commonjsRequire(C) {
@@ -74889,8 +74893,8 @@ class ErrorBoundary extends React__default.Component {
     ) : this.props.children;
   }
 }
-const container$3 = "_container_rjcd4_1", document$1 = "_document_rjcd4_7", page = "_page_rjcd4_12", title = "_title_rjcd4_21", header = "_header_rjcd4_27", loader = "_loader_rjcd4_34", loadingContainer$1 = "_loadingContainer_rjcd4_39", loadingText = "_loadingText_rjcd4_49", icon = "_icon_rjcd4_54", downloadIcon = "_downloadIcon_rjcd4_59", paginationArrow = "_paginationArrow_rjcd4_63", paginationPageNumber = "_paginationPageNumber_rjcd4_67", paginationSlash = "_paginationSlash_rjcd4_79", paginationTotal = "_paginationTotal_rjcd4_84", styles$4 = {
-  container: container$3,
+const container$2 = "_container_rjcd4_1", document$1 = "_document_rjcd4_7", page = "_page_rjcd4_12", title = "_title_rjcd4_21", header = "_header_rjcd4_27", loader = "_loader_rjcd4_34", loadingContainer$1 = "_loadingContainer_rjcd4_39", loadingText = "_loadingText_rjcd4_49", icon = "_icon_rjcd4_54", downloadIcon = "_downloadIcon_rjcd4_59", paginationArrow = "_paginationArrow_rjcd4_63", paginationPageNumber = "_paginationPageNumber_rjcd4_67", paginationSlash = "_paginationSlash_rjcd4_79", paginationTotal = "_paginationTotal_rjcd4_84", styles$3 = {
+  container: container$2,
   document: document$1,
   page,
   title,
@@ -74906,7 +74910,7 @@ const container$3 = "_container_rjcd4_1", document$1 = "_document_rjcd4_7", page
   paginationTotal
 };
 pdfExports.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfExports.version}/pdf.worker.min.js`;
-const MAX_RETRY_COUNT = 3, MESSAGES = {
+const MESSAGES = {
   loading: {
     initial: "Loading your resume preview...",
     refreshing: "Refreshing your resume preview..."
@@ -74920,10 +74924,10 @@ const MAX_RETRY_COUNT = 3, MESSAGES = {
     vertical: !0,
     align: "center",
     justify: "center",
-    className: styles$4.loadingContainer
+    className: styles$3.loadingContainer
   },
-  /* @__PURE__ */ React__default.createElement(RefIcon$z, { className: styles$4.loader }),
-  /* @__PURE__ */ React__default.createElement("span", { className: styles$4.loadingText }, C)
+  /* @__PURE__ */ React__default.createElement(RefIcon$z, { className: styles$3.loader }),
+  /* @__PURE__ */ React__default.createElement("span", { className: styles$3.loadingText }, C)
 ), PdfPreview = ({
   pdfLink: C,
   selectedResume: $,
@@ -74931,21 +74935,21 @@ const MAX_RETRY_COUNT = 3, MESSAGES = {
   isFetching: V = !1,
   isError: K = !1
 }) => {
-  const [J, ee] = useState(null), [te, re] = useState(1), [oe, ae] = useState(0), ne = ({ numPages: pe }) => {
-    ee(pe);
-  }, ie = (pe) => {
-    oe < MAX_RETRY_COUNT ? setTimeout(() => {
+  const [J, ee] = useState(null), [te, re] = useState(1), [oe, ae] = useState(0), [ne, ie] = useState(!1), se = ({ numPages: ve }) => {
+    ee(ve), ie(!1), ae(0);
+  }, ue = (ve) => {
+    ie(!0), setTimeout(() => {
       ae(oe + 1);
-    }, 1e3) : console.error("Error while loading pdf! ", pe.message);
-  }, se = (pe) => {
-    re((fe) => {
-      const ve = fe + pe;
-      return Math.min(Math.max(1, ve), J);
+    }, 1e3), console.error("Error while loading pdf! ", ve.message);
+  }, ce = (ve) => {
+    re((de) => {
+      const me = de + ve;
+      return Math.min(Math.max(1, me), J);
     });
-  }, ue = () => se(-1), ce = () => se(1), le = () => {
+  }, le = () => ce(-1), pe = () => ce(1), fe = () => {
     try {
       downloadFile(C, "resume.pdf"), staticMethods.success("Resume will be downloaded in a moment");
-    } catch (pe) {
+    } catch (ve) {
       staticMethods.error("Failed to download resume. Please try again.");
     }
   };
@@ -74955,7 +74959,7 @@ const MAX_RETRY_COUNT = 3, MESSAGES = {
       vertical: !0,
       align: "center",
       justify: "center",
-      className: styles$4.loadingContainer
+      className: styles$3.loadingContainer
     },
     /* @__PURE__ */ React__default.createElement(
       Empty,
@@ -74964,7 +74968,7 @@ const MAX_RETRY_COUNT = 3, MESSAGES = {
         image: Empty.PRESENTED_IMAGE_SIMPLE
       }
     )
-  ) : F || V || !C ? /* @__PURE__ */ React__default.createElement(
+  ) : F || V || !C || ne ? /* @__PURE__ */ React__default.createElement(
     LoadingLayout,
     {
       message: F ? MESSAGES.loading.initial : MESSAGES.loading.refreshing
@@ -74975,36 +74979,36 @@ const MAX_RETRY_COUNT = 3, MESSAGES = {
       vertical: !0,
       align: "stretch",
       justify: "center",
-      className: styles$4.container
+      className: styles$3.container
     },
-    /* @__PURE__ */ React__default.createElement(Flex, { className: styles$4.header, align: "center", justify: "space-between" }, /* @__PURE__ */ React__default.createElement("h4", { className: styles$4.title }, /* @__PURE__ */ React__default.createElement(RefIcon$8, { className: styles$4.icon }), $), /* @__PURE__ */ React__default.createElement(Flex, { align: "center" }, /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement(Flex, { className: styles$3.header, align: "center", justify: "space-between" }, /* @__PURE__ */ React__default.createElement("h4", { className: styles$3.title }, /* @__PURE__ */ React__default.createElement(RefIcon$8, { className: styles$3.icon }), $), /* @__PURE__ */ React__default.createElement(Flex, { align: "center" }, /* @__PURE__ */ React__default.createElement(
       Button$1,
       {
         type: "text",
         icon: /* @__PURE__ */ React__default.createElement(RefIcon$t, null),
-        onClick: ue,
+        onClick: le,
         disabled: te <= 1,
-        className: styles$4.paginationArrow,
+        className: styles$3.paginationArrow,
         size: "small"
       }
-    ), /* @__PURE__ */ React__default.createElement("span", { className: styles$4.paginationPageNumber }, te), /* @__PURE__ */ React__default.createElement("span", { className: styles$4.paginationSlash }, "/"), /* @__PURE__ */ React__default.createElement("span", { className: styles$4.paginationTotal }, J || "--"), /* @__PURE__ */ React__default.createElement(
+    ), /* @__PURE__ */ React__default.createElement("span", { className: styles$3.paginationPageNumber }, te), /* @__PURE__ */ React__default.createElement("span", { className: styles$3.paginationSlash }, "/"), /* @__PURE__ */ React__default.createElement("span", { className: styles$3.paginationTotal }, J || "--"), /* @__PURE__ */ React__default.createElement(
       Button$1,
       {
         type: "text",
         icon: /* @__PURE__ */ React__default.createElement(RefIcon$y, null),
-        onClick: ce,
+        onClick: pe,
         disabled: te >= J,
-        className: styles$4.paginationArrow,
+        className: styles$3.paginationArrow,
         size: "small"
       }
-    )), /* @__PURE__ */ React__default.createElement(Button$1, { type: "primary", onClick: le }, /* @__PURE__ */ React__default.createElement(RefIcon$c, { className: styles$4.downloadIcon }), " Download")),
-    /* @__PURE__ */ React__default.createElement(Flex, { align: "center", justify: "center" }, /* @__PURE__ */ React__default.createElement(ErrorBoundary, { className: styles$4.document }, /* @__PURE__ */ React__default.createElement(
+    )), /* @__PURE__ */ React__default.createElement(Button$1, { type: "primary", onClick: fe }, /* @__PURE__ */ React__default.createElement(RefIcon$c, { className: styles$3.downloadIcon }), " Download")),
+    /* @__PURE__ */ React__default.createElement(Flex, { align: "center", justify: "center" }, /* @__PURE__ */ React__default.createElement(ErrorBoundary, { className: styles$3.document }, /* @__PURE__ */ React__default.createElement(
       Document$1,
       {
         file: C,
-        className: styles$4.document,
-        onLoadSuccess: ne,
-        onLoadError: ie,
+        className: styles$3.document,
+        onLoadSuccess: se,
+        onLoadError: ue,
         loading: /* @__PURE__ */ React__default.createElement(LoadingLayout, { message: "Loading PDF document..." }),
         error: /* @__PURE__ */ React__default.createElement(LoadingLayout, { message: "Loading PDF document..." }),
         key: oe
@@ -75013,7 +75017,7 @@ const MAX_RETRY_COUNT = 3, MESSAGES = {
         Page$1,
         {
           pageNumber: te,
-          className: styles$4.page,
+          className: styles$3.page,
           renderTextLayer: !1,
           renderAnnotationLayer: !1
         }
@@ -75044,7 +75048,7 @@ const MAX_RETRY_COUNT = 3, MESSAGES = {
       return le.id === ((pe = te == null ? void 0 : te.resume_details) == null ? void 0 : pe.id);
     }
   )) == null ? void 0 : ue.default;
-  return /* @__PURE__ */ React__default.createElement(Flex, { align: "flex-start", className: styles$5.container }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(Flex, { align: "flex-start", className: styles$4.container }, /* @__PURE__ */ React__default.createElement(
     PdfPreview,
     {
       pdfLink: re == null ? void 0 : re.link,
@@ -75062,7 +75066,7 @@ const MAX_RETRY_COUNT = 3, MESSAGES = {
       isFetching: ae,
       isError: ne
     }
-  ), !oe && !ae && !ne && /* @__PURE__ */ React__default.createElement(Flex, { vertical: !0 }, /* @__PURE__ */ React__default.createElement(FloatButton.Group, { shape: "square", className: styles$5.floatButtonGroup }, /* @__PURE__ */ React__default.createElement(FontSizeDropdown, { onFontSizeChange: C }), /* @__PURE__ */ React__default.createElement(Tooltip, { title: TOOLTIPS.EDIT, placement: "right" }, /* @__PURE__ */ React__default.createElement(FloatButton, { onClick: $, icon: /* @__PURE__ */ React__default.createElement(RefIcon$b, null) })), /* @__PURE__ */ React__default.createElement(
+  ), !oe && !ae && !ne && /* @__PURE__ */ React__default.createElement(Flex, { vertical: !0 }, /* @__PURE__ */ React__default.createElement(FloatButton.Group, { shape: "square", className: styles$4.floatButtonGroup }, /* @__PURE__ */ React__default.createElement(FontSizeDropdown, { onFontSizeChange: C }), /* @__PURE__ */ React__default.createElement(Tooltip, { title: TOOLTIPS.EDIT, placement: "right" }, /* @__PURE__ */ React__default.createElement(FloatButton, { onClick: $, icon: /* @__PURE__ */ React__default.createElement(RefIcon$b, null) })), /* @__PURE__ */ React__default.createElement(
     Tooltip,
     {
       title: ie ? TOOLTIPS.DELETE_DISABLED : TOOLTIPS.DELETE,
@@ -75074,7 +75078,7 @@ const MAX_RETRY_COUNT = 3, MESSAGES = {
         onClick: F,
         icon: /* @__PURE__ */ React__default.createElement(RefIcon$d, null),
         disabled: ie,
-        className: ie ? styles$5.disabledButton : ""
+        className: ie ? styles$4.disabledButton : ""
       }
     )
   ))));
@@ -75115,8 +75119,8 @@ const MAX_RETRY_COUNT = 3, MESSAGES = {
 }, getSampleResume = (C, $, F) => {
   let V = null;
   return F === PROGRAM_TYPES.ACADEMY ? V = getAcademySampleResume(C, $) : F === PROGRAM_TYPES.DSML && (V = getDsmlSampleResume(C)), RESUME_PDF_LINKS[V];
-}, container$2 = "_container_1ldxe_1", previewImage$2 = "_previewImage_1ldxe_8", viewPdfButton = "_viewPdfButton_1ldxe_14", styles$3 = {
-  container: container$2,
+}, container$1 = "_container_1ldxe_1", previewImage$2 = "_previewImage_1ldxe_8", viewPdfButton = "_viewPdfButton_1ldxe_14", styles$2 = {
+  container: container$1,
   previewImage: previewImage$2,
   viewPdfButton
 }, SampleResumePreview$1 = () => {
@@ -75129,11 +75133,11 @@ const MAX_RETRY_COUNT = 3, MESSAGES = {
     $,
     F
   );
-  return /* @__PURE__ */ React__default.createElement("div", { className: styles$3.container }, /* @__PURE__ */ React__default.createElement("img", { className: styles$3.previewImage, src: V, alt: "resume-preview" }), /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: styles$2.container }, /* @__PURE__ */ React__default.createElement("img", { className: styles$2.previewImage, src: V, alt: "resume-preview" }), /* @__PURE__ */ React__default.createElement(
     Button$1,
     {
       type: "link",
-      className: styles$3.viewPdfButton,
+      className: styles$2.viewPdfButton,
       onClick: () => {
         window.open(K, "_blank");
       }
@@ -75172,8 +75176,8 @@ const MAX_RETRY_COUNT = 3, MESSAGES = {
     default:
       return RESUME_HIGHLIGHT_IMAGES.dsmlFresherNonTech;
   }
-}, getResumeHighlightImage = (C, $) => !C || !$ ? RESUME_HIGHLIGHT_IMAGES.default : $ === PROGRAM_TYPES.ACADEMY ? getAcademyResumeHighlightImage(C) : $ === PROGRAM_TYPES.DSML ? getDsmlResumeHighlightImage(C) : RESUME_HIGHLIGHT_IMAGES.default, container$1 = "_container_1ldxe_1", previewImage$1 = "_previewImage_1ldxe_8", styles$2 = {
-  container: container$1,
+}, getResumeHighlightImage = (C, $) => !C || !$ ? RESUME_HIGHLIGHT_IMAGES.default : $ === PROGRAM_TYPES.ACADEMY ? getAcademyResumeHighlightImage(C) : $ === PROGRAM_TYPES.DSML ? getDsmlResumeHighlightImage(C) : RESUME_HIGHLIGHT_IMAGES.default, container = "_container_1ldxe_1", previewImage$1 = "_previewImage_1ldxe_8", styles$1 = {
+  container,
   previewImage: previewImage$1
 }, SampleResumePreview = () => {
   const C = useSelector(
@@ -75184,10 +75188,10 @@ const MAX_RETRY_COUNT = 3, MESSAGES = {
     C == null ? void 0 : C.currentJobRole,
     $
   ), K = /* @__PURE__ */ React__default.createElement("div", { style: { width: "25rem" } }, /* @__PURE__ */ React__default.createElement("div", { style: { fontWeight: "bold", marginBottom: "8px" } }, "Recommendation"), /* @__PURE__ */ React__default.createElement("div", null, V));
-  return /* @__PURE__ */ React__default.createElement("div", { className: styles$2.container, style: { position: "relative" } }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: styles$1.container, style: { position: "relative" } }, /* @__PURE__ */ React__default.createElement(
     "img",
     {
-      className: styles$2.previewImage,
+      className: styles$1.previewImage,
       src: F,
       alt: "resume-highlight"
     }
@@ -75214,32 +75218,11 @@ const MAX_RETRY_COUNT = 3, MESSAGES = {
       /* @__PURE__ */ React__default.createElement("div", { style: { width: 0, height: 0 } })
     )
   ));
-}, previewImage = "_previewImage_2p9ut_7", loadingContainer = "_loadingContainer_2p9ut_13", loadingIcon = "_loadingIcon_2p9ut_24", styles$1 = {
+}, previewImage = "_previewImage_2p9ut_7", loadingContainer = "_loadingContainer_2p9ut_13", loadingIcon = "_loadingIcon_2p9ut_24", styles = {
   previewImage,
   loadingContainer,
   loadingIcon
-}, container = "_container_ps23w_1", backgroundImage = "_backgroundImage_ps23w_8", videoContainer = "_videoContainer_ps23w_20", video = "_video_ps23w_20", styles = {
-  container,
-  backgroundImage,
-  videoContainer,
-  video
-}, BACKGROUND_IMAGE = "https://d2beiqkhq929f0.cloudfront.net/public_assets/assets/000/126/764/original/Resume_Builder_Frame_%282%29.png", VIDEO_URL = "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4", VIDEO_THUMBNAIL = "https://d2beiqkhq929f0.cloudfront.net/public_assets/assets/000/126/767/original/Resume_Builder_Frame_8.png", IntroVideo = () => /* @__PURE__ */ React__default.createElement("div", { className: styles.container }, /* @__PURE__ */ React__default.createElement(
-  "div",
-  {
-    className: styles.backgroundImage,
-    style: { backgroundImage: `url(${BACKGROUND_IMAGE})` }
-  }
-), /* @__PURE__ */ React__default.createElement("div", { className: styles.videoContainer }, /* @__PURE__ */ React__default.createElement(
-  "video",
-  {
-    src: VIDEO_URL,
-    className: styles.video,
-    autoPlay: !0,
-    muted: !0,
-    controls: !0,
-    poster: VIDEO_THUMBNAIL
-  }
-))), ResumeBuilderContent = ({
+}, ResumeBuilderContent = ({
   isOnboarding: C = !0,
   resumeData: $,
   onBackButtonClick: F,
@@ -75292,13 +75275,20 @@ const MAX_RETRY_COUNT = 3, MESSAGES = {
   }, ce = () => {
     switch (se[ie].component) {
       case RESUME_BUILDER_STEPS.ACKNOWLEDGEMENT.component:
-        return /* @__PURE__ */ React__default.createElement(IntroVideo, null);
+        return /* @__PURE__ */ React__default.createElement(
+          "img",
+          {
+            src: PREFERENCE_SETTINGS_IMAGE,
+            className: styles.previewImage,
+            alt: "preference-settings"
+          }
+        );
       case RESUME_BUILDER_STEPS.PREFERENCE_SETTINGS.component:
         return /* @__PURE__ */ React__default.createElement(
           "img",
           {
             src: PREFERENCE_SETTINGS_IMAGE,
-            className: styles$1.previewImage,
+            className: styles.previewImage,
             alt: "preference-settings"
           }
         );
@@ -75322,7 +75312,7 @@ const MAX_RETRY_COUNT = 3, MESSAGES = {
         return null;
     }
   };
-  return !$ || ae ? /* @__PURE__ */ React__default.createElement("div", { className: styles$1.loadingContainer }, /* @__PURE__ */ React__default.createElement(RefIcon$z, { className: styles$1.loadingIcon, size: "large" }), /* @__PURE__ */ React__default.createElement("h1", null, "Loading your resume data...")) : /* @__PURE__ */ React__default.createElement(ResumeLayout, { onBackButtonClick: F, preview: ce() }, ue());
+  return !$ || ae ? /* @__PURE__ */ React__default.createElement("div", { className: styles.loadingContainer }, /* @__PURE__ */ React__default.createElement(RefIcon$z, { className: styles.loadingIcon, size: "large" }), /* @__PURE__ */ React__default.createElement("h1", null, "Loading your resume data...")) : /* @__PURE__ */ React__default.createElement(ResumeLayout, { onBackButtonClick: F, preview: ce() }, ue());
 }, ResumeBuilder = ({
   isOnboarding: C = !0,
   resumeData: $,