mitre-actions-widget 0.0.1

package/dist/index.cjs

@@ -0,0 +1,960 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  MitreActionsWidget: () => MitreActionsWidget_default
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/MitreActionsWidget/index.tsx
+var import_react5 = __toESM(require("react"), 1);
+
+// src/components/styles/utils.ts
+function flex(direction = "row", alignItems, justifyContent) {
+  return `
+    align-items:${alignItems || null};
+    display:flex;
+    flex-direction:${direction};
+    justify-content:${justifyContent || null};
+  `;
+}
+var darkEffect = `
+  &:hover {
+    cursor:pointer;
+    filter:brightness(98%);
+  }
+
+  &:active {
+    filter:brightness(95%);
+  }
+`;
+var opacityEffect = `
+  &:hover {
+    cursor:pointer;
+    opacity:.9;
+  }
+
+  &:active {
+    opacity:.7;
+  }
+`;
+var breakpoints = {
+  tablet: "1024px"
+};
+
+// src/components/MitreActionsWidget/styles.ts
+var import_styled_components = __toESM(require("styled-components"), 1);
+var Container = import_styled_components.default.div`
+  ${flex("column")}
+  bottom: 1.5rem;
+  right: 3rem;
+  position: fixed;
+  width: 375px;
+
+  @media (max-width: ${breakpoints.tablet}) {
+    bottom: 1.5rem;
+    right: 1.5rem;
+  }
+`;
+var ButtonContainer = import_styled_components.default.div`
+  ${darkEffect}
+  ${flex("row", "center", "center")}
+  align-self:end;
+  background-color: var(--green-2);
+  border-radius: 100px;
+  height: 56px;
+  width: 56px;
+  pointer-events: ${(props) => props.open ? "none" : ""};
+`;
+
+// src/components/styles/global.ts
+var import_react = require("react");
+var import_styled_components2 = require("styled-components");
+var GlobalStyles = import_styled_components2.createGlobalStyle`
+  :root {
+    --red: #e52e4d;
+    --white: #FFF;
+    --black: #2F2F2F;
+    --black-2:#1E1E1E;
+    --alphaBlack: #000000;
+    --black-2:#1E1E1E;
+    --black-3:#353535;
+
+    --yellow-400:#FFD789;
+    --yellow-500: #F6C76B;
+    --gray-40:#F0F0F0;
+    --gray-45:#767676;
+    --gray-50: #686A69;
+    --gray-60: #8F8F8F;
+    --gray-100: #B6B6B6;
+    --gray-150: #B9B9B9;
+    --gray-200: #D2D2D2;
+    --gray-300: #EBEBEB;
+    --gray-400: #ECECEC;
+    --gray-500: #F4F4F4;
+    --gray-550:#6F6F6F;
+    --gray-600:#686868;
+    --gray-700: #535353;
+    --gray-800:#9D9D9D;
+    --shadow-500: 0px 4px 8px rgba(91, 91, 91, 0.2);
+    --green:#57C06E;
+    --green-2:#2DCE68;
+  }
+
+  * {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+  }
+
+  html {
+    scroll-behavior: smooth;
+
+    @media (max-width: 1080px) {
+      font-size: 93.75%;
+    }
+    @media (max-width: 720px) {
+      font-size: 87.5%;
+    }
+  }
+
+  body {
+    background: var(--white);
+    -webkit-font-smoothing: antialiased;
+  }
+
+  body, input, textarea, select, button {
+    font-family: "Montserrat", sans-serif;
+    font-weight: 400;
+  } 
+
+  h1, h2, h3, h4, h5, h6, strong {
+    font-weight: 600;
+  }
+
+  button {
+    cursor: pointer;
+  }
+
+  [disabled] {
+    opacity: 0.6;
+    cursor: not-allowed;
+  }
+
+  .hidden {
+    overflow: hidden;
+  }
+
+  ::-webkit-scrollbar {
+    -webkit-appearance: none;
+    background: var(--gray-500);
+    width: 6px;
+    height: 10px;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background-color: var(--gray-50);
+  }
+
+  .aligncenter {
+    text-align: center;
+  }
+
+  .width-190px {
+    width:190px;
+  }
+
+  .hidden-content {
+    display:none !important;
+  }
+
+  .global-margin-bottom {
+    margin-bottom:20px;
+  }
+
+  .background-light-gray {
+    background:#F4F4F4;
+  }
+
+  .full-width-and-height {
+    height:100%;
+    width:100%;
+  }
+
+  .flex-direction-column {
+    flex-direction:column;
+  }
+
+  .bold {
+    font-weight:700;
+  }
+
+  .margin-center-x {
+    margin:0 auto;
+  }
+
+  .border-none {
+    border:none;
+  }
+
+  .text-center {
+    text-align:center;
+  }
+
+  .relative {
+    position:relative;
+  }
+`;
+var FontLoader = () => {
+  (0, import_react.useEffect)(() => {
+    const link = document.createElement("link");
+    link.href = "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";
+    link.rel = "stylesheet";
+    document.head.appendChild(link);
+  }, []);
+  return null;
+};
+var global_default = FontLoader;
+
+// src/components/Selector/index.tsx
+var import_react4 = require("react");
+
+// src/components/hooks/useClickOutside.ts
+var import_react2 = require("react");
+function useClickOutside(ref, methodToRunWhenClickOutside, exemptedIds = []) {
+  (0, import_react2.useEffect)(() => {
+    function handleClickOutside(event) {
+      if (!ref.current) return;
+      const isClickOutside = !ref.current.contains(event.target);
+      const isAnElementAllowedToClose = exemptedIds.some((id) => {
+        let element = event.target;
+        while (element) {
+          if (element.id === id) {
+            return true;
+          }
+          element = element.parentElement;
+        }
+        return false;
+      });
+      if (isClickOutside && !isAnElementAllowedToClose) {
+        methodToRunWhenClickOutside(event);
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [ref, methodToRunWhenClickOutside, exemptedIds]);
+}
+var useClickOutside_default = useClickOutside;
+
+// src/components/Selector/styles.ts
+var import_styled_components3 = __toESM(require("styled-components"), 1);
+var HeaderContainer = import_styled_components3.default.div`
+  position: relative;
+  width: 100%;
+  height: 52px;
+  padding-top: 20px;
+  padding-bottom: 8px;
+  padding-left: 20px;
+  padding-right: 20px;
+
+  justify-content: space-between;
+  align-items: center;
+  display: flex;
+
+  .close-icon {
+    ${opacityEffect}
+    color: var(--black-100);
+  }
+
+  .back-icon {
+    ${opacityEffect}
+  }
+`;
+var ContentContainer = import_styled_components3.default.div`
+  flex: 1;
+  overflow-x: hidden;
+  overflow-y: auto;
+
+  /* Hide scrollbars for WebKit browsers */
+  ::-webkit-scrollbar {
+    display: none;
+  }
+
+  /* Hide scrollbars for Firefox */
+  scrollbar-width: none;
+
+  /* Optional: Add padding to prevent content from touching edges */
+  padding-left: 20px;
+  padding-right: 20px;
+  padding-bottom: 10px;
+  padding-top: 10px;
+`;
+var FormContainer = import_styled_components3.default.div`
+  ${flex("column")}
+  overflow-x: hidden;
+  overflow-y: auto;
+  height: 100%;
+
+  /* Hide scrollbars for WebKit browsers */
+  ::-webkit-scrollbar {
+    display: none;
+  }
+
+  /* Hide scrollbars for Firefox */
+  scrollbar-width: none;
+
+  /* Optional: Add padding to prevent content from touching edges */
+  padding-left: 20px;
+  padding-right: 20px;
+  padding-bottom: 10px;
+  padding-top: 10px;
+`;
+var SelectorContainer = import_styled_components3.default.div`
+  display: flex;
+  flex-direction: column;
+  height: 85vh;
+  margin-bottom: 8px;
+  max-height: 660px;
+  position: relative;
+  background: var(--gray-300);
+  border-radius: 8px;
+
+  @media (max-width: ${breakpoints.tablet}) {
+    height: 100%;
+    width: 100%;
+    max-height: 100%;
+    border-radius: 0px;
+    position: fixed;
+    bottom: 0;
+    right: 0;
+    top: 0;
+    left: 0;
+    margin: 0;
+    z-index: 50;
+    padding-bottom: env(safe-area-inset-bottom);
+  }
+`;
+var FooterContainer = import_styled_components3.default.div`
+  height: 90px;
+  width: 100%;
+`;
+var FormErrorContainer = import_styled_components3.default.div`
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+
+  background: var(--white);
+  border-radius: 8px;
+  border: none;
+`;
+var TextError = import_styled_components3.default.h3`
+  color: var(--red);
+  text-align: center;
+  padding-top: 10px;
+`;
+
+// src/components/Selector/index.tsx
+var import_hi = require("react-icons/hi");
+
+// src/components/Navbar/styles.ts
+var import_styled_components4 = __toESM(require("styled-components"), 1);
+var NavContainer = import_styled_components4.default.nav`
+  ${flex("row")}
+  gap:10px;
+  position: absolute;
+  left: 15px;
+  right: 15px;
+  bottom: 10px;
+
+  button {
+    ${flex("column", "center")}
+    ${opacityEffect}
+    background: black;
+    border-radius: 10px;
+    border: none;
+    color: white;
+    font-size: 11px;
+    gap: 5px;
+    padding: 10px 5px;
+    width: 33%;
+
+    &.active {
+      background: var(--yellow-500);
+      color: black;
+      font-weight: 700;
+
+      img,
+      svg {
+        filter: initial;
+      }
+    }
+
+    img,
+    svg {
+      filter: invert(100%);
+    }
+  }
+`;
+
+// src/assets/images/apple-mac.svg
+var apple_mac_default = 'data:image/svg+xml,<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M16 2C16.3632 4.17921 14.0879 5.83084 12.8158 6.57142C12.4406 6.78988 12.0172 6.5117 12.0819 6.08234C12.2993 4.63878 13.0941 2.00008 16 2Z" stroke="currentColor" />%0A<path d="M9 6.5C9.89676 6.5 10.6905 6.69941 11.2945 6.92013C12.0563 7.19855 12.9437 7.19854 13.7055 6.92012C14.3094 6.6994 15.1032 6.5 15.9999 6.5C17.0852 6.5 18.4649 7.08889 19.4999 8.26666C16 11 17 15.5 20.269 16.6916C19.2253 19.5592 17.2413 21.5 15.4999 21.5C13.9999 21.5 14 20.8 12.5 20.8C11 20.8 11 21.5 9.5 21.5C7 21.5 4 17.5 4 12.5C4 8.5 7 6.5 9 6.5Z" stroke="currentColor" />%0A</svg>%0A';
+
+// src/assets/images/balloon.svg
+var balloon_default = 'data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M6.77078 31.2434C6.93755 31.2434 7.1024 31.2078 7.25428 31.1389C7.40617 31.0701 7.54157 30.9695 7.65142 30.844L11.3901 26.5718C12.8955 26.9593 14.4439 27.1546 15.9984 27.153C20.1427 27.153 24.0545 25.8035 27.0069 23.3582C30.0201 20.8621 31.68 17.5197 31.68 13.9519C31.68 10.3841 30.017 7.044 27.0069 4.54637C24.0545 2.101 20.1427 0.753907 15.9984 0.753908C11.8542 0.753908 7.94236 2.10101 4.99232 4.54637C1.9791 7.04244 0.319991 10.3848 0.319991 13.9519C0.319992 17.7599 2.23651 21.3309 5.60074 23.8363L5.60074 30.0765C5.60074 30.3868 5.72401 30.6844 5.94344 30.9038C6.16286 31.1232 6.46046 31.2465 6.77078 31.2465L6.77078 31.2434ZM10.9962 24.0766C10.8294 24.0765 10.6645 24.1121 10.5126 24.181C10.3608 24.2499 10.2254 24.3504 10.1155 24.4759L7.94081 26.9603L7.94081 23.2349C7.94059 23.0443 7.89379 22.8565 7.80447 22.6881C7.71515 22.5197 7.58603 22.3756 7.42833 22.2685C4.39561 20.1944 2.65694 17.1632 2.65694 13.9519C2.65694 7.96521 8.64049 3.09397 15.9953 3.09397C23.3501 3.09397 29.3337 7.96521 29.3337 13.9519C29.3337 19.9385 23.3533 24.8129 15.9984 24.8129C14.4194 24.8164 12.8486 24.5862 11.337 24.1296C11.2267 24.0951 11.1118 24.0772 10.9962 24.0766Z" fill="black"/>%0A<path d="M20.1825 17.1687C20.2207 17.1687 20.2605 17.1687 20.2971 17.1632C20.3338 17.1578 20.3751 17.1531 20.411 17.1461C20.4469 17.139 20.489 17.1289 20.5218 17.118C20.5545 17.1071 20.5951 17.0938 20.6302 17.079C20.6653 17.0642 20.6996 17.0478 20.7332 17.0298C20.7671 17.012 20.8002 16.9925 20.8322 16.9713C20.8634 16.9503 20.8946 16.9276 20.9243 16.9035C20.9539 16.8793 20.9828 16.8528 21.0101 16.8255C21.0374 16.7982 21.0631 16.7693 21.0881 16.7397C21.113 16.71 21.1349 16.6788 21.1559 16.6476C21.1771 16.6156 21.1966 16.5825 21.2144 16.5486C21.2326 16.5148 21.249 16.4804 21.2636 16.4456C21.2782 16.4104 21.2909 16.3745 21.3018 16.338C21.3134 16.3014 21.3228 16.2641 21.3299 16.2264C21.3379 16.1891 21.3436 16.1513 21.347 16.1133C21.3511 16.075 21.3531 16.0364 21.3533 15.9979C21.3532 15.9596 21.3511 15.9213 21.347 15.8832C21.3393 15.8068 21.3241 15.7313 21.3018 15.6578C21.2909 15.6213 21.2782 15.5853 21.2636 15.5501C21.2485 15.5153 21.2321 15.481 21.2144 15.4472C21.1966 15.4132 21.1771 15.3801 21.1559 15.3481C21.1349 15.3169 21.1122 15.2857 21.0881 15.2561C21.0639 15.2264 21.0374 15.1976 21.0101 15.1703C20.9828 15.143 20.9539 15.1172 20.9243 15.0923C20.8946 15.0673 20.8634 15.0455 20.8322 15.0244C20.8004 15.003 20.7673 14.9834 20.7332 14.9659C20.6994 14.9482 20.665 14.9318 20.6302 14.9168C20.5948 14.9018 20.5586 14.8888 20.5218 14.8778C20.4859 14.8668 20.4484 14.8575 20.411 14.8497C20.3736 14.8419 20.333 14.8364 20.2971 14.8325C20.2206 14.8247 20.1435 14.8247 20.067 14.8325C20.0296 14.8364 19.989 14.8427 19.9539 14.8497C19.9188 14.8567 19.8759 14.8668 19.8424 14.8778C19.8058 14.8889 19.7699 14.9019 19.7347 14.9168C19.6996 14.9316 19.6645 14.948 19.631 14.9659C19.5972 14.9836 19.5644 15.0031 19.5327 15.0244C19.5009 15.0454 19.4702 15.0681 19.4407 15.0923C19.411 15.1164 19.3822 15.143 19.3549 15.1703C19.3276 15.1976 19.3018 15.2264 19.2769 15.2561C19.2519 15.2857 19.2301 15.3169 19.209 15.3481C19.1878 15.3801 19.1683 15.4132 19.1505 15.4472C19.1328 15.481 19.1164 15.5153 19.1013 15.5501C19.0865 15.5852 19.074 15.6219 19.0623 15.6578C19.0506 15.6937 19.0421 15.7358 19.0343 15.7693C19.019 15.8445 19.0114 15.9211 19.0116 15.9979C19.0115 16.0364 19.0133 16.0749 19.0171 16.1133C19.0209 16.1513 19.0266 16.189 19.0343 16.2264C19.0421 16.2639 19.0514 16.3044 19.0623 16.338C19.0733 16.3715 19.0865 16.4105 19.1013 16.4456C19.1162 16.4807 19.1325 16.515 19.1505 16.5486C19.1683 16.5825 19.1878 16.6156 19.209 16.6476C19.2301 16.6788 19.2527 16.71 19.2769 16.7397C19.301 16.7693 19.3276 16.7982 19.3549 16.8255C19.3822 16.8528 19.411 16.8785 19.4407 16.9035C19.4702 16.9276 19.5009 16.9503 19.5327 16.9713C19.5649 16.9921 19.5977 17.0116 19.631 17.0298C19.6645 17.0478 19.6996 17.0642 19.7347 17.079C19.7698 17.0938 19.8065 17.1063 19.8424 17.118C19.8782 17.1297 19.9165 17.1383 19.9539 17.1461C19.9914 17.1539 20.0319 17.1593 20.067 17.1632C20.1021 17.1671 20.1427 17.1687 20.1825 17.1687Z" fill="black"/>%0A<path d="M11.5235 17.1688C11.5618 17.1689 11.6001 17.1671 11.6382 17.1633C11.6764 17.1594 11.7162 17.1532 11.7521 17.1461C11.7879 17.1391 11.8301 17.129 11.8628 17.1181C11.8956 17.1071 11.9354 17.0939 11.9705 17.0791C12.0056 17.0642 12.0407 17.0479 12.0742 17.0299C12.1415 16.9939 12.2052 16.9516 12.2645 16.9036C12.2942 16.8794 12.323 16.8529 12.3496 16.8255C12.377 16.7983 12.403 16.7696 12.4276 16.7397C12.4517 16.7101 12.4751 16.6789 12.4962 16.6477C12.5174 16.6157 12.5369 16.5826 12.5547 16.5486C12.5724 16.5148 12.5888 16.4805 12.6038 16.4457C12.6179 16.4106 12.6311 16.3739 12.6421 16.338C12.6537 16.3015 12.6631 16.2642 12.6701 16.2265C12.6852 16.1512 12.693 16.0747 12.6935 15.9979C12.6934 15.9594 12.6913 15.9209 12.6873 15.8825C12.6835 15.8445 12.6778 15.8068 12.6701 15.7694C12.6631 15.7317 12.6537 15.6944 12.6421 15.6579C12.6311 15.622 12.6179 15.5853 12.6038 15.5502C12.5898 15.5151 12.5726 15.4808 12.5547 15.4473C12.5369 15.4133 12.5174 15.3802 12.4962 15.3482C12.4751 15.317 12.4517 15.2858 12.4276 15.2561C12.403 15.2262 12.377 15.1976 12.3496 15.1703C12.323 15.1438 12.2942 15.1173 12.2645 15.0923C12.205 15.0443 12.141 15.002 12.0734 14.966C12.0399 14.948 12.0056 14.9317 11.9697 14.9168C11.9338 14.902 11.8987 14.8895 11.862 14.8778C11.8254 14.8661 11.7887 14.8576 11.7513 14.8498C11.7138 14.842 11.6733 14.8365 11.6374 14.8326C11.5596 14.8253 11.4812 14.8253 11.4034 14.8326C11.3659 14.8365 11.3254 14.8427 11.2903 14.8498C11.2552 14.8568 11.2123 14.8669 11.1787 14.8778C11.1452 14.8888 11.1062 14.902 11.0711 14.9168C11.036 14.9317 11.0009 14.948 10.9674 14.966C10.9338 14.9839 10.9011 15.0034 10.8691 15.0245C10.8371 15.0453 10.8064 15.068 10.777 15.0923C10.7474 15.1165 10.7185 15.143 10.6912 15.1703C10.6639 15.1976 10.6382 15.2265 10.6132 15.2561C10.5883 15.2858 10.5664 15.317 10.5454 15.3482C10.5239 15.3802 10.5042 15.4133 10.4861 15.4473C10.4689 15.4808 10.4518 15.5151 10.4377 15.5502C10.4229 15.5854 10.4099 15.6213 10.3987 15.6579C10.3878 15.6945 10.3784 15.7359 10.3706 15.7694C10.3628 15.8029 10.3574 15.8474 10.3535 15.8825C10.3497 15.9209 10.3479 15.9594 10.348 15.9979C10.3479 16.0362 10.3497 16.0745 10.3535 16.1126C10.3574 16.1508 10.3636 16.1906 10.3706 16.2265C10.3777 16.2624 10.3878 16.3045 10.3987 16.338C10.4099 16.3746 10.4229 16.4105 10.4377 16.4457C10.4518 16.4808 10.4689 16.5151 10.4861 16.5486C10.5042 16.5826 10.5239 16.6157 10.5454 16.6477C10.5664 16.6789 10.589 16.7101 10.6132 16.7397C10.6374 16.7694 10.6639 16.7982 10.6912 16.8255C10.7185 16.8529 10.7474 16.8786 10.777 16.9036C10.8064 16.9279 10.8371 16.9506 10.8691 16.9714C10.9008 16.9922 10.9336 17.0117 10.9674 17.0299C11.0009 17.0479 11.036 17.0642 11.0711 17.0791C11.1062 17.0939 11.1429 17.1064 11.1787 17.1181C11.2146 17.1298 11.2528 17.1383 11.2903 17.1461C11.3277 17.1539 11.3683 17.1594 11.4034 17.1633C11.4433 17.1672 11.4834 17.169 11.5235 17.1688Z" fill="black"/>%0A<path d="M15.8526 17.1689C16.1628 17.1681 16.4601 17.0451 16.6802 16.8265C16.7076 16.7992 16.7337 16.7706 16.7582 16.7407C16.7824 16.7111 16.805 16.6799 16.8268 16.6487C16.8487 16.6175 16.8674 16.5839 16.8853 16.5496C16.9034 16.5162 16.9195 16.4818 16.9337 16.4466C16.9485 16.4114 16.9616 16.3755 16.9727 16.339C16.9836 16.3023 16.993 16.261 17.0008 16.2274C17.0084 16.1901 17.0141 16.1523 17.018 16.1143C17.0254 16.0365 17.0254 15.9582 17.018 15.8803C17.0141 15.8424 17.0084 15.8046 17.0008 15.7672C16.993 15.7298 16.9836 15.6892 16.9727 15.6557C16.9616 15.6192 16.9485 15.5832 16.9337 15.5481C16.9195 15.5129 16.9034 15.4785 16.8853 15.4451C16.8674 15.4108 16.8471 15.378 16.8268 15.346C16.8066 15.314 16.7824 15.2836 16.7582 15.254C16.7337 15.2241 16.7076 15.1954 16.6802 15.1682C16.5575 15.0464 16.4094 14.953 16.2466 14.8948C16.0837 14.8366 15.9101 14.8149 15.7379 14.8312C15.6997 14.8351 15.6599 14.8414 15.6241 14.8484C15.5882 14.8554 15.5499 14.8655 15.5133 14.8765C15.4766 14.8874 15.4407 14.9006 15.4056 14.9155C15.3705 14.9303 15.3354 14.9467 15.3019 14.9646C15.2344 15.0006 15.1704 15.0429 15.1108 15.091C15.0812 15.1151 15.0523 15.1417 15.0258 15.169C14.9983 15.1962 14.9723 15.2249 14.9478 15.2548C14.9236 15.2844 14.9002 15.3156 14.8791 15.3468C14.858 15.3788 14.8384 15.4119 14.8206 15.4459C14.8029 15.4797 14.7866 15.514 14.7715 15.5488C14.7574 15.5839 14.7442 15.6206 14.7333 15.6565C14.7216 15.693 14.7123 15.7303 14.7052 15.768C14.6976 15.8054 14.6918 15.8432 14.688 15.8811C14.6795 15.9589 14.6795 16.0374 14.688 16.1151C14.6918 16.1531 14.6976 16.1908 14.7052 16.2282C14.7123 16.266 14.7216 16.3032 14.7333 16.3398C14.7442 16.3757 14.7574 16.4123 14.7715 16.4474C14.7855 16.4825 14.8027 16.5168 14.8206 16.5504C14.8384 16.5844 14.858 16.6174 14.8791 16.6494C14.9002 16.6806 14.9236 16.7118 14.9478 16.7415C14.9723 16.7714 14.9983 16.8 15.0258 16.8273C15.0523 16.8538 15.0812 16.8795 15.1108 16.9053C15.1704 16.9533 15.2344 16.9956 15.3019 17.0317C15.3354 17.0496 15.3705 17.066 15.4056 17.0808C15.4407 17.0956 15.4766 17.1081 15.5133 17.1198C15.5499 17.1315 15.5913 17.1401 15.6241 17.1479C15.6568 17.1557 15.7021 17.1611 15.7379 17.165C15.7761 17.1683 15.8143 17.1696 15.8526 17.1689Z" fill="black"/>%0A</svg>%0A';
+
+// src/assets/images/chat.svg
+var chat_default = 'data:image/svg+xml,<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M5.55939 26.2438C5.70294 26.2439 5.84484 26.2132 5.97557 26.1539C6.1063 26.0946 6.22285 26.0081 6.3174 25.9001L9.53544 22.2228C10.8312 22.5563 12.1641 22.7244 13.5021 22.723C17.0693 22.723 20.4364 21.5615 22.9776 19.4566C25.5713 17.3081 27 14.4312 27 11.3601C27 8.28915 25.5686 5.4142 22.9776 3.26436C20.4364 1.15951 17.0693 8.68172e-07 13.5021 1.18002e-06C9.93493 1.49188e-06 6.56783 1.15952 4.02859 3.26437C1.43495 5.41286 0.00687672 8.28982 0.00687698 11.3602C0.00687727 14.6379 1.65652 17.7116 4.55228 19.8682L4.55228 25.2394C4.55228 25.5065 4.65839 25.7627 4.84726 25.9515C5.03613 26.1404 5.29229 26.2465 5.55939 26.2465L5.55939 26.2438ZM9.19638 20.075C9.05283 20.0749 8.91093 20.1056 8.7802 20.1649C8.64947 20.2242 8.53292 20.3107 8.43837 20.4187L6.5665 22.5571L6.5665 19.3505C6.56631 19.1864 6.52602 19.0249 6.44914 18.8799C6.37226 18.7349 6.26112 18.6109 6.12538 18.5187C3.51496 16.7334 2.0184 14.1243 2.0184 11.3602C2.0184 6.20713 7.16874 2.01421 13.4994 2.01421C19.8301 2.01421 24.9804 6.20713 24.9804 11.3601C24.9804 16.5132 19.8328 20.7088 13.5021 20.7088C12.143 20.7118 10.7909 20.5136 9.48979 20.1206C9.39479 20.0909 9.29591 20.0755 9.19638 20.075Z" fill="black"/>%0A</svg>%0A';
+
+// src/assets/images/google-play-store.svg
+var google_play_store_default = 'data:image/svg+xml,<svg height="192" viewBox="0 0 192 192" width="192" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="m0 0h192v192h-192z"/><g stroke="%23000" stroke-miterlimit="10" stroke-width="12"><path d="m156.84 109.93-101.88 57.94c-10.68 6.07-23.94-1.64-23.94-13.93v-115.88c0-12.29 13.26-20 23.94-13.93l101.88 57.94c10.8 6.14 10.8 21.71 0 27.85z"/><path d="m35 33 88 90" stroke-linecap="round"/><path d="m35 157.61 89-90.61" stroke-linecap="round"/></g></g></svg>';
+
+// src/assets/images/house-with-hand.svg
+var house_with_hand_default = 'data:image/svg+xml,<svg width="32" height="30" viewBox="0 0 32 30" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M19.4701 7.39238L21.5562 9.42465C21.5661 9.43429 21.573 9.44669 21.5758 9.46028C21.5787 9.47386 21.5775 9.48799 21.5723 9.50087C21.5671 9.51374 21.5583 9.52476 21.5468 9.53251C21.5354 9.54026 21.522 9.54439 21.5082 9.54436H19.4701V17.3402H15.6044V12.3291H11.1864V17.3402H7.3206V9.54519H5.28224C5.26847 9.54522 5.25501 9.54109 5.24358 9.53334C5.23215 9.52559 5.22328 9.51457 5.21811 9.5017C5.21295 9.48883 5.21172 9.47469 5.21459 9.46111C5.21745 9.44753 5.22428 9.43512 5.2342 9.42548L13.3954 1.4718L16.985 4.97036V3.42055H19.4701V7.39238Z" stroke="%23202020" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M25.5444 15.6244C25.1302 15.6244 24.7944 15.9602 24.7944 16.3744V16.6298C23.4204 16.6787 22.3956 16.8555 21.5714 17.1158C20.586 17.427 19.9269 17.8459 19.3512 18.2297L19.2306 18.3103C18.712 18.657 18.2783 18.947 17.6645 19.1725C17.0088 19.4134 16.1091 19.5914 14.6843 19.5914H12.7008C11.9758 19.5914 11.2805 19.8794 10.7679 20.3921C10.4923 20.6677 10.2816 20.9961 10.1457 21.3535C9.53073 21.1526 8.89888 20.9398 8.26935 20.7277C6.83176 20.2435 5.40621 19.7633 4.22124 19.4384C3.25697 19.174 2.35048 18.9814 1.65887 18.9879C1.31966 18.9911 0.925421 19.0412 0.594929 19.2469C0.203952 19.4902 6.10352e-05 19.8889 6.10352e-05 20.3415C6.10352e-05 21.0428 0.406765 21.6837 0.84791 22.1931C1.31045 22.7272 1.9274 23.2486 2.57548 23.7234C3.8747 24.6753 5.40559 25.5168 6.37964 25.9782L6.38217 25.9794C7.05954 26.2971 7.68182 26.5959 8.25717 26.8721L8.25723 26.8721L8.25727 26.8721C9.35963 27.4013 10.2897 27.8478 11.1048 28.1871C12.3674 28.7126 13.452 29.0257 14.6349 29.0257C16.5355 29.0257 19.1277 28.2629 21.2746 27.5493C21.9389 27.3285 22.5871 27.103 23.1672 26.9012L23.1674 26.9011L23.1676 26.9011C23.5281 26.7756 23.8623 26.6594 24.1576 26.5591C24.3936 26.479 24.6064 26.4085 24.7944 26.3491V27.2839C24.7944 27.6981 25.1302 28.0339 25.5444 28.0339H30.5033C30.9175 28.0339 31.2533 27.6981 31.2533 27.2839V16.3744C31.2533 15.9602 30.9175 15.6244 30.5033 15.6244H25.5444ZM11.4674 22.3431C11.4677 22.3309 11.4677 22.3188 11.4674 22.3066C11.4721 21.9861 11.6015 21.6797 11.8285 21.4527C12.0599 21.2214 12.3736 21.0914 12.7008 21.0914H14.6843C16.2349 21.0914 17.3187 20.8975 18.1817 20.5805C18.97 20.2909 19.5421 19.9075 20.0501 19.5669L20.1832 19.4778C20.7232 19.1178 21.2419 18.7929 22.0231 18.5462C22.6804 18.3386 23.5505 18.1787 24.7944 18.1308V24.7837L24.7303 24.8017C24.4345 24.8858 24.0747 25.0032 23.6754 25.1388C23.3562 25.2471 23.0138 25.3663 22.6504 25.4928L22.6501 25.4929L22.6501 25.4929C22.0824 25.6904 21.4635 25.9059 20.8015 26.1259C18.6218 26.8504 16.2551 27.5257 14.6349 27.5257C13.7351 27.5257 12.861 27.2933 11.6813 26.8022C10.9019 26.4779 10.0312 26.0598 8.95859 25.5447L8.95852 25.5447C8.37759 25.2657 7.73745 24.9583 7.02051 24.622C6.11012 24.1906 4.66647 23.3959 3.46201 22.5135C2.85797 22.0709 2.34058 21.6254 1.98181 21.2111C1.70805 20.895 1.57875 20.6567 1.52782 20.4951C1.56665 20.4913 1.61456 20.4884 1.67294 20.4879C2.13736 20.4835 2.8673 20.6225 3.82459 20.885C4.98024 21.2019 6.31911 21.6534 7.71474 22.1241L7.71475 22.1241L7.71479 22.1241C8.47539 22.3807 9.25284 22.6429 10.0267 22.8921C10.1356 23.4055 10.391 23.8811 10.7679 24.2579C11.2805 24.7705 11.9758 25.0585 12.7008 25.0585H17.6597C18.0739 25.0585 18.4097 24.7227 18.4097 24.3085C18.4097 23.8943 18.0739 23.5585 17.6597 23.5585H12.7008C12.3736 23.5585 12.0599 23.4286 11.8285 23.1972C11.6015 22.9702 11.4721 22.6637 11.4674 22.3431ZM26.2944 17.6344V25.3995V26.5339H29.7533V17.1244H26.304C26.3299 17.2002 26.3439 17.2815 26.3439 17.3661C26.3439 17.4607 26.3264 17.5511 26.2944 17.6344Z" fill="%23202020"/>%0A</svg>%0A%20';
+
+// src/assets/images/mala.svg
+var mala_default = 'data:image/svg+xml,<svg width="30" height="31" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M25 9.30005H5C3.61929 9.30005 2.5 10.4104 2.5 11.78V24.18C2.5 25.5498 3.61929 26.66 5 26.66H25C26.3807 26.66 27.5 25.5498 27.5 24.18V11.78C27.5 10.4104 26.3807 9.30005 25 9.30005Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>%0A<path d="M20 26.6601V6.82009C20 6.16235 19.7366 5.53155 19.2677 5.06647C18.7989 4.60137 18.163 4.34009 17.5 4.34009H12.5C11.837 4.34009 11.2011 4.60137 10.7322 5.06647C10.2634 5.53155 10 6.16235 10 6.82009V26.6601" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>%0A</svg>%0A';
+
+// src/assets/images/message.svg
+var message_default = 'data:image/svg+xml,<svg width="27" height="28" viewBox="0 0 27 28" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M4.5 5.04004H22.5C23.7375 5.04004 24.75 6.04804 24.75 7.28004V20.72C24.75 21.952 23.7375 22.96 22.5 22.96H4.5C3.2625 22.96 2.25 21.952 2.25 20.72V7.28004C2.25 6.04804 3.2625 5.04004 4.5 5.04004Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>%0A<path d="M24.75 7.28003L13.5 15.12L2.25 7.28003" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>%0A</svg>%0A';
+
+// src/assets/images/person.svg
+var person_default = 'data:image/svg+xml,<svg width="24" height="26" viewBox="0 0 24 26" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<g clip-path="url(%23clip0_7239_68)">%0A<path d="M14.5536 15.4375H9.44649C4.27549 15.4375 0.083374 19.4391 0.083374 24.375C0.083374 25.2723 0.845723 26 1.78576 26H22.2144C23.1544 26 23.9167 25.2723 23.9167 24.375C23.9167 19.4391 19.7246 15.4375 14.5536 15.4375ZM2.68962 23.5625C3.10989 20.3582 5.97788 17.875 9.44649 17.875H14.5536C18.0201 17.875 20.8897 20.3608 21.31 23.5625H2.68962ZM12.0001 13C15.7607 13 18.8096 10.0897 18.8096 6.50001C18.8096 2.91028 15.7607 0 12.0001 0C8.23939 0 5.19053 2.91028 5.19053 6.50001C5.19053 10.0903 8.23886 13 12.0001 13ZM12.0001 2.4375C14.3467 2.4375 16.256 4.26005 16.256 6.50001C16.256 8.73998 14.3467 10.5625 12.0001 10.5625C9.65343 10.5625 7.7441 8.73947 7.7441 6.50001C7.7441 4.26005 9.65396 2.4375 12.0001 2.4375Z" fill="black"/>%0A</g>%0A<defs>%0A<clipPath id="clip0_7239_68">%0A<rect width="23.8334" height="26" fill="white" transform="translate(0.083374)"/>%0A</clipPath>%0A</defs>%0A</svg>%0A';
+
+// src/assets/images/question-mark-circle.svg
+var question_mark_circle_default = 'data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<g clip-path="url(%23clip0_7779_3165)">%0A<mask id="mask0_7779_3165" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="26" height="26">%0A<path d="M26 0H0V26H26V0Z" fill="white"/>%0A</mask>%0A<g mask="url(%23mask0_7779_3165)">%0A<path d="M12.9998 23.8332C18.9829 23.8332 23.8332 18.9829 23.8332 12.9998C23.8332 7.01675 18.9829 2.1665 12.9998 2.1665C7.01675 2.1665 2.1665 7.01675 2.1665 12.9998C2.1665 18.9829 7.01675 23.8332 12.9998 23.8332Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>%0A<path d="M9.84741 9.75001C10.1021 9.02597 10.6048 8.41546 11.2665 8.02656C11.9282 7.63768 12.7062 7.49552 13.4626 7.62528C14.2191 7.75503 14.9053 8.14832 15.3995 8.73549C15.8939 9.32266 16.1644 10.0658 16.1633 10.8333C16.1633 13 12.9132 14.0833 12.9132 14.0833" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>%0A<path d="M13 18.4165H13.0108" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>%0A</g>%0A</g>%0A<defs>%0A<clipPath id="clip0_7779_3165">%0A<rect width="26" height="26" fill="white"/>%0A</clipPath>%0A</defs>%0A</svg>%0A';
+
+// src/assets/images/shake-hands.svg
+var shake_hands_default = 'data:image/svg+xml,<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<g clip-path="url(%23clip0_7779_3678)">%0A<path d="M26.0028 9.19625V10.6012H22.783L19.3471 7.16528H12.7535L9.31766 10.6012H7.99711V9.19625H0V21.7255H7.99717V20.3205H8.16179L13.4412 25.5999C14.2374 26.3961 15.296 26.8346 16.4221 26.8346C17.5481 26.8346 18.6067 26.3961 19.403 25.5999L24.6823 20.3205H26.0029V21.7255H34V9.19625H26.0028ZM6.00498 19.7333H1.99219V11.1884H6.00498V19.7333ZM7.99717 12.5934H10.1429L13.5787 9.15747H18.522L21.9544 12.5898L21.2238 13.3203C20.3669 14.1773 18.9646 14.1854 18.0978 13.3385L16.479 11.7851L9.9359 18.3283H7.99724L7.99717 12.5934ZM23.8572 18.3284L17.9943 24.1912C17.5743 24.6112 17.016 24.8425 16.4221 24.8425C15.8281 24.8425 15.2698 24.6112 14.8498 24.1912L10.87 20.2115L16.5077 14.5738L16.7088 14.7669C18.3525 16.3693 21.0088 16.3527 22.6324 14.7291L24.768 12.5934H26.0028V18.3284H23.8572ZM32.0078 19.7333H27.995V11.1884H32.0078V19.7333Z" fill="black"/>%0A</g>%0A<defs>%0A<clipPath id="clip0_7779_3678">%0A<rect width="34" height="34" fill="white"/>%0A</clipPath>%0A</defs>%0A</svg>%0A';
+
+// src/assets/images/star.svg
+var star_default = 'data:image/svg+xml,<svg width="30" height="31" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M15 3.1001L18.8625 10.8625L27.5 12.1149L21.25 18.1537L22.725 26.6849L15 22.6549L7.275 26.6849L8.75 18.1537L2.5 12.1149L11.1375 10.8625L15 3.1001Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>%0A</svg>%0A';
+
+// src/assets/images/whatsapp.svg
+var whatsapp_default = 'data:image/svg+xml,<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M0 27L1.90693 20.0666C0.730218 18.0371 0.111907 15.7365 0.113037 13.3774C0.116428 6.00187 6.14695 0 13.5565 0C17.1522 0.001125 20.5275 1.395 23.0663 3.924C25.604 6.453 27.0011 9.8145 27 13.3898C26.9966 20.7664 20.9661 26.7683 13.5565 26.7683C11.3071 26.7671 9.09043 26.2058 7.12698 25.1393L0 27ZM7.45705 22.7171C9.35154 23.8365 11.1601 24.507 13.552 24.5081C19.7102 24.5081 24.7268 19.5199 24.7302 13.3875C24.7325 7.24275 19.7396 2.26125 13.561 2.259C7.39827 2.259 2.38508 7.24725 2.38282 13.3785C2.38169 15.8816 3.11869 17.7559 4.35644 19.7167L3.2272 23.8207L7.45705 22.7171ZM20.3286 16.5701C20.2449 16.4306 20.0211 16.3474 19.6842 16.1798C19.3485 16.0121 17.6971 15.2032 17.3885 15.0919C17.081 14.9805 16.8572 14.9243 16.6323 15.2595C16.4084 15.5936 15.7641 16.3474 15.5686 16.5701C15.373 16.7929 15.1763 16.821 14.8406 16.6534C14.5049 16.4858 13.422 16.1336 12.139 14.994C11.1409 14.1075 10.4661 13.0129 10.2705 12.6776C10.075 12.3435 10.2502 12.1624 10.4175 11.9959C10.569 11.8463 10.7532 11.6055 10.9216 11.4097C11.0923 11.2163 11.1477 11.0768 11.2607 10.8529C11.3726 10.6301 11.3173 10.4344 11.2325 10.2668C11.1477 10.1003 10.4763 8.45438 10.1971 7.785C9.92351 7.13363 9.64657 7.22137 9.44084 7.21125L8.79653 7.2C8.57272 7.2 8.20874 7.28325 7.90128 7.6185C7.59382 7.95375 6.7257 8.7615 6.7257 10.4074C6.7257 12.0533 7.92954 13.6429 8.09683 13.8656C8.26526 14.0884 10.465 17.4656 13.8346 18.9135C14.636 19.2577 15.2622 19.4636 15.7494 19.6178C16.5543 19.872 17.2867 19.836 17.8655 19.7505C18.5109 19.6549 19.8527 18.9416 20.133 18.1609C20.4133 17.379 20.4133 16.7096 20.3286 16.5701Z" fill="black"/>%0A</svg>';
+
+// src/assets/icons.ts
+var iconMap = {
+  apple_mac: apple_mac_default,
+  balloon: balloon_default,
+  chat: chat_default,
+  google_play_store: google_play_store_default,
+  house_with_hand: house_with_hand_default,
+  mala: mala_default,
+  message: message_default,
+  person: person_default,
+  question_mark_circle: question_mark_circle_default,
+  shake_hands: shake_hands_default,
+  star: star_default,
+  whatsapp: whatsapp_default
+};
+
+// src/components/Navbar/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Navbar = ({ setCurrentOpen, currentOpen }) => {
+  const itens = [
+    { name: "Converse com um corretor", icon: "house_with_hand" },
+    { name: "Atendimento ao cliente", icon: "person" },
+    { name: "Outros assuntos", icon: "question_mark_circle" }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NavContainer, { children: itens.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      className: index === currentOpen ? "active" : "",
+      onClick: () => setCurrentOpen(index),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "img",
+          {
+            alt: tab.name,
+            height: 20,
+            src: iconMap[tab.icon],
+            width: 20
+          }
+        ),
+        tab.name
+      ]
+    },
+    tab.name
+  )) });
+};
+var Navbar_default = Navbar;
+
+// src/components/styles.ts
+var import_styled_components5 = __toESM(require("styled-components"), 1);
+var Container2 = import_styled_components5.default.div`
+  ${flex("column")}
+  bottom: 1.5rem;
+  right: 3rem;
+  position: fixed;
+  width: 375px;
+
+  @media (max-width: ${breakpoints.tablet}) {
+    bottom: 1.5rem;
+    right: 1.5rem;
+  }
+`;
+var ButtonContainer2 = import_styled_components5.default.div`
+  ${darkEffect}
+  ${flex("row", "center", "center")}
+  align-self:end;
+  border-radius: 100px;
+  height: 56px;
+  width: 56px;
+  pointer-events: ${(props) => props.open ? "none" : ""};
+`;
+var Title = import_styled_components5.default.h2`
+  font-size: 1.25rem;
+  font-weight: 700;
+  line-height: 24px;
+  letter-spacing: 0em;
+  color: ${(props) => props.$textColor || "var(--black)"};
+`;
+var Text = import_styled_components5.default.p`
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 23px;
+  letter-spacing: 0em;
+  margin-top: 10px;
+  color: ${(props) => props.$textColor || "var(--black)"};
+`;
+var SelectorOptionsContainer = import_styled_components5.default.div`
+  ${flex("column")}
+  gap: 10px;
+  padding: 20px 0;
+
+  a {
+    text-decoration: none;
+  }
+
+  button {
+    border: none;
+    border-radius: 8px;
+    background: transparent;
+  }
+`;
+var SelectorOption = import_styled_components5.default.div`
+  ${flex("row", "center", "space-between")}
+  ${darkEffect}
+  background: var(--white);
+  color: black;
+  border-radius: 8px;
+  padding: 12px;
+  width: 100%;
+
+  h3 {
+    font-size: 0.81rem;
+    font-weight: 700;
+    letter-spacing: 0em;
+    text-align: left;
+    line-height: 1.4;
+    margin-bottom: 10px;
+    margin-right: 10px;
+  }
+
+  p {
+    font-size: 0.75rem;
+    font-weight: 300;
+    letter-spacing: 0em;
+    text-align: left;
+    line-height: 1.4;
+    margin-right: 10px;
+  }
+`;
+
+// src/components/utils/windowPopup.ts
+var openWindowPopup = (url) => {
+  const dualScreenLeft = window.screenLeft !== void 0 ? window.screenLeft : window.screenX;
+  const dualScreenTop = window.screenTop !== void 0 ? window.screenTop : window.screenY;
+  const width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
+  const height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;
+  const systemZoom = width / window.screen.availWidth;
+  const w = 674;
+  const h = 540;
+  const left = (width - w) / 2 / systemZoom + dualScreenLeft;
+  const top = (height - h) / 2 / systemZoom + dualScreenTop;
+  window.open(
+    url,
+    `mitre-window`,
+    `width=${w / systemZoom}, 
+      height=${h / systemZoom}, 
+      top=${top}, 
+      left=${left}, 
+      status=no, 
+      toolbar=no, 
+      location=no, 
+      menubar=no, 
+      resizable=no, 
+      fullscreen=no`
+  );
+};
+
+// src/components/TalkWithASeller/index.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var TalkWithSeller = ({
+  productId,
+  apiUrl,
+  utm_source,
+  utm_medium,
+  utm_campaign,
+  utm_term,
+  setCurrentFormOpen
+}) => {
+  const onWhatsClick = async () => {
+    try {
+      if (!productId || !utm_source || !utm_medium || !utm_campaign || !utm_term) {
+        throw new Error("Missing required parameters");
+      }
+      const url = `${apiUrl}/atendimento?id_produto_terceiro=${productId}&utm_source=${utm_source}&utm_medium=${utm_medium}&utm_campaign=${utm_campaign}&utm_term=${utm_term}&canal=whatsapp`;
+      openWindowPopup(url);
+    } catch (error) {
+      console.error("Error in onWhatsClick:", error);
+    }
+  };
+  const onChatClick = async () => {
+    try {
+      if (!productId || !utm_source || !utm_medium || !utm_campaign || !utm_term) {
+        throw new Error("Missing required parameters");
+      }
+      const url = `${apiUrl}/atendimento?id_produto_terceiro=${productId}&utm_source=${utm_source}&utm_medium=${utm_medium}&utm_campaign=${utm_campaign}&utm_term=${utm_term}`;
+      openWindowPopup(url);
+    } catch (error) {
+      console.error("Error in onChatClick:", error);
+    }
+  };
+  const itens = [
+    { title: "Atendimento por Whatsapp", text: "Canal exclusivo para vendas", onClick: () => onWhatsClick(), icon: "whatsapp" },
+    { title: "Atendimento por chat", text: "Canal exclusivo para vendas", onClick: () => onChatClick(), icon: "chat" },
+    { title: "Atendimento por mensagem", text: "Canal exclusivo para vendas", onClick: () => setCurrentFormOpen(0), icon: "message" }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Title, { children: "Converse com um corretor" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { children: "Selecione uma op\xE7\xE3o de contato a seguir:" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SelectorOptionsContainer, { children: itens.map((value) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { onClick: value.onClick, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(SelectorOption, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { children: value.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: value.text })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "img",
+        {
+          alt: "",
+          "aria-hidden": "true",
+          height: 26,
+          src: iconMap[value.icon],
+          width: 26
+        }
+      )
+    ] }) }, value.title)) })
+  ] });
+};
+var TalkWithASeller_default = TalkWithSeller;
+
+// src/components/hooks/useDeviceType.ts
+var import_react3 = require("react");
+function useDeviceType() {
+  const [deviceType, setDeviceType] = (0, import_react3.useState)("Unknown");
+  (0, import_react3.useEffect)(() => {
+    const userAgent = navigator.userAgent || navigator.vendor;
+    if (/android/i.test(userAgent)) {
+      setDeviceType("Android");
+    } else if (/iPad|iPhone|iPod/.test(userAgent)) {
+      setDeviceType("iPhone");
+    } else {
+      setDeviceType("Unknown");
+    }
+  }, []);
+  return deviceType;
+}
+
+// src/components/LeadSupport/index.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Client = () => {
+  const device = useDeviceType();
+  const mobileLink = device === "Android" ? "https://play.google.com/store/apps/details?id=com.mitre.experience&pli=1" : "https://apps.apple.com/br/app/mitre-experience/id1543244752";
+  const mobileIcon = device === "Android" ? "google-play-store" : "apple-mac";
+  const mobileMessage = device === "Android" ? "Encontre nosso app na Google Play Store" : "Encontre nosso app na App Store";
+  const items = [
+    { title: "Atendimento ao Cliente Mitre", text: "Acesso ao portal do cliente", icon: "person", link: "https://portal.mitrerealty.com.br/Clientes/" },
+    { title: "Baixe o Aplicativo Mitre Experience", text: mobileMessage, icon: mobileIcon, link: mobileLink }
+  ];
+  const mobileItems = [
+    { title: "Baixe o Aplicativo Mitre Experience no Android", text: "Encontre nosso app na Google Play Store", icon: "google_play_store", link: "https://play.google.com/store/apps/details?id=com.mitre.experience&pli=1" },
+    { title: "Baixe o Aplicativo Mitre Experience no IOS", text: "Encontre nosso app na App Store", icon: "apple_mac", link: "https://apps.apple.com/br/app/mitre-experience/id1543244752" }
+  ];
+  function isInMobileItemButInDesktop(index) {
+    const itemIndex = 1;
+    return index === itemIndex && device === "Unknown";
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Title, { children: "Central de Relacionamento" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      "J\xE1 \xE9 cliente Mitre Reality? Precisa falar conosco?",
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("br", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("br", {}),
+      "Acesse o Portal do Cliente para enviar sua solicita\xE7\xE3o \xE0 nossa Central de Relacionamento:"
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SelectorOptionsContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "a",
+        {
+          href: item.link,
+          target: "_blank",
+          rel: "noreferrer",
+          style: isInMobileItemButInDesktop(index) ? { display: "none" } : {},
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(SelectorOption, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { children: item.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: item.text })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              "img",
+              {
+                alt: "",
+                "aria-hidden": "true",
+                height: 26,
+                src: iconMap[item.icon],
+                width: 26
+              }
+            )
+          ] })
+        },
+        item.title
+      )),
+      device === "Unknown" && mobileItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "a",
+        {
+          href: item.link,
+          target: "_blank",
+          rel: "noreferrer",
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(SelectorOption, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { children: item.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: item.text })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              "img",
+              {
+                alt: "",
+                "aria-hidden": "true",
+                height: 26,
+                src: iconMap[item.icon],
+                width: 26
+              }
+            )
+          ] })
+        },
+        item.title
+      ))
+    ] }) })
+  ] });
+};
+var LeadSupport_default = Client;
+
+// src/components/OtherTopics/index.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Other = () => {
+  const itens = [
+    { title: "Trabalhe conosco", text: "Canal exclusivo para vagas", icon: "mala", link: `https://mitrerealty.gupy.io/` },
+    { title: "Fornecedores", text: "Seja um fornecedor da Mitre", icon: "shake_hands", link: `https://www.mitrerealty.com.br/fornecedores` },
+    { title: "Seja um Parceiro Mitre\u200B", text: "Seja um corretor ou imobili\xE1ria parceira da Mitre.\u200B", icon: "star", link: `https://www.mitrerealty.com.br/seja-parceiro-mitre` },
+    { title: "Outros assuntos", text: "Entre em contato com a Mitre", icon: "question_mark_circle", link: `https://www.mitrerealty.com.br/contato` }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Title, { children: "Outros assuntos" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Text, { children: "Selecione uma das op\xE7\xF5es a seguir:" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SelectorOptionsContainer, { children: itens.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "a",
+      {
+        href: item.link,
+        target: "_blank",
+        rel: "noreferrer",
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(SelectorOption, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { children: item.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: item.text })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "img",
+            {
+              alt: "",
+              "aria-hidden": "true",
+              height: 26,
+              src: iconMap[item.icon],
+              width: 26
+            }
+          )
+        ] })
+      },
+      item.title
+    )) })
+  ] });
+};
+var OtherTopics_default = Other;
+
+// src/components/Selector/index.tsx
+var import_mitre_form_component = require("mitre-form-component");
+var import_react_error_boundary = require("react-error-boundary");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Selector = ({
+  productId,
+  apiUrl,
+  apiToken,
+  utm_source,
+  utm_medium,
+  utm_campaign,
+  utm_term,
+  close
+}) => {
+  const ref = (0, import_react4.useRef)(null);
+  const [currentOpen, setCurrentOpen] = (0, import_react4.useState)(0);
+  const [currentFormOpen, setCurrentFormOpen] = (0, import_react4.useState)(-1);
+  useClickOutside_default(ref, close);
+  const tabs = [
+    TalkWithASeller_default,
+    LeadSupport_default,
+    OtherTopics_default
+  ];
+  const DefaultComponent = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, {});
+  const CurrentComponent = tabs[currentOpen] || DefaultComponent;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(SelectorContainer, { ref, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(HeaderContainer, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_hi.HiArrowNarrowLeft,
+        {
+          className: "back-icon",
+          onClick: () => setCurrentFormOpen(-1),
+          size: 28,
+          visibility: currentFormOpen >= 0 ? "visible" : "hidden",
+          color: "var(--black)"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_hi.HiX,
+        {
+          className: "close-icon",
+          onClick: close,
+          size: 28,
+          color: "var(--black)"
+        }
+      )
+    ] }),
+    currentFormOpen >= 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FormContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_error_boundary.ErrorBoundary, { fallback: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(FormErrorContainer, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_hi.HiOutlineExclamation,
+        {
+          size: 28,
+          color: "var(--red)"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TextError, { children: "Ocorreu um erro ao carregar o formul\xE1rio!" })
+    ] }), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      import_mitre_form_component.MitreFormComponent,
+      {
+        productId,
+        apiUrl,
+        apiToken,
+        utm_source,
+        utm_medium,
+        utm_campaign,
+        utm_term
+      }
+    ) }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ContentContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        CurrentComponent,
+        {
+          setCurrentFormOpen,
+          productId,
+          apiUrl,
+          utm_source,
+          utm_medium,
+          utm_campaign,
+          utm_term
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FooterContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        Navbar_default,
+        {
+          currentOpen,
+          setCurrentOpen
+        }
+      ) })
+    ] })
+  ] });
+};
+var Selector_default = Selector;
+
+// src/components/MitreActionsWidget/index.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var MitreActionsWidget = import_react5.default.forwardRef(({
+  productId,
+  utm_source,
+  utm_medium,
+  utm_campaign,
+  utm_term,
+  apiUrl,
+  apiToken
+}, ref) => {
+  const [open, setOpen] = (0, import_react5.useState)(false);
+  function handleOpen() {
+    setOpen(true);
+  }
+  function close() {
+    setOpen(false);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Container, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(global_default, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(GlobalStyles, {}),
+    open && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Selector_default, { productId, utm_source, utm_medium, utm_campaign, utm_term, apiUrl, apiToken, close: () => close() }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ButtonContainer, { ref, open, onClick: () => handleOpen(), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      "img",
+      {
+        src: iconMap["balloon"],
+        height: 32,
+        width: 32,
+        alt: "Bal\xE3o com mais op\xE7\xF5es",
+        draggable: false
+      }
+    ) })
+  ] });
+});
+MitreActionsWidget.displayName = "MitreActionsWidget";
+var MitreActionsWidget_default = MitreActionsWidget;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MitreActionsWidget
+});
+//# sourceMappingURL=index.cjs.map