pge-front-common 11.0.2 → 11.0.3

package/lib/components/Header/Header.d.ts

@@ -10,10 +10,11 @@ interface HeaderProps {
     userName: string;
     handleLogout: () => void;
     isPortalServidor?: boolean;
+    isPortalBeneficios?: boolean;
     profile?: string;
     hasGestor?: boolean;
     fullName?: string;
     firstName?: string;
 }
-declare const Header: ({ isRHDigital, isCASC, isResponsiveCASC, optionSelection, options, name, userName, handleLogout, isPortalServidor, profile, hasGestor, fullName, firstName, isHonorarios, }: HeaderProps) => React.JSX.Element;
+declare const Header: ({ isRHDigital, isCASC, isResponsiveCASC, optionSelection, options, name, userName, handleLogout, isPortalServidor, isPortalBeneficios, profile, hasGestor, fullName, firstName, isHonorarios, }: HeaderProps) => React.JSX.Element;
 export default Header;

package/lib/components/Header/Header.stories.d.ts

@@ -5,4 +5,5 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const WithPGERGLogo: Story;
+export declare const WithPGEBENEFICIOSLogo: Story;
 export declare const WithCASCLogo: Story;

package/lib/icons/index.d.ts

@@ -24,6 +24,7 @@ import { IconAddCell } from "./add-cell-icon";
 import { MenuIcon } from "./menu-icon";
 import { LogoRhDigital } from "./logo-rh-digital";
 import { LogoPGERG } from "./logo-pge-rj";
+import { LogoPGEBeneficios } from "./logo-pge-beneficios";
 import { IconInvisibility } from "./invisibility-icon";
 import { IconPdf } from "./pdf-icon";
 import { IconHourglass } from "./hour-glass-icon";
@@ -40,4 +41,4 @@ import { IconCheckSuccess } from "./check-success-icon";
 import { IconInformative } from "./informative-icon";
 import { IconQuestionMark } from "./question-mark-icon";
 import { IconUserLogout } from "./user-logout-icon";
-export { IconInformative, IconCheckSuccess, IconAlert, IconAttention, IconPrint, IconDownload, IconVisibility, IconEdit, IconDelete, IconCalendar, IconProfile, IconUpload, IconNewTab, IconWarning, IconCheckCircle, IconEventAvaliable, IconLogout, IconCLose, IconAdd, IconRemove, IconCircleExpland, IconCircleRecall, IconArrowExpland, IconArrowRecall, IconTriangleExpand, IconTriangleRecall, IconSwap, IconAddCell, MenuIcon, LogoRhDigital, LogoPGERG, IconInvisibility, IconPdf, IconHourglass, IconSearch, IconUpAndDownArror, IconCheck, IconUploadFile, LogoDividaAtiva, IconUploadV2, IconQuestionMark, IconUserLogout };
+export { IconInformative, IconCheckSuccess, IconAlert, IconAttention, IconPrint, IconDownload, IconVisibility, IconEdit, IconDelete, IconCalendar, IconProfile, IconUpload, IconNewTab, IconWarning, IconCheckCircle, IconEventAvaliable, IconLogout, IconCLose, IconAdd, IconRemove, IconCircleExpland, IconCircleRecall, IconArrowExpland, IconArrowRecall, IconTriangleExpand, IconTriangleRecall, IconSwap, IconAddCell, MenuIcon, LogoRhDigital, LogoPGERG, LogoPGEBeneficios, IconInvisibility, IconPdf, IconHourglass, IconSearch, IconUpAndDownArror, IconCheck, IconUploadFile, LogoDividaAtiva, IconUploadV2, IconQuestionMark, IconUserLogout };

package/lib/icons/logo-pge-beneficios.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SVGProps } from "react";
+export declare const LogoPGEBeneficios: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/index.d.ts

@@ -133,12 +133,13 @@ interface HeaderProps$1 {
     userName: string;
     handleLogout: () => void;
     isPortalServidor?: boolean;
+    isPortalBeneficios?: boolean;
     profile?: string;
     hasGestor?: boolean;
     fullName?: string;
     firstName?: string;
 }
-declare const Header: ({ isRHDigital, isCASC, isResponsiveCASC, optionSelection, options, name, userName, handleLogout, isPortalServidor, profile, hasGestor, fullName, firstName, isHonorarios, }: HeaderProps$1) => React__default.JSX.Element;
+declare const Header: ({ isRHDigital, isCASC, isResponsiveCASC, optionSelection, options, name, userName, handleLogout, isPortalServidor, isPortalBeneficios, profile, hasGestor, fullName, firstName, isHonorarios, }: HeaderProps$1) => React__default.JSX.Element;
 
 declare function FooterComponent(): React__default.JSX.Element;
 

package/lib/index.esm.js

@@ -318,6 +318,29 @@ var LogoPGERG = function (props) {
         React__default.createElement("path", { d: "M53.5566 38.9497H150C149.872 39.2044 149.819 39.4141 149.755 39.4141C149.541 39.4604 149.329 39.4604 149.115 39.4604C119.367 39.4604 56.0313 39.4604 54.111 39.4604C53.9407 39.4604 53.716 39.647 53.5566 38.9497Z", fill: "#005A92" })));
 };
 
+var LogoPGEBeneficios = function (props) {
+    var _a, _b;
+    return (React__default.createElement("svg", { width: (_a = props.width) !== null && _a !== void 0 ? _a : "150", height: (_b = props.height) !== null && _b !== void 0 ? _b : "59", viewBox: "0 0 472 115", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React__default.createElement("path", { d: "M22.176 114.008C18.528 114.008 14.88 113.88 11.232 113.624C7.648 113.432 3.904 112.92 0 112.088V47.5759C3.072 46.9999 6.432 46.5839 10.08 46.3279C13.728 46.0079 17.12 45.8479 20.256 45.8479C24.48 45.8479 28.352 46.1679 31.872 46.8079C35.456 47.3839 38.528 48.4079 41.088 49.8799C43.648 51.3519 45.632 53.3039 47.04 55.7359C48.512 58.1039 49.248 61.0479 49.248 64.5679C49.248 69.8799 46.688 74.0719 41.568 77.1439C45.792 78.7439 48.672 80.9199 50.208 83.6719C51.744 86.4239 52.512 89.5279 52.512 92.9839C52.512 99.9599 49.952 105.208 44.832 108.728C39.776 112.248 32.224 114.008 22.176 114.008ZM14.592 84.1519V101.336C15.68 101.464 16.864 101.56 18.144 101.624C19.424 101.688 20.832 101.72 22.368 101.72C26.848 101.72 30.464 101.08 33.216 99.7999C35.968 98.5199 37.344 96.1519 37.344 92.6959C37.344 89.6239 36.192 87.4479 33.888 86.1679C31.584 84.8239 28.288 84.1519 24 84.1519H14.592ZM14.592 72.7279H21.888C26.496 72.7279 29.792 72.1519 31.776 70.9999C33.76 69.7839 34.752 67.8639 34.752 65.2399C34.752 62.5519 33.728 60.6639 31.68 59.5759C29.632 58.4879 26.624 57.9439 22.656 57.9439C21.376 57.9439 20 57.9759 18.528 58.0399C17.056 58.0399 15.744 58.1039 14.592 58.2319V72.7279Z", fill: "#BB9B32" }),
+        React__default.createElement("path", { d: "M61.14 88.2799C61.14 83.7999 61.812 79.8959 63.156 76.5679C64.564 73.1759 66.388 70.3599 68.628 68.1199C70.868 65.8799 73.428 64.1839 76.308 63.0319C79.252 61.8799 82.26 61.3039 85.332 61.3039C92.5 61.3039 98.164 63.5119 102.324 67.9279C106.484 72.2799 108.564 78.7119 108.564 87.2239C108.564 88.0559 108.532 88.9839 108.468 90.0079C108.404 90.9679 108.34 91.8319 108.276 92.5999H75.828C76.148 95.5439 77.524 97.8799 79.956 99.6079C82.388 101.336 85.652 102.2 89.748 102.2C92.372 102.2 94.932 101.976 97.428 101.528C99.988 101.016 102.068 100.408 103.668 99.7039L105.588 111.32C104.82 111.704 103.796 112.088 102.516 112.472C101.236 112.856 99.796 113.176 98.196 113.432C96.66 113.752 94.996 114.008 93.204 114.2C91.412 114.392 89.62 114.488 87.828 114.488C83.284 114.488 79.316 113.816 75.924 112.472C72.596 111.128 69.812 109.304 67.572 107C65.396 104.632 63.764 101.848 62.676 98.6479C61.652 95.4479 61.14 91.9919 61.14 88.2799ZM94.74 82.8079C94.676 81.5919 94.452 80.4079 94.068 79.2559C93.748 78.1039 93.204 77.0799 92.436 76.1839C91.732 75.2879 90.804 74.5519 89.652 73.9759C88.564 73.3999 87.188 73.1119 85.524 73.1119C83.924 73.1119 82.548 73.3999 81.396 73.9759C80.244 74.4879 79.284 75.1919 78.516 76.0879C77.748 76.9839 77.14 78.0399 76.692 79.2559C76.308 80.4079 76.02 81.5919 75.828 82.8079H94.74Z", fill: "#BB9B32" }),
+        React__default.createElement("path", { d: "M119.603 64.3759C122.035 63.6719 125.17 63.0319 129.01 62.4559C132.85 61.8159 136.883 61.4959 141.107 61.4959C145.395 61.4959 148.947 62.0719 151.763 63.2239C154.643 64.3119 156.914 65.8799 158.578 67.9279C160.242 69.9759 161.426 72.4079 162.13 75.2239C162.834 78.0399 163.186 81.1759 163.186 84.6319V113.144H148.883V86.3599C148.883 81.7519 148.275 78.4879 147.059 76.5679C145.843 74.6479 143.57 73.6879 140.242 73.6879C139.218 73.6879 138.131 73.7519 136.979 73.8799C135.827 73.9439 134.802 74.0399 133.906 74.1679V113.144H119.603V64.3759Z", fill: "#BB9B32" }),
+        React__default.createElement("path", { d: "M173.734 88.2799C173.734 83.7999 174.406 79.8959 175.75 76.5679C177.158 73.1759 178.982 70.3599 181.222 68.1199C183.462 65.8799 186.022 64.1839 188.902 63.0319C191.846 61.8799 194.854 61.3039 197.926 61.3039C205.094 61.3039 210.758 63.5119 214.918 67.9279C219.078 72.2799 221.158 78.7119 221.158 87.2239C221.158 88.0559 221.126 88.9839 221.062 90.0079C220.998 90.9679 220.934 91.8319 220.87 92.5999H188.422C188.742 95.5439 190.118 97.8799 192.55 99.6079C194.982 101.336 198.246 102.2 202.342 102.2C204.966 102.2 207.526 101.976 210.022 101.528C212.582 101.016 214.662 100.408 216.262 99.7039L218.182 111.32C217.414 111.704 216.39 112.088 215.11 112.472C213.83 112.856 212.39 113.176 210.79 113.432C209.254 113.752 207.59 114.008 205.798 114.2C204.006 114.392 202.214 114.488 200.422 114.488C195.878 114.488 191.91 113.816 188.518 112.472C185.19 111.128 182.406 109.304 180.166 107C177.99 104.632 176.358 101.848 175.27 98.6479C174.246 95.4479 173.734 91.9919 173.734 88.2799ZM207.334 82.8079C207.27 81.5919 207.046 80.4079 206.662 79.2559C206.342 78.1039 205.798 77.0799 205.03 76.1839C204.326 75.2879 203.398 74.5519 202.246 73.9759C201.158 73.3999 199.782 73.1119 198.118 73.1119C196.518 73.1119 195.142 73.3999 193.99 73.9759C192.838 74.4879 191.878 75.1919 191.11 76.0879C190.342 76.9839 189.734 78.0399 189.286 79.2559C188.902 80.4079 188.614 81.5919 188.422 82.8079H207.334Z", fill: "#BB9B32" }),
+        React__default.createElement("path", { d: "M254.084 38.6479C256.772 38.6479 259.236 38.9359 261.476 39.5119C263.716 40.0239 265.444 40.5359 266.66 41.0479L263.876 52.4719C262.596 51.8959 261.188 51.4799 259.652 51.2239C258.18 50.9039 256.804 50.7439 255.524 50.7439C253.796 50.7439 252.324 50.9999 251.108 51.5119C249.956 51.9599 249.028 52.5999 248.324 53.4319C247.684 54.2639 247.204 55.2559 246.884 56.4079C246.628 57.5599 246.5 58.8079 246.5 60.1519V62.6479H264.164V74.5519H246.5V113.144H232.196V59.9599C232.196 53.4319 234.02 48.2479 237.668 44.4079C241.38 40.5679 246.852 38.6479 254.084 38.6479Z", fill: "#BB9B32" }),
+        React__default.createElement("path", { d: "M288.125 113.144H273.821V62.6479H288.125V113.144ZM293.405 44.5039L277.565 57.8479L271.037 51.9919L284.669 36.4399L293.405 44.5039Z", fill: "#BB9B32" }),
+        React__default.createElement("path", { d: "M299.171 87.8959C299.171 84.2479 299.747 80.8239 300.899 77.6239C302.115 74.3599 303.843 71.5439 306.083 69.1759C308.323 66.7439 311.043 64.8239 314.243 63.4159C317.443 62.0079 321.091 61.3039 325.187 61.3039C327.875 61.3039 330.339 61.5599 332.579 62.0719C334.819 62.5199 336.995 63.1919 339.107 64.0879L336.131 75.5119C334.787 74.9999 333.315 74.5519 331.715 74.1679C330.115 73.7839 328.323 73.5919 326.339 73.5919C322.115 73.5919 318.947 74.9039 316.835 77.5279C314.787 80.1519 313.763 83.6079 313.763 87.8959C313.763 92.4399 314.723 95.9599 316.643 98.4559C318.627 100.952 322.051 102.2 326.915 102.2C328.643 102.2 330.499 102.04 332.483 101.72C334.467 101.4 336.291 100.888 337.955 100.184L339.971 111.896C338.307 112.6 336.227 113.208 333.731 113.72C331.235 114.232 328.483 114.488 325.475 114.488C320.867 114.488 316.899 113.816 313.571 112.472C310.243 111.064 307.491 109.176 305.315 106.808C303.203 104.44 301.635 101.656 300.611 98.4559C299.651 95.1919 299.171 91.6719 299.171 87.8959Z", fill: "#BB9B32" }),
+        React__default.createElement("path", { d: "M363.875 113.144H349.571V62.6479H363.875V113.144ZM365.219 48.0559C365.219 50.6799 364.355 52.7599 362.627 54.2959C360.963 55.7679 358.979 56.5039 356.675 56.5039C354.371 56.5039 352.355 55.7679 350.627 54.2959C348.963 52.7599 348.131 50.6799 348.131 48.0559C348.131 45.4319 348.963 43.3839 350.627 41.9119C352.355 40.3759 354.371 39.6079 356.675 39.6079C358.979 39.6079 360.963 40.3759 362.627 41.9119C364.355 43.3839 365.219 45.4319 365.219 48.0559Z", fill: "#BB9B32" }),
+        React__default.createElement("path", { d: "M424.553 87.7999C424.553 91.7679 423.977 95.4159 422.825 98.7439C421.673 102.008 420.009 104.824 417.833 107.192C415.657 109.496 413.033 111.288 409.961 112.568C406.953 113.848 403.561 114.488 399.785 114.488C396.073 114.488 392.681 113.848 389.609 112.568C386.601 111.288 384.009 109.496 381.833 107.192C379.657 104.824 377.961 102.008 376.745 98.7439C375.529 95.4159 374.921 91.7679 374.921 87.7999C374.921 83.8319 375.529 80.2159 376.745 76.9519C378.025 73.6879 379.753 70.9039 381.929 68.5999C384.169 66.2959 386.793 64.5039 389.801 63.2239C392.873 61.9439 396.201 61.3039 399.785 61.3039C403.433 61.3039 406.761 61.9439 409.769 63.2239C412.841 64.5039 415.465 66.2959 417.641 68.5999C419.817 70.9039 421.513 73.6879 422.729 76.9519C423.945 80.2159 424.553 83.8319 424.553 87.7999ZM409.961 87.7999C409.961 83.3839 409.065 79.9279 407.273 77.4319C405.545 74.8719 403.049 73.5919 399.785 73.5919C396.521 73.5919 393.993 74.8719 392.201 77.4319C390.409 79.9279 389.513 83.3839 389.513 87.7999C389.513 92.2159 390.409 95.7359 392.201 98.3599C393.993 100.92 396.521 102.2 399.785 102.2C403.049 102.2 405.545 100.92 407.273 98.3599C409.065 95.7359 409.961 92.2159 409.961 87.7999Z", fill: "#BB9B32" }),
+        React__default.createElement("path", { d: "M450.13 102.872C452.754 102.872 454.61 102.616 455.698 102.104C456.786 101.592 457.33 100.6 457.33 99.1279C457.33 97.9759 456.626 96.9839 455.218 96.1519C453.81 95.2559 451.666 94.2639 448.786 93.1759C446.546 92.3439 444.498 91.4799 442.642 90.5839C440.85 89.6879 439.314 88.6319 438.034 87.4159C436.754 86.1359 435.762 84.6319 435.058 82.9039C434.354 81.1759 434.002 79.0959 434.002 76.6639C434.002 71.9279 435.762 68.1839 439.282 65.4319C442.802 62.6799 447.634 61.3039 453.778 61.3039C456.85 61.3039 459.794 61.5919 462.61 62.1679C465.426 62.6799 467.666 63.2559 469.33 63.8959L466.834 75.0319C465.17 74.4559 463.346 73.9439 461.362 73.4959C459.442 73.0479 457.266 72.8239 454.834 72.8239C450.354 72.8239 448.114 74.0719 448.114 76.5679C448.114 77.1439 448.21 77.6559 448.402 78.1039C448.594 78.5519 448.978 78.9999 449.554 79.4479C450.13 79.8319 450.898 80.2799 451.858 80.7919C452.882 81.2399 454.162 81.7519 455.698 82.3279C458.834 83.4799 461.426 84.6319 463.474 85.7839C465.522 86.8719 467.122 88.0879 468.274 89.4319C469.49 90.7119 470.322 92.1519 470.77 93.7519C471.282 95.3519 471.538 97.2079 471.538 99.3199C471.538 104.312 469.65 108.088 465.874 110.648C462.162 113.208 456.882 114.488 450.034 114.488C445.554 114.488 441.81 114.104 438.802 113.336C435.858 112.568 433.81 111.928 432.658 111.416L435.058 99.7999C437.49 100.76 439.986 101.528 442.546 102.104C445.106 102.616 447.634 102.872 450.13 102.872Z", fill: "#BB9B32" }),
+        React__default.createElement("path", { d: "M7.056 2.736C10.68 2.736 13.452 3.396 15.372 4.716C17.316 6.036 18.288 8.1 18.288 10.908C18.288 12.372 18.024 13.632 17.496 14.688C16.992 15.72 16.248 16.572 15.264 17.244C14.28 17.892 13.08 18.372 11.664 18.684C10.248 18.996 8.628 19.152 6.804 19.152H4.536V27.936H0V3.348C1.056 3.108 2.22 2.952 3.492 2.88C4.788 2.784 5.976 2.736 7.056 2.736ZM7.38 6.66C6.228 6.66 5.28 6.696 4.536 6.768V15.264H6.732C8.916 15.264 10.596 14.964 11.772 14.364C12.948 13.74 13.536 12.576 13.536 10.872C13.536 10.056 13.38 9.372 13.068 8.82C12.756 8.268 12.324 7.836 11.772 7.524C11.22 7.212 10.56 6.996 9.792 6.876C9.048 6.732 8.244 6.66 7.38 6.66Z", fill: "#06508C" }),
+        React__default.createElement("path", { d: "M38.6089 18.504C38.6089 19.992 38.3929 21.348 37.9609 22.572C37.5289 23.796 36.9169 24.84 36.1249 25.704C35.3329 26.568 34.3729 27.24 33.2449 27.72C32.1409 28.2 30.9169 28.44 29.5729 28.44C28.2289 28.44 27.0049 28.2 25.9009 27.72C24.7969 27.24 23.8489 26.568 23.0569 25.704C22.2649 24.84 21.6409 23.796 21.1849 22.572C20.7529 21.348 20.5369 19.992 20.5369 18.504C20.5369 17.016 20.7529 15.672 21.1849 14.472C21.6409 13.248 22.2649 12.204 23.0569 11.34C23.8729 10.476 24.8329 9.816 25.9369 9.36C27.0409 8.88 28.2529 8.64 29.5729 8.64C30.8929 8.64 32.1049 8.88 33.2089 9.36C34.3369 9.816 35.2969 10.476 36.0889 11.34C36.8809 12.204 37.4929 13.248 37.9249 14.472C38.3809 15.672 38.6089 17.016 38.6089 18.504ZM34.1449 18.504C34.1449 16.632 33.7369 15.156 32.9209 14.076C32.1289 12.972 31.0129 12.42 29.5729 12.42C28.1329 12.42 27.0049 12.972 26.1889 14.076C25.3969 15.156 25.0009 16.632 25.0009 18.504C25.0009 20.4 25.3969 21.9 26.1889 23.004C27.0049 24.108 28.1329 24.66 29.5729 24.66C31.0129 24.66 32.1289 24.108 32.9209 23.004C33.7369 21.9 34.1449 20.4 34.1449 18.504Z", fill: "#06508C" }),
+        React__default.createElement("path", { d: "M53.8245 13.032C53.4645 12.912 52.9605 12.792 52.3125 12.672C51.6885 12.528 50.9565 12.456 50.1165 12.456C49.6365 12.456 49.1205 12.504 48.5685 12.6C48.0405 12.696 47.6685 12.78 47.4525 12.852V27.936H43.0965V10.008C43.9365 9.696 44.9805 9.408 46.2285 9.144C47.5005 8.856 48.9045 8.712 50.4405 8.712C50.7285 8.712 51.0645 8.736 51.4485 8.784C51.8325 8.808 52.2165 8.856 52.6005 8.928C52.9845 8.976 53.3565 9.048 53.7165 9.144C54.0765 9.216 54.3645 9.288 54.5805 9.36L53.8245 13.032Z", fill: "#06508C" }),
+        React__default.createElement("path", { d: "M57.4 4.14L61.756 3.42V9.108H68.452V12.744H61.756V20.412C61.756 21.924 61.996 23.004 62.476 23.652C62.956 24.3 63.772 24.624 64.924 24.624C65.716 24.624 66.412 24.54 67.012 24.372C67.636 24.204 68.128 24.048 68.488 23.904L69.208 27.36C68.704 27.576 68.044 27.792 67.228 28.008C66.412 28.248 65.452 28.368 64.348 28.368C63.004 28.368 61.876 28.188 60.964 27.828C60.076 27.468 59.368 26.952 58.84 26.28C58.312 25.584 57.94 24.756 57.724 23.796C57.508 22.812 57.4 21.696 57.4 20.448V4.14Z", fill: "#06508C" }),
+        React__default.createElement("path", { d: "M79.2869 24.876C80.6309 24.876 81.6509 24.804 82.3469 24.66V19.836C82.1069 19.764 81.7589 19.692 81.3029 19.62C80.8469 19.548 80.3429 19.512 79.7909 19.512C79.3109 19.512 78.8189 19.548 78.3149 19.62C77.8349 19.692 77.3909 19.824 76.9829 20.016C76.5989 20.208 76.2869 20.484 76.0469 20.844C75.8069 21.18 75.6869 21.612 75.6869 22.14C75.6869 23.172 76.0109 23.892 76.6589 24.3C77.3069 24.684 78.1829 24.876 79.2869 24.876ZM78.9269 8.64C80.3669 8.64 81.5789 8.82 82.5629 9.18C83.5469 9.54 84.3269 10.044 84.9029 10.692C85.5029 11.34 85.9229 12.132 86.1629 13.068C86.4269 13.98 86.5589 14.988 86.5589 16.092V27.504C85.8869 27.648 84.8669 27.816 83.4989 28.008C82.1549 28.224 80.6309 28.332 78.9269 28.332C77.7989 28.332 76.7669 28.224 75.8309 28.008C74.8949 27.792 74.0909 27.444 73.4189 26.964C72.7709 26.484 72.2549 25.86 71.8709 25.092C71.5109 24.324 71.3309 23.376 71.3309 22.248C71.3309 21.168 71.5349 20.256 71.9429 19.512C72.3749 18.768 72.9509 18.168 73.6709 17.712C74.3909 17.232 75.2189 16.896 76.1549 16.704C77.1149 16.488 78.1109 16.38 79.1429 16.38C79.6229 16.38 80.1269 16.416 80.6549 16.488C81.1829 16.536 81.7469 16.632 82.3469 16.776V16.056C82.3469 15.552 82.2869 15.072 82.1669 14.616C82.0469 14.16 81.8309 13.764 81.5189 13.428C81.2309 13.068 80.8349 12.792 80.3309 12.6C79.8509 12.408 79.2389 12.312 78.4949 12.312C77.4869 12.312 76.5629 12.384 75.7229 12.528C74.8829 12.672 74.1989 12.84 73.6709 13.032L73.1309 9.504C73.6829 9.312 74.4869 9.12 75.5429 8.928C76.5989 8.736 77.7269 8.64 78.9269 8.64Z", fill: "#06508C" }),
+        React__default.createElement("path", { d: "M98.4454 28.296C97.1494 28.272 96.0694 28.128 95.2054 27.864C94.3654 27.6 93.6934 27.228 93.1894 26.748C92.6854 26.244 92.3254 25.632 92.1094 24.912C91.9174 24.168 91.8214 23.328 91.8214 22.392V0.719999L96.1774 0V21.564C96.1774 22.092 96.2134 22.536 96.2854 22.896C96.3814 23.256 96.5374 23.568 96.7534 23.832C96.9694 24.072 97.2574 24.264 97.6174 24.408C98.0014 24.528 98.4814 24.624 99.0574 24.696L98.4454 28.296Z", fill: "#06508C" }),
+        React__default.createElement("path", { d: "M114.403 18.468C114.403 20.388 114.859 21.9 115.771 23.004C116.683 24.084 117.943 24.624 119.551 24.624C120.247 24.624 120.835 24.6 121.315 24.552C121.819 24.48 122.227 24.408 122.539 24.336V13.536C122.155 13.272 121.639 13.032 120.991 12.816C120.367 12.576 119.695 12.456 118.975 12.456C117.391 12.456 116.227 12.996 115.483 14.076C114.763 15.156 114.403 16.62 114.403 18.468ZM126.895 27.36C126.031 27.624 124.939 27.864 123.619 28.08C122.323 28.296 120.955 28.404 119.515 28.404C118.027 28.404 116.695 28.176 115.519 27.72C114.343 27.264 113.335 26.616 112.495 25.776C111.679 24.912 111.043 23.88 110.587 22.68C110.155 21.456 109.939 20.088 109.939 18.576C109.939 17.088 110.119 15.744 110.479 14.544C110.863 13.32 111.415 12.276 112.135 11.412C112.855 10.548 113.731 9.888 114.763 9.432C115.795 8.952 116.983 8.712 118.327 8.712C119.239 8.712 120.043 8.82 120.739 9.036C121.435 9.252 122.035 9.492 122.539 9.756V0.719999L126.895 0V27.36Z", fill: "#06508C" }),
+        React__default.createElement("path", { d: "M131.385 18.612C131.385 16.956 131.625 15.504 132.105 14.256C132.609 13.008 133.269 11.976 134.085 11.16C134.901 10.32 135.837 9.696 136.893 9.288C137.949 8.856 139.029 8.64 140.133 8.64C142.725 8.64 144.741 9.444 146.181 11.052C147.645 12.66 148.377 15.06 148.377 18.252C148.377 18.492 148.365 18.768 148.341 19.08C148.341 19.368 148.329 19.632 148.305 19.872H135.885C136.005 21.384 136.533 22.56 137.469 23.4C138.429 24.216 139.809 24.624 141.609 24.624C142.665 24.624 143.625 24.528 144.489 24.336C145.377 24.144 146.073 23.94 146.577 23.724L147.153 27.288C146.913 27.408 146.577 27.54 146.145 27.684C145.737 27.804 145.257 27.912 144.705 28.008C144.177 28.128 143.601 28.224 142.977 28.296C142.353 28.368 141.717 28.404 141.069 28.404C139.413 28.404 137.973 28.164 136.749 27.684C135.525 27.18 134.517 26.496 133.725 25.632C132.933 24.744 132.345 23.712 131.961 22.536C131.577 21.336 131.385 20.028 131.385 18.612ZM144.021 16.668C144.021 16.068 143.937 15.504 143.769 14.976C143.601 14.424 143.349 13.956 143.013 13.572C142.701 13.164 142.305 12.852 141.825 12.636C141.369 12.396 140.817 12.276 140.169 12.276C139.497 12.276 138.909 12.408 138.405 12.672C137.901 12.912 137.469 13.236 137.109 13.644C136.773 14.052 136.509 14.52 136.317 15.048C136.125 15.576 135.993 16.116 135.921 16.668H144.021Z", fill: "#06508C" })));
+};
+
 var IconInvisibility = function (props) { return (React__default.createElement("svg", __assign({ width: "23", height: "15", viewBox: "0 0 23 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     React__default.createElement("path", { d: "M13.4163 9.08301L12.208 7.87468C12.333 7.2219 12.1455 6.61079 11.6455 6.04134C11.1455 5.4719 10.4997 5.24967 9.70801 5.37467L8.49967 4.16634C8.73579 4.05523 8.97537 3.9719 9.21842 3.91634C9.46148 3.86079 9.7219 3.83301 9.99967 3.83301C11.0413 3.83301 11.9268 4.19759 12.6559 4.92676C13.3851 5.65592 13.7497 6.54134 13.7497 7.58301C13.7497 7.86079 13.7219 8.1212 13.6663 8.36426C13.6108 8.60731 13.5275 8.8469 13.4163 9.08301ZM16.083 11.708L14.8747 10.5413C15.4025 10.1386 15.8712 9.69759 16.2809 9.21843C16.6906 8.73926 17.0413 8.19412 17.333 7.58301C16.6386 6.18023 15.642 5.06565 14.3434 4.23926C13.0448 3.41287 11.5969 2.99967 9.99967 2.99967C9.5969 2.99967 9.20106 3.02745 8.81217 3.08301C8.42329 3.13856 8.04134 3.2219 7.66634 3.33301L6.37467 2.04134C6.94412 1.80523 7.52745 1.62815 8.12467 1.51009C8.7219 1.39204 9.3469 1.33301 9.99967 1.33301C12.0969 1.33301 13.965 1.91287 15.6038 3.07259C17.2427 4.23231 18.4302 5.73579 19.1663 7.58301C18.8469 8.40245 18.4268 9.16287 17.9059 9.86426C17.3851 10.5656 16.7775 11.1802 16.083 11.708ZM16.4997 16.833L12.9997 13.3747C12.5136 13.5275 12.024 13.642 11.5309 13.7184C11.0379 13.7948 10.5275 13.833 9.99967 13.833C7.90245 13.833 6.0344 13.2531 4.39551 12.0934C2.75662 10.9337 1.56912 9.43023 0.833008 7.58301C1.12467 6.8469 1.49273 6.16287 1.93717 5.53092C2.38162 4.89898 2.88856 4.33301 3.45801 3.83301L1.16634 1.49967L2.33301 0.333008L17.6663 15.6663L16.4997 16.833ZM4.62467 4.99967C4.2219 5.36079 3.85384 5.75662 3.52051 6.18717C3.18717 6.61773 2.90245 7.08301 2.66634 7.58301C3.36079 8.98579 4.35731 10.1004 5.65592 10.9268C6.95454 11.7531 8.40245 12.1663 9.99967 12.1663C10.2775 12.1663 10.5483 12.149 10.8122 12.1143C11.0761 12.0795 11.3469 12.0413 11.6247 11.9997L10.8747 11.208C10.7219 11.2497 10.5761 11.2809 10.4372 11.3018C10.2983 11.3226 10.1525 11.333 9.99967 11.333C8.95801 11.333 8.07259 10.9684 7.34342 10.2393C6.61426 9.51009 6.24967 8.62467 6.24967 7.58301C6.24967 7.43023 6.26009 7.2844 6.28092 7.14551C6.30176 7.00662 6.33301 6.86079 6.37467 6.70801L4.62467 4.99967Z", fill: "#A0A0A0" }))); };
 
@@ -813,7 +836,7 @@ function UserCascButton(_a) {
 }
 
 var Header = function (_a) {
-    var _b = _a.isRHDigital, isRHDigital = _b === void 0 ? false : _b, _c = _a.isCASC, isCASC = _c === void 0 ? false : _c, _d = _a.isResponsiveCASC, isResponsiveCASC = _d === void 0 ? false : _d, optionSelection = _a.optionSelection, options = _a.options, name = _a.name, userName = _a.userName, handleLogout = _a.handleLogout, isPortalServidor = _a.isPortalServidor, profile = _a.profile, _e = _a.hasGestor, hasGestor = _e === void 0 ? true : _e, fullName = _a.fullName, firstName = _a.firstName, isHonorarios = _a.isHonorarios;
+    var _b = _a.isRHDigital, isRHDigital = _b === void 0 ? false : _b, _c = _a.isCASC, isCASC = _c === void 0 ? false : _c, _d = _a.isResponsiveCASC, isResponsiveCASC = _d === void 0 ? false : _d, optionSelection = _a.optionSelection, options = _a.options, name = _a.name, userName = _a.userName, handleLogout = _a.handleLogout, isPortalServidor = _a.isPortalServidor, isPortalBeneficios = _a.isPortalBeneficios, profile = _a.profile, _e = _a.hasGestor, hasGestor = _e === void 0 ? true : _e, fullName = _a.fullName, firstName = _a.firstName, isHonorarios = _a.isHonorarios;
     var getHeaderKey = function () {
         if (isRHDigital)
             return "RH_DIGITAL";
@@ -821,6 +844,8 @@ var Header = function (_a) {
             return "CASC";
         if (isHonorarios)
             return "HONORARIOS";
+        if (isPortalBeneficios)
+            return "BENEFICIOS";
         return "DEFAULT";
     };
     var getUserButton = function () {
@@ -837,12 +862,14 @@ var Header = function (_a) {
             React__default.createElement("div", { className: styles$h.verticalDivider }),
             React__default.createElement(LogoCASC, { className: "".concat(styles$h.iconLogoCASC) }))); },
         HONORARIOS: function () { return React__default.createElement(LogoPGERG, { className: "".concat(styles$h.iconLogo) }); },
+        BENEFICIOS: function () { return React__default.createElement(LogoPGEBeneficios, { className: "".concat(styles$h.iconLogo) }); },
         DEFAULT: function () { return React__default.createElement(LogoPGERG, { className: "".concat(styles$h.iconLogo) }); },
     };
     var userButtonConfigs = {
         CASC: function () { return (React__default.createElement(UserCascButton, { name: name, userName: userName, handleLogout: handleLogout, isPortalServidor: isPortalServidor, isResponsiveCASC: true, isCASC: true, profile: profile, hasGestor: hasGestor, fullName: fullName, firstName: firstName })); },
         DEFAULT: function () { return (React__default.createElement(UserButton, { name: name, userName: userName, handleLogout: handleLogout, isPortalServidor: isPortalServidor, profile: profile, hasGestor: hasGestor, fullName: fullName, firstName: firstName })); },
         HONORARIOS: function () { return (React__default.createElement(UserButton, { name: name, userName: userName, handleLogout: handleLogout, isPortalServidor: false, profile: profile, hasGestor: hasGestor, fullName: fullName, firstName: firstName })); },
+        BENEFICIOS: function () { return (React__default.createElement(UserButton, { name: name, userName: userName, handleLogout: handleLogout, isPortalServidor: isPortalServidor, profile: profile, hasGestor: hasGestor, fullName: fullName, firstName: firstName })); },
     };
     var headerKey = getHeaderKey();
     var userButtonKey = getUserButton();