sass-template-common 0.12.19 → 0.12.21

package/dist/sass-template-common.d.ts

@@ -3378,6 +3378,13 @@ declare type Props_45 = {
     socialIconsFilled?: boolean;
     /** Si true, renderiza los iconos de redes sociales por medio de imagen (custom) */
     socialIconsCustom?: boolean;
+    /**
+     * Si true, pinta el cargo del autor (`USER_JOBTITLE` / `USER_POSITION`) entre
+     * el nombre y el mail. Apagado por defecto: hasta ahora el cargo solo se
+     * usaba para el `jobTitle` del schema ProfilePage y ningun sitio lo mostraba,
+     * asi que el header no cambia salvo que el consumidor lo prenda.
+     */
+    showPosition?: boolean;
 };
 
 declare type Props_46 = {

package/dist/sass-template-common.js

@@ -10092,88 +10092,89 @@ const qf = (e) => {
     loading: "lazy"
   }
 ), zf = async (e) => {
-  const { autor: t, autorIcon: n, socialIconsFilled: a = !1, socialIconsCustom: r = !1 } = e, o = n, { PUBLIC_LNG: i } = I(), c = i === "en", l = t?.addtional, d = t?.info?.image?.sizes?.[0]?.url ?? "", u = t?.info?.fullname ?? "", h = t?.info?.email ?? "", m = c ? l?.USER_DESCRIPCION_EN || l?.USER_MIBIO_EN || "" : l?.USER_DESCRIPCION || l?.USER_MIBIO || "", p = dn(t?.addtional?.USER_USERFB ?? ""), f = dn(t?.addtional?.USER_USERIG ?? ""), b = dn(t?.addtional?.USER_USERTWT ?? ""), w = dn(t?.addtional?.USER_USERLIN ?? ""), A = $e("tiktok", l?.USER_PAGE_TIKTOK), y = $e("youtube", l?.USER_PAGE_YOUTUBE), C = $e(
+  const { autor: t, autorIcon: n, socialIconsFilled: a = !1, socialIconsCustom: r = !1, showPosition: o = !1 } = e, i = n, { PUBLIC_LNG: c } = I(), l = c === "en", d = t?.addtional, u = t?.info?.image?.sizes?.[0]?.url ?? "", h = t?.info?.fullname ?? "", m = t?.info?.email ?? "", p = l ? d?.USER_DESCRIPCION_EN || d?.USER_MIBIO_EN || "" : d?.USER_DESCRIPCION || d?.USER_MIBIO || "", f = l ? d?.USER_POSITION_EN || "" : d?.USER_JOBTITLE || d?.USER_POSITION || "", b = dn(t?.addtional?.USER_USERFB ?? ""), w = dn(t?.addtional?.USER_USERIG ?? ""), A = dn(t?.addtional?.USER_USERTWT ?? ""), y = dn(t?.addtional?.USER_USERLIN ?? ""), C = $e("tiktok", d?.USER_PAGE_TIKTOK), N = $e("youtube", d?.USER_PAGE_YOUTUBE), v = $e(
     "pinterest",
-    l?.USER_PAGE_PINTEREST
-  ), N = () => !h || h.trim() === "" ? !1 : pu(h), v = (S) => `mailto:${S.trim()}`;
+    d?.USER_PAGE_PINTEREST
+  ), S = () => !m || m.trim() === "" ? !1 : pu(m), T = (P) => `mailto:${P.trim()}`;
   return /* @__PURE__ */ s(
     "section",
     {
       className: `sass-com-ah1-content su-flex-center su-relative su-w-full ${e.className ?? ""}`,
       children: /* @__PURE__ */ g("div", { className: "sass-com-ah1-info", children: [
-        d ? /* @__PURE__ */ s("div", { className: "sass-com-ah1-image-container sass-image-autor-wrapper", children: /* @__PURE__ */ s(
+        u ? /* @__PURE__ */ s("div", { className: "sass-com-ah1-image-container sass-image-autor-wrapper", children: /* @__PURE__ */ s(
           "img",
           {
             fetchPriority: "low",
             loading: "lazy",
-            alt: "Imagen de perfil de " + u,
+            alt: "Imagen de perfil de " + h,
             className: "sass-com-ah1-image su-object-cover",
-            src: await fe(d)
+            src: await fe(u)
           }
         ) }) : /* @__PURE__ */ s(
           "div",
           {
             className: "sass-com-ah1-icon-wrap sass-image-autor-wrapper su-flex-center",
-            children: /* @__PURE__ */ s(o, {})
+            children: /* @__PURE__ */ s(i, {})
           }
         ),
-        /* @__PURE__ */ s("h1", { className: "sass-com-ah1-name", children: u }),
-        N() && /* @__PURE__ */ s(
+        /* @__PURE__ */ s("h1", { className: "sass-com-ah1-name", children: h }),
+        o && f && /* @__PURE__ */ s("p", { className: "sass-com-ah1-position", children: f }),
+        S() && /* @__PURE__ */ s(
           "a",
           {
-            href: v(h),
+            href: T(m),
             className: "sass-com-ah1-email",
-            "aria-label": `Enviar correo electrónico a ${h}`,
-            title: `Enviar correo a ${h}`,
-            children: h
+            "aria-label": `Enviar correo electrónico a ${m}`,
+            title: `Enviar correo a ${m}`,
+            children: m
           }
         ),
-        /* @__PURE__ */ s("p", { className: "sass-com-ah1-description", children: m }),
+        /* @__PURE__ */ s("p", { className: "sass-com-ah1-description", children: p }),
         /* @__PURE__ */ g("div", { className: "sass-com-ah1-social", children: [
-          p && /* @__PURE__ */ s(
+          b && /* @__PURE__ */ s(
             "a",
             {
-              href: p,
+              href: b,
               target: "_blank",
               className: `sass-com-ah1-social-link ${a ? "sass-com-ah1-social-filled" : "sass-com-ah1-social-stroke"}`,
               rel: "noreferrer",
               children: r ? it(a ? "facebook-black" : "facebook", "Facebook", "sass-com-ah1-social-icon sass-social-icon-facebook") : a ? /* @__PURE__ */ s(nn, { className: "sass-com-ah1-social-icon sass-social-icon-facebook", forceSVG: !0 }) : /* @__PURE__ */ s(zn, { className: "sass-com-ah1-facebook-icon sass-com-ah1-social-icon-facebook", forceSVG: !0 })
             }
           ),
-          f && /* @__PURE__ */ s(
+          w && /* @__PURE__ */ s(
             "a",
             {
-              href: f,
+              href: w,
               target: "_blank",
               className: "sass-com-ah1-social-link",
               rel: "noreferrer",
               children: r ? it("instagram", "Instagram", "sass-com-ah1-social-icon sass-com-ah1-social-icon-instagram") : /* @__PURE__ */ s($n, { className: "sass-com-ah1-social-icon sass-com-ah1-social-icon-instagram", forceSVG: !0 })
             }
           ),
-          b && /* @__PURE__ */ s(
+          A && /* @__PURE__ */ s(
             "a",
             {
-              href: b,
+              href: A,
               target: "_blank",
               className: "sass-com-ah1-social-link",
               rel: "noreferrer",
               children: r ? it("x", "X", "sass-com-ah1-social-icon sass-com-ah1-social-icon-x") : /* @__PURE__ */ s(Fe, { className: "sass-com-ah1-social-icon sass-com-ah1-social-icon-x", forceSVG: !0 })
             }
           ),
-          w && /* @__PURE__ */ s(
+          y && /* @__PURE__ */ s(
             "a",
             {
-              href: w,
+              href: y,
               target: "_blank",
               className: `sass-com-ah1-social-link ${a ? "sass-com-ah1-social-filled" : "sass-com-ah1-social-stroke"}`,
               rel: "noreferrer",
               children: r ? it(a ? "linkedin-black" : "linkedin", "LinkedIn", "sass-com-ah1-social-icon sass-com-ah1-social-icon-linkedin") : a ? /* @__PURE__ */ s(wo, { className: "sass-com-ah1-social-icon sass-com-ah1-social-icon-linkedin", forceSVG: !0 }) : /* @__PURE__ */ s(Ge, { className: "sass-com-ah1-social-icon sass-com-ah1-social-icon-linkedin", forceSVG: !0 })
             }
           ),
-          A && /* @__PURE__ */ s(
+          C && /* @__PURE__ */ s(
             "a",
             {
-              href: A,
+              href: C,
               target: "_blank",
               "aria-label": "TikTok",
               className: "sass-com-ah1-social-link",
@@ -10181,10 +10182,10 @@ const qf = (e) => {
               children: r ? it("tiktok", "TikTok", "sass-com-ah1-social-icon sass-com-ah1-social-icon-tiktok") : /* @__PURE__ */ s(Wn, { className: "sass-com-ah1-social-icon sass-com-ah1-social-icon-tiktok", forceSVG: !0, width: 28, height: 28 })
             }
           ),
-          y && /* @__PURE__ */ s(
+          N && /* @__PURE__ */ s(
             "a",
             {
-              href: y,
+              href: N,
               target: "_blank",
               "aria-label": "YouTube",
               className: "sass-com-ah1-social-link",
@@ -10192,10 +10193,10 @@ const qf = (e) => {
               children: r ? it("youtube", "YouTube", "sass-com-ah1-social-icon sass-com-ah1-social-icon-youtube") : /* @__PURE__ */ s(Yn, { className: "sass-com-ah1-social-icon sass-com-ah1-social-icon-youtube", forceSVG: !0, width: 28, height: 28 })
             }
           ),
-          C && /* @__PURE__ */ s(
+          v && /* @__PURE__ */ s(
             "a",
             {
-              href: C,
+              href: v,
               target: "_blank",
               "aria-label": "Pinterest",
               className: "sass-com-ah1-social-link",