@adminide-stack/yantra-mobile 12.0.69-alpha.9 → 12.0.69

package/lib/features/resume/ResumeEditor.js

@@ -0,0 +1,676 @@
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import React__default from'react';import {StyleSheet,View,Pressable,Image,Text,TextInput}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {joinSkills,splitSkills,moveSection,blankCustomSection}from'./draft.js';import {rnDensity,fontFamily,isTwoColumn}from'./templates.js';import {SECTION_KEYS,SIDEBAR_SECTIONS,SECTION_TITLES}from'./types.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function Field({
+  label,
+  value,
+  onChange,
+  placeholder,
+  multiline,
+  style,
+  color,
+  placeholderColor,
+  annotate,
+  onAnnotate,
+  fontFam
+}) {
+  const input = /* @__PURE__ */ jsx(TextInput, { value: value != null ? value : "", onChangeText: onChange, placeholder: placeholder != null ? placeholder : label, placeholderTextColor: placeholderColor, multiline, editable: !annotate, style: [{
+    color,
+    padding: 0,
+    margin: 0,
+    fontFamily: fontFam
+  }, style], accessibilityLabel: label });
+  if (!annotate || !onAnnotate) return input;
+  return /* @__PURE__ */ jsx(Pressable, { onLongPress: () => onAnnotate(label, value != null ? value : ""), delayLongPress: 280, style: ({
+    pressed
+  }) => [pressed ? {
+    opacity: 0.7
+  } : null, {
+    borderRadius: 4
+  }], children: input });
+}
+function IconBtn({
+  name,
+  onPress,
+  color
+}) {
+  return /* @__PURE__ */ jsx(Pressable, { onPress, hitSlop: 8, style: styles.iconHit, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name, size: 16, color }) });
+}
+function ResumeEditor({
+  resume,
+  template,
+  accent,
+  update,
+  theme,
+  annotate,
+  onAnnotate,
+  onPickPhoto
+}) {
+  var _a, _b, _c, _d;
+  const primary = accent || template.colorScheme.primary;
+  const paper = template.colorScheme.background;
+  const ink = template.colorScheme.text;
+  const muted = template.colorScheme.secondary;
+  const metrics = rnDensity((_a = resume.settings) == null ? void 0 : _a.density);
+  const fam = fontFamily((_b = resume.settings) == null ? void 0 : _b.font);
+  const order = (_c = resume.order) != null ? _c : SECTION_KEYS;
+  const hidden = (_d = resume.hidden) != null ? _d : {};
+  const visible = order.filter((key) => !hidden[key]);
+  const twoCol = isTwoColumn(template.layout);
+  const sideKeys = twoCol ? visible.filter((k) => SIDEBAR_SECTIONS.includes(k)) : [];
+  const mainKeys = twoCol ? visible.filter((k) => !SIDEBAR_SECTIONS.includes(k)) : visible;
+  const creativeSide = template.layout === "creative";
+  const fieldProps = {
+    color: ink,
+    placeholderColor: muted,
+    annotate,
+    onAnnotate,
+    fontFam: fam
+  };
+  const sectionHeader = (key, side) => {
+    const titleColor = side && creativeSide ? "#fff" : primary;
+    const chrome = side && creativeSide ? "rgba(255,255,255,0.75)" : theme.muted;
+    return /* @__PURE__ */ jsxs(View, { style: styles.sectionHead, children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.sectionTitle, {
+        color: titleColor,
+        borderBottomColor: side && creativeSide ? "rgba(255,255,255,0.45)" : primary,
+        fontFamily: fam
+      }], children: SECTION_TITLES[key] }),
+      /* @__PURE__ */ jsxs(View, { style: styles.sectionActions, children: [
+        /* @__PURE__ */ jsx(IconBtn, { name: "chevron-up", color: chrome, onPress: () => update((d) => {
+          var _a2;
+          return void (d.order = moveSection((_a2 = d.order) != null ? _a2 : [...SECTION_KEYS], key, -1));
+        }) }),
+        /* @__PURE__ */ jsx(IconBtn, { name: "chevron-down", color: chrome, onPress: () => update((d) => {
+          var _a2;
+          return void (d.order = moveSection((_a2 = d.order) != null ? _a2 : [...SECTION_KEYS], key, 1));
+        }) }),
+        /* @__PURE__ */ jsx(IconBtn, { name: "eye-off-outline", color: chrome, onPress: () => update((d) => {
+          var _a2;
+          return void (((_a2 = d.hidden) != null ? _a2 : d.hidden = {})[key] = true);
+        }) })
+      ] })
+    ] });
+  };
+  const addLink = (label, onPress, color = primary) => /* @__PURE__ */ jsxs(Pressable, { onPress, style: styles.addLink, children: [
+    /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "plus", size: 14, color }),
+    /* @__PURE__ */ jsx(Text, { style: {
+      color,
+      fontSize: 12,
+      fontWeight: "600"
+    }, children: label })
+  ] });
+  const renderSection = (key, side) => {
+    var _a2, _b2;
+    const sideInk = side && creativeSide ? "#fff" : ink;
+    const sideMuted = side && creativeSide ? "rgba(255,255,255,0.75)" : muted;
+    const sidePrimary = side && creativeSide ? "#fff" : primary;
+    const fp = __spreadProps(__spreadValues({}, fieldProps), {
+      color: sideInk,
+      placeholderColor: sideMuted
+    });
+    if (key === "experience") {
+      return /* @__PURE__ */ jsxs(View, { style: styles.section, children: [
+        sectionHeader(key, side),
+        resume.experience.map((item, i) => {
+          var _a3;
+          return /* @__PURE__ */ jsxs(View, { style: styles.entry, children: [
+            /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { label: "Position", value: item.position, onChange: (v) => update((d) => void (d.experience[i].position = v)), style: [styles.entryTitle, {
+              lineHeight: metrics.lineHeight
+            }] })),
+            /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { color: sidePrimary, label: "Company", value: item.company, onChange: (v) => update((d) => void (d.experience[i].company = v)), style: styles.entrySub })),
+            /* @__PURE__ */ jsxs(View, { style: styles.row2, children: [
+              /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { color: sideMuted, label: "Dates", value: item.date, onChange: (v) => update((d) => void (d.experience[i].date = v)), style: [styles.entryMeta, {
+                flex: 1
+              }] })),
+              /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { color: sideMuted, label: "Location", value: item.location, onChange: (v) => update((d) => void (d.experience[i].location = v)), style: [styles.entryMeta, {
+                flex: 1
+              }] }))
+            ] }),
+            ((_a3 = item.bullets) != null ? _a3 : [""]).map((b, bi) => /* @__PURE__ */ jsxs(View, { style: styles.bulletRow, children: [
+              /* @__PURE__ */ jsx(Text, { style: {
+                color: sideMuted,
+                marginTop: 2
+              }, children: "\u2022" }),
+              /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { label: "Achievement", value: b, multiline: true, onChange: (v) => update((d) => void (d.experience[i].bullets[bi] = v)), style: {
+                flex: 1,
+                fontSize: metrics.fontSize,
+                lineHeight: metrics.lineHeight
+              } })),
+              /* @__PURE__ */ jsx(IconBtn, { name: "close", color: sideMuted, onPress: () => update((d) => {
+                d.experience[i].bullets.splice(bi, 1);
+                if (!d.experience[i].bullets.length) d.experience[i].bullets = [""];
+              }) })
+            ] }, bi)),
+            addLink("Bullet", () => update((d) => void d.experience[i].bullets.push("")), sidePrimary),
+            /* @__PURE__ */ jsx(Pressable, { onPress: () => update((d) => void d.experience.splice(i, 1)), children: /* @__PURE__ */ jsx(Text, { style: {
+              color: sideMuted,
+              fontSize: 11,
+              marginTop: 4
+            }, children: "Remove role" }) })
+          ] }, i);
+        }),
+        addLink("Add experience", () => update((d) => void d.experience.push({
+          company: "",
+          position: "",
+          date: "",
+          location: "",
+          bullets: [""]
+        })), sidePrimary)
+      ] }, key);
+    }
+    if (key === "education") {
+      return /* @__PURE__ */ jsxs(View, { style: styles.section, children: [
+        sectionHeader(key, side),
+        resume.education.map((item, i) => /* @__PURE__ */ jsxs(View, { style: styles.entry, children: [
+          /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { label: "School", value: item.school, onChange: (v) => update((d) => void (d.education[i].school = v)), style: styles.entryTitle })),
+          /* @__PURE__ */ jsxs(View, { style: styles.row2, children: [
+            /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { color: sidePrimary, label: "Degree", value: item.degree, onChange: (v) => update((d) => void (d.education[i].degree = v)), style: [styles.entrySub, {
+              flex: 1
+            }] })),
+            /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { color: sidePrimary, label: "Major", value: item.major, onChange: (v) => update((d) => void (d.education[i].major = v)), style: [styles.entrySub, {
+              flex: 1
+            }] }))
+          ] }),
+          /* @__PURE__ */ jsxs(View, { style: styles.row2, children: [
+            /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { color: sideMuted, label: "Dates", value: item.date, onChange: (v) => update((d) => void (d.education[i].date = v)), style: [styles.entryMeta, {
+              flex: 1
+            }] })),
+            /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { color: sideMuted, label: "GPA", value: item.gpa, onChange: (v) => update((d) => void (d.education[i].gpa = v)), style: [styles.entryMeta, {
+              flex: 1
+            }] }))
+          ] }),
+          /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { label: "Description", value: item.description, multiline: true, onChange: (v) => update((d) => void (d.education[i].description = v)), style: {
+            fontSize: metrics.fontSize,
+            lineHeight: metrics.lineHeight
+          } })),
+          /* @__PURE__ */ jsx(Pressable, { onPress: () => update((d) => void d.education.splice(i, 1)), children: /* @__PURE__ */ jsx(Text, { style: {
+            color: sideMuted,
+            fontSize: 11,
+            marginTop: 4
+          }, children: "Remove" }) })
+        ] }, i)),
+        addLink("Add education", () => update((d) => void d.education.push({
+          school: "",
+          degree: "",
+          major: "",
+          date: ""
+        })), sidePrimary)
+      ] }, key);
+    }
+    if (key === "projects") {
+      return /* @__PURE__ */ jsxs(View, { style: styles.section, children: [
+        sectionHeader(key, side),
+        resume.projects.map((item, i) => {
+          var _a3;
+          return /* @__PURE__ */ jsxs(View, { style: styles.entry, children: [
+            /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { label: "Project name", value: item.name, onChange: (v) => update((d) => void (d.projects[i].name = v)), style: styles.entryTitle })),
+            /* @__PURE__ */ jsxs(View, { style: styles.row2, children: [
+              /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { color: sidePrimary, label: "Role", value: item.role, onChange: (v) => update((d) => void (d.projects[i].role = v)), style: [styles.entrySub, {
+                flex: 1
+              }] })),
+              /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { color: sideMuted, label: "Dates", value: item.date, onChange: (v) => update((d) => void (d.projects[i].date = v)), style: [styles.entryMeta, {
+                flex: 1
+              }] }))
+            ] }),
+            /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { color: sidePrimary, label: "Link", value: item.link, onChange: (v) => update((d) => void (d.projects[i].link = v)), style: styles.entryMeta })),
+            /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { label: "Description", value: item.description, multiline: true, onChange: (v) => update((d) => void (d.projects[i].description = v)), style: {
+              fontSize: metrics.fontSize,
+              lineHeight: metrics.lineHeight
+            } })),
+            ((_a3 = item.bullets) != null ? _a3 : []).map((b, bi) => /* @__PURE__ */ jsxs(View, { style: styles.bulletRow, children: [
+              /* @__PURE__ */ jsx(Text, { style: {
+                color: sideMuted
+              }, children: "\u2022" }),
+              /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { label: "Bullet", value: b, multiline: true, onChange: (v) => update((d) => {
+                var _a4, _b3;
+                ((_b3 = (_a4 = d.projects[i]).bullets) != null ? _b3 : _a4.bullets = [])[bi] = v;
+              }), style: {
+                flex: 1,
+                fontSize: metrics.fontSize
+              } }))
+            ] }, bi)),
+            addLink("Bullet", () => update((d) => {
+              var _a4, _b3;
+              ((_b3 = (_a4 = d.projects[i]).bullets) != null ? _b3 : _a4.bullets = []).push("");
+            }), sidePrimary),
+            /* @__PURE__ */ jsx(Pressable, { onPress: () => update((d) => void d.projects.splice(i, 1)), children: /* @__PURE__ */ jsx(Text, { style: {
+              color: sideMuted,
+              fontSize: 11,
+              marginTop: 4
+            }, children: "Remove" }) })
+          ] }, i);
+        }),
+        addLink("Add project", () => update((d) => void d.projects.push({
+          name: "",
+          description: "",
+          bullets: []
+        })), sidePrimary)
+      ] }, key);
+    }
+    if (key === "skills") {
+      return /* @__PURE__ */ jsxs(View, { style: styles.section, children: [
+        sectionHeader(key, side),
+        (resume.skills.length ? resume.skills : [{
+          items: []
+        }]).map((group, gi) => /* @__PURE__ */ jsxs(View, { style: styles.entry, children: [
+          /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { color: sideMuted, label: "Category", value: group.category, onChange: (v) => update((d) => {
+            if (!d.skills.length) d.skills.push({
+              items: []
+            });
+            d.skills[gi].category = v;
+          }), style: styles.entryMeta })),
+          /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { label: "Skills", value: joinSkills(group.items), multiline: true, onChange: (v) => update((d) => {
+            if (!d.skills.length) d.skills.push({
+              items: []
+            });
+            d.skills[gi].items = splitSkills(v);
+          }), placeholder: "Skills, comma-separated", style: {
+            fontSize: metrics.fontSize,
+            lineHeight: metrics.lineHeight
+          } })),
+          resume.skills.length > 1 ? /* @__PURE__ */ jsx(Pressable, { onPress: () => update((d) => void d.skills.splice(gi, 1)), children: /* @__PURE__ */ jsx(Text, { style: {
+            color: sideMuted,
+            fontSize: 11
+          }, children: "Remove group" }) }) : null
+        ] }, gi)),
+        addLink("Add skill group", () => update((d) => void d.skills.push({
+          category: "",
+          items: []
+        })), sidePrimary)
+      ] }, key);
+    }
+    if (key === "certificates") {
+      return /* @__PURE__ */ jsxs(View, { style: styles.section, children: [
+        sectionHeader(key, side),
+        ((_a2 = resume.certificates) != null ? _a2 : []).map((item, i) => /* @__PURE__ */ jsxs(View, { style: styles.entry, children: [
+          /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { label: "Certificate", value: item.name, onChange: (v) => update((d) => {
+            var _a3;
+            ((_a3 = d.certificates) != null ? _a3 : d.certificates = [])[i].name = v;
+          }), style: styles.entryTitle })),
+          /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { color: sideMuted, label: "Issuer", value: item.issuer, onChange: (v) => update((d) => {
+            var _a3;
+            ((_a3 = d.certificates) != null ? _a3 : d.certificates = [])[i].issuer = v;
+          }), style: styles.entryMeta })),
+          /* @__PURE__ */ jsxs(View, { style: styles.row2, children: [
+            /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { color: sideMuted, label: "Date", value: item.date, onChange: (v) => update((d) => {
+              var _a3;
+              ((_a3 = d.certificates) != null ? _a3 : d.certificates = [])[i].date = v;
+            }), style: [styles.entryMeta, {
+              flex: 1
+            }] })),
+            /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { color: sidePrimary, label: "URL", value: item.url, onChange: (v) => update((d) => {
+              var _a3;
+              ((_a3 = d.certificates) != null ? _a3 : d.certificates = [])[i].url = v;
+            }), style: [styles.entryMeta, {
+              flex: 1
+            }] }))
+          ] }),
+          /* @__PURE__ */ jsx(Pressable, { onPress: () => update((d) => {
+            var _a3;
+            return void ((_a3 = d.certificates) != null ? _a3 : d.certificates = []).splice(i, 1);
+          }), children: /* @__PURE__ */ jsx(Text, { style: {
+            color: sideMuted,
+            fontSize: 11
+          }, children: "Remove" }) })
+        ] }, i)),
+        addLink("Add certificate", () => update((d) => {
+          var _a3;
+          return void ((_a3 = d.certificates) != null ? _a3 : d.certificates = []).push({
+            name: "",
+            issuer: ""
+          });
+        }), sidePrimary)
+      ] }, key);
+    }
+    return /* @__PURE__ */ jsxs(View, { style: styles.section, children: [
+      sectionHeader(key, side),
+      ((_b2 = resume.customSections) != null ? _b2 : []).map((sec, si) => {
+        var _a3;
+        return /* @__PURE__ */ jsxs(View, { style: styles.entry, children: [
+          /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { label: "Section title", value: sec.title, onChange: (v) => update((d) => {
+            var _a4;
+            ((_a4 = d.customSections) != null ? _a4 : d.customSections = [])[si].title = v;
+          }), style: styles.entryTitle })),
+          ((_a3 = sec.items) != null ? _a3 : []).map((item, ii) => {
+            var _a4;
+            return /* @__PURE__ */ jsxs(View, { style: {
+              marginBottom: 8
+            }, children: [
+              /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { color: sidePrimary, label: "Heading", value: item.heading, onChange: (v) => update((d) => {
+                var _a5;
+                ((_a5 = d.customSections) != null ? _a5 : d.customSections = [])[si].items[ii].heading = v;
+              }), style: styles.entrySub })),
+              /* @__PURE__ */ jsxs(View, { style: styles.row2, children: [
+                /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { color: sideMuted, label: "Subheading", value: item.subheading, onChange: (v) => update((d) => {
+                  var _a5;
+                  ((_a5 = d.customSections) != null ? _a5 : d.customSections = [])[si].items[ii].subheading = v;
+                }), style: [styles.entryMeta, {
+                  flex: 1
+                }] })),
+                /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { color: sideMuted, label: "Date", value: item.date, onChange: (v) => update((d) => {
+                  var _a5;
+                  ((_a5 = d.customSections) != null ? _a5 : d.customSections = [])[si].items[ii].date = v;
+                }), style: [styles.entryMeta, {
+                  flex: 1
+                }] }))
+              ] }),
+              /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { label: "Description", value: item.description, multiline: true, onChange: (v) => update((d) => {
+                var _a5;
+                ((_a5 = d.customSections) != null ? _a5 : d.customSections = [])[si].items[ii].description = v;
+              }), style: {
+                fontSize: metrics.fontSize
+              } })),
+              ((_a4 = item.bullets) != null ? _a4 : []).map((b, bi) => /* @__PURE__ */ jsxs(View, { style: styles.bulletRow, children: [
+                /* @__PURE__ */ jsx(Text, { style: {
+                  color: sideMuted
+                }, children: "\u2022" }),
+                /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fp), { label: "Bullet", value: b, multiline: true, onChange: (v) => update((d) => {
+                  var _a5, _b3, _c2;
+                  const bullets = (_c2 = (_b3 = ((_a5 = d.customSections) != null ? _a5 : d.customSections = [])[si].items[ii]).bullets) != null ? _c2 : _b3.bullets = [];
+                  bullets[bi] = v;
+                }), style: {
+                  flex: 1,
+                  fontSize: metrics.fontSize
+                } }))
+              ] }, bi)),
+              addLink("Bullet", () => update((d) => {
+                var _a5, _b3, _c2;
+                ((_c2 = (_b3 = ((_a5 = d.customSections) != null ? _a5 : d.customSections = [])[si].items[ii]).bullets) != null ? _c2 : _b3.bullets = []).push("");
+              }), sidePrimary),
+              /* @__PURE__ */ jsx(Pressable, { onPress: () => update((d) => {
+                var _a5;
+                return void ((_a5 = d.customSections) != null ? _a5 : d.customSections = [])[si].items.splice(ii, 1);
+              }), children: /* @__PURE__ */ jsx(Text, { style: {
+                color: sideMuted,
+                fontSize: 11
+              }, children: "Remove item" }) })
+            ] }, ii);
+          }),
+          addLink("Add item", () => update((d) => {
+            var _a4;
+            return void ((_a4 = d.customSections) != null ? _a4 : d.customSections = [])[si].items.push({
+              heading: "",
+              description: ""
+            });
+          }), sidePrimary),
+          /* @__PURE__ */ jsx(Pressable, { onPress: () => update((d) => {
+            var _a4;
+            return void ((_a4 = d.customSections) != null ? _a4 : d.customSections = []).splice(si, 1);
+          }), children: /* @__PURE__ */ jsx(Text, { style: {
+            color: sideMuted,
+            fontSize: 11,
+            marginTop: 4
+          }, children: "Remove section" }) })
+        ] }, si);
+      }),
+      addLink("Add custom section", () => update((d) => {
+        var _a3;
+        return void ((_a3 = d.customSections) != null ? _a3 : d.customSections = []).push(blankCustomSection());
+      }), sidePrimary)
+    ] }, key);
+  };
+  const header = /* @__PURE__ */ jsxs(View, { style: [styles.header, {
+    borderBottomColor: primary
+  }], children: [
+    /* @__PURE__ */ jsx(Pressable, { onPress: onPickPhoto, disabled: !onPickPhoto, style: [styles.photoWrap, {
+      borderColor: primary
+    }], children: resume.basics.photo ? /* @__PURE__ */ jsx(Image, { source: {
+      uri: resume.basics.photo
+    }, style: styles.photo }) : /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "camera-plus-outline", size: 22, color: muted }) }),
+    /* @__PURE__ */ jsxs(View, { style: {
+      flex: 1,
+      minWidth: 0
+    }, children: [
+      /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fieldProps), { color: primary, label: "Name", value: resume.basics.name, onChange: (v) => update((d) => void (d.basics.name = v)), style: {
+        fontSize: 24,
+        fontWeight: "700",
+        marginBottom: 2,
+        fontFamily: fam
+      } })),
+      /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fieldProps), { label: "Professional title", value: resume.basics.title, onChange: (v) => update((d) => void (d.basics.title = v)), style: {
+        fontSize: 14,
+        marginBottom: 6,
+        fontFamily: fam
+      } })),
+      /* @__PURE__ */ jsx(View, { style: styles.contactRow, children: [["email", "Email"], ["phone", "Phone"], ["location", "Location"], ["website", "Website"]].map(([k, ph], idx) => /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+        idx > 0 ? /* @__PURE__ */ jsx(Text, { style: {
+          color: muted,
+          fontSize: 12
+        }, children: " \xB7 " }) : null,
+        /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fieldProps), { color: muted, label: ph, value: resume.basics[k], onChange: (v) => update((d) => void (d.basics[k] = v)), style: {
+          fontSize: 12,
+          minWidth: 72,
+          flexGrow: 1
+        } }))
+      ] }, k)) })
+    ] })
+  ] });
+  const summaryBlock = !hidden.summary ? /* @__PURE__ */ jsxs(View, { style: {
+    marginTop: 10,
+    marginBottom: 4
+  }, children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.sectionHead, children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.summaryLabel, {
+        color: muted
+      }], children: "Summary" }),
+      /* @__PURE__ */ jsx(IconBtn, { name: "eye-off-outline", color: theme.muted, onPress: () => update((d) => {
+        var _a2;
+        return void (((_a2 = d.hidden) != null ? _a2 : d.hidden = {}).summary = true);
+      }) })
+    ] }),
+    /* @__PURE__ */ jsx(Field, __spreadProps(__spreadValues({}, fieldProps), { label: "Professional summary", value: resume.basics.summary, multiline: true, onChange: (v) => update((d) => void (d.basics.summary = v)), style: {
+      fontSize: metrics.fontSize,
+      lineHeight: metrics.lineHeight
+    } }))
+  ] }) : null;
+  return /* @__PURE__ */ jsxs(View, { style: [styles.paper, {
+    backgroundColor: paper,
+    padding: metrics.padding,
+    borderColor: theme.border
+  }, annotate ? styles.annotatePaper : null], children: [
+    annotate ? /* @__PURE__ */ jsxs(View, { style: [styles.annotateBanner, {
+      backgroundColor: theme.accentSoft
+    }], children: [
+      /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "gesture-tap", size: 14, color: theme.accent }),
+      /* @__PURE__ */ jsx(Text, { style: {
+        color: theme.accent,
+        fontSize: 11,
+        fontWeight: "600",
+        flex: 1
+      }, children: "Long-press any field to annotate an edit for the assistant" })
+    ] }) : null,
+    header,
+    twoCol ? /* @__PURE__ */ jsxs(View, { style: styles.cols, children: [
+      /* @__PURE__ */ jsx(View, { style: [styles.side, {
+        backgroundColor: creativeSide ? primary : theme.isDark ? "#1a2030" : "#f5f6f8",
+        padding: 12,
+        borderRadius: 10
+      }], children: sideKeys.map((k) => renderSection(k, true)) }),
+      /* @__PURE__ */ jsxs(View, { style: styles.main, children: [
+        summaryBlock,
+        mainKeys.map((k) => renderSection(k))
+      ] })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      summaryBlock,
+      mainKeys.map((k) => renderSection(k))
+    ] }),
+    Object.keys(hidden).some((k) => hidden[k]) ? /* @__PURE__ */ jsxs(View, { style: [styles.hiddenBar, {
+      borderTopColor: theme.border
+    }], children: [
+      /* @__PURE__ */ jsx(Text, { style: {
+        color: muted,
+        fontSize: 12,
+        marginBottom: 6,
+        fontWeight: "600"
+      }, children: "Hidden sections" }),
+      Object.keys(hidden).filter((k) => hidden[k]).map((k) => {
+        var _a2;
+        return /* @__PURE__ */ jsx(Pressable, { onPress: () => update((d) => {
+          if (!d.hidden) return;
+          delete d.hidden[k];
+        }), style: {
+          marginBottom: 4
+        }, children: /* @__PURE__ */ jsxs(Text, { style: {
+          color: primary,
+          fontSize: 13
+        }, children: [
+          "Restore ",
+          (_a2 = SECTION_TITLES[k]) != null ? _a2 : k
+        ] }) }, k);
+      })
+    ] }) : null
+  ] });
+}
+const styles = StyleSheet.create({
+  paper: {
+    borderRadius: 12,
+    borderWidth: StyleSheet.hairlineWidth,
+    shadowColor: "#1c2438",
+    shadowOpacity: 0.08,
+    shadowRadius: 16,
+    shadowOffset: {
+      width: 0,
+      height: 6
+    },
+    elevation: 3,
+    overflow: "hidden"
+  },
+  annotatePaper: {
+    borderWidth: 1.5
+  },
+  annotateBanner: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    marginBottom: 12,
+    paddingHorizontal: 10,
+    paddingVertical: 8,
+    borderRadius: 8
+  },
+  header: {
+    flexDirection: "row",
+    gap: 14,
+    borderBottomWidth: 3,
+    paddingBottom: 12,
+    marginBottom: 4
+  },
+  photoWrap: {
+    width: 72,
+    height: 72,
+    borderRadius: 36,
+    borderWidth: 2,
+    alignItems: "center",
+    justifyContent: "center",
+    overflow: "hidden",
+    backgroundColor: "rgba(0,0,0,0.04)"
+  },
+  photo: {
+    width: 72,
+    height: 72
+  },
+  contactRow: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    alignItems: "center"
+  },
+  cols: {
+    flexDirection: "row",
+    gap: 14,
+    marginTop: 8,
+    alignItems: "flex-start"
+  },
+  side: {
+    flex: 0.38,
+    minWidth: 110
+  },
+  main: {
+    flex: 0.62,
+    minWidth: 0
+  },
+  section: {
+    marginTop: 14
+  },
+  sectionHead: {
+    flexDirection: "row",
+    alignItems: "center",
+    marginBottom: 8
+  },
+  sectionTitle: {
+    flex: 1,
+    fontSize: 12,
+    fontWeight: "700",
+    letterSpacing: 0.6,
+    textTransform: "uppercase",
+    borderBottomWidth: 2,
+    paddingBottom: 4
+  },
+  sectionActions: {
+    flexDirection: "row",
+    marginLeft: 6
+  },
+  iconHit: {
+    padding: 4
+  },
+  entry: {
+    marginBottom: 12
+  },
+  entryTitle: {
+    fontSize: 14,
+    fontWeight: "600",
+    marginBottom: 2
+  },
+  entrySub: {
+    fontSize: 13,
+    fontWeight: "500",
+    marginBottom: 2
+  },
+  entryMeta: {
+    fontSize: 12,
+    marginBottom: 4
+  },
+  row2: {
+    flexDirection: "row",
+    gap: 8
+  },
+  bulletRow: {
+    flexDirection: "row",
+    gap: 6,
+    marginTop: 2,
+    alignItems: "flex-start"
+  },
+  addLink: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4,
+    marginTop: 6
+  },
+  summaryLabel: {
+    flex: 1,
+    fontSize: 11,
+    fontWeight: "600",
+    letterSpacing: 0.4,
+    textTransform: "uppercase"
+  },
+  hiddenBar: {
+    marginTop: 16,
+    paddingTop: 12,
+    borderTopWidth: StyleSheet.hairlineWidth
+  }
+});export{ResumeEditor};//# sourceMappingURL=ResumeEditor.js.map