teraprox-core-sdk 0.2.0

package/dist/index.mjs

@@ -0,0 +1,961 @@
+// src/context/CoreServiceContext.ts
+import { createContext } from "react";
+var CoreServiceContext = createContext(null);
+
+// src/hooks/useCoreService.ts
+import { useContext } from "react";
+function useCoreService() {
+  const ctx = useContext(CoreServiceContext);
+  if (!ctx) {
+    throw new Error(
+      "useCoreService must be used within a CoreServiceProvider. Are you running outside Core (standalone mode)?"
+    );
+  }
+  return ctx;
+}
+
+// src/hooks/useHttpController.ts
+import { useMemo } from "react";
+function useHttpController(context, baseEndPoint) {
+  const { createController } = useCoreService();
+  return useMemo(
+    () => createController(context, baseEndPoint),
+    [createController, context, baseEndPoint]
+  );
+}
+
+// src/hooks/useToast.ts
+function useToast() {
+  return useCoreService().toast;
+}
+
+// src/hooks/useMatchingObject.ts
+import { useEffect } from "react";
+function useMatchingObject(context, location, refresher, deps = []) {
+  const { subscribe, unsubscribe } = useCoreService();
+  useEffect(() => {
+    const mo = { context, location, refresher };
+    subscribe(mo);
+    return () => unsubscribe(mo);
+  }, [context, location, subscribe, unsubscribe, ...deps]);
+}
+
+// src/hooks/useNotifications.ts
+import { useSelector } from "react-redux";
+function useNotifications() {
+  return useSelector((state) => state.notification);
+}
+
+// src/hooks/useNavigator.ts
+import { useCallback } from "react";
+import { useNavigate } from "react-router-dom";
+import { useDispatch, useSelector as useSelector2 } from "react-redux";
+var defaultPermissionsSelector = (state) => {
+  var _a, _b, _c, _d;
+  return (_d = (_c = (_b = (_a = state.global) == null ? void 0 : _a.role) == null ? void 0 : _b.permissao) == null ? void 0 : _c[0]) == null ? void 0 : _d.frontEndPerms;
+};
+var defaultPageLocationSelector = (state) => {
+  var _a;
+  return (_a = state.global) == null ? void 0 : _a.pageLocation;
+};
+var defaultPrevPageSelector = (state) => {
+  var _a;
+  return (_a = state.global) == null ? void 0 : _a.prevPage;
+};
+function useNavigator(config) {
+  const dispatch = useDispatch();
+  const navigate = useNavigate();
+  const {
+    pageTracking,
+    paths,
+    permissionsSelector = defaultPermissionsSelector,
+    pageLocationSelector = defaultPageLocationSelector,
+    prevPageSelector = defaultPrevPageSelector
+  } = config;
+  const frontEndPerms = useSelector2(permissionsSelector);
+  const pageLocation = useSelector2(pageLocationSelector);
+  const prevPage = useSelector2(prevPageSelector);
+  return useCallback(
+    (path, navConfig, pageName) => {
+      const allowedPaths = [paths.loginForm];
+      if (typeof path === "string" && allowedPaths.includes(path)) {
+        return navigate(path);
+      }
+      if (!path) path = -1;
+      if (path === -1) {
+        dispatch(pageTracking.setPrevPage(pageLocation));
+        dispatch(pageTracking.setPageLocation(prevPage));
+        return navigate(-1);
+      }
+      if (frontEndPerms && frontEndPerms.length > 0) {
+        for (const perm of frontEndPerms) {
+          const locationBloqueado = `/${perm.locationBloqueado}`;
+          if (locationBloqueado === "*") {
+            dispatch(pageTracking.setPrevPage(pageLocation));
+            return navigate(paths.inativeUser || "/inativeUser");
+          }
+          if (locationBloqueado === path) {
+            return navigate(paths.acessoNaoPermitido);
+          }
+          dispatch(pageTracking.setPrevPage(pageLocation));
+          dispatch(pageTracking.setPageLocation(pageName || ""));
+          return navigate(path, { ...navConfig, replace: false });
+        }
+      }
+      dispatch(pageTracking.setPrevPage(pageLocation));
+      dispatch(pageTracking.setPageLocation(pageName || ""));
+      return navigate(path, { ...navConfig, replace: false });
+    },
+    [dispatch, navigate, frontEndPerms, pageLocation, prevPage, pageTracking, paths]
+  );
+}
+
+// src/components/recurso/RecursoDisplayer.tsx
+import { useEffect as useEffect5, useState as useState6 } from "react";
+import { Button } from "react-bootstrap";
+import { useDispatch as useDispatch2 } from "react-redux";
+
+// src/reducers/branchLevelReducer.ts
+import { createSlice } from "@reduxjs/toolkit";
+var initialState = {
+  form: {
+    nome: "",
+    level: 0,
+    color: "",
+    hasComponents: false,
+    excludeLevels: 0
+  },
+  levels: []
+};
+var branchLevelSlice = createSlice({
+  name: "branchLevelReducer",
+  initialState,
+  reducers: {
+    setNome(state, action) {
+      state.form.nome = action.payload;
+    },
+    setLevel(state, action) {
+      state.form.level = action.payload;
+    },
+    setColor(state, action) {
+      state.form.color = action.payload;
+    },
+    setHaveComponente(state, action) {
+      state.form.hasComponents = action.payload;
+    },
+    setExcludeLevels(state, action) {
+      state.form.excludeLevels = action.payload;
+    },
+    setLevels(state, action) {
+      state.levels = action.payload;
+    },
+    populateToEdit(state, action) {
+      state.form = action.payload;
+    },
+    clear(state) {
+      state.form = initialState.form;
+    }
+  }
+});
+var {
+  setNome,
+  setLevel,
+  populateToEdit,
+  setColor,
+  setHaveComponente,
+  clear: clearBranchLevelForm,
+  setExcludeLevels,
+  setLevels
+} = branchLevelSlice.actions;
+var branchLevelReducer_default = branchLevelSlice.reducer;
+
+// src/components/recurso/BranchDropDisplay.tsx
+import { useEffect as useEffect2, useRef, useState } from "react";
+import { FaCheck, FaCheckSquare, FaSearch, FaChevronDown } from "react-icons/fa";
+import { MdClose } from "react-icons/md";
+
+// src/utils/colorUtils.ts
+function pickTextColorBasedOnBgColorAdvanced(bgColor, lightColor, darkColor) {
+  const color = bgColor.charAt(0) === "#" ? bgColor.substring(1, 7) : bgColor;
+  const r = parseInt(color.substring(0, 2), 16);
+  const g = parseInt(color.substring(2, 4), 16);
+  const b = parseInt(color.substring(4, 6), 16);
+  const uicolors = [r / 255, g / 255, b / 255];
+  const c = uicolors.map(
+    (col) => col <= 0.03928 ? col / 12.92 : Math.pow((col + 0.055) / 1.055, 2.4)
+  );
+  const L = 0.2126 * c[0] + 0.7152 * c[1] + 0.0722 * c[2];
+  return L > 0.179 ? darkColor : lightColor;
+}
+
+// src/components/recurso/BranchDropDisplay.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var BranchDropDisplay = ({
+  branch,
+  addBranch,
+  multiMode,
+  setMultiMode,
+  onSaveRecurso,
+  backOnBranch,
+  branches,
+  singleReturn
+}) => {
+  const [fontColor, setFontColor] = useState("#000");
+  const [searchTerm, setSearchTerm] = useState("");
+  const [show, setShow] = useState(false);
+  const [multiSelected, setMultiSelected] = useState([]);
+  const dropdownRef = useRef(null);
+  useEffect2(() => {
+    setFontColor(
+      pickTextColorBasedOnBgColorAdvanced(branch.branchLevel.color, "#FFFFFF", "#000000")
+    );
+  }, [branch.branchLevel.color]);
+  useEffect2(() => {
+    const handleClickOutside = (event) => {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setShow(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [backOnBranch, branch]);
+  const handleItemClick = (bn) => {
+    const rec = bn.recurso;
+    if (multiMode) {
+      setMultiSelected(
+        (prev) => prev.some((r) => r.id === rec.id) ? prev.filter((r) => r.id !== rec.id) : [...prev, rec]
+      );
+    } else {
+      onSaveRecurso([rec]);
+      addBranch(bn);
+      setShow(false);
+    }
+  };
+  const startMulti = () => {
+    setMultiSelected([]);
+    setMultiMode(true);
+    setShow(true);
+  };
+  const handleConfirm = () => {
+    setMultiMode(false);
+    onSaveRecurso(multiSelected);
+    setMultiSelected([]);
+    setShow(false);
+  };
+  const cancelMulti = () => {
+    setMultiMode(false);
+    setMultiSelected([]);
+  };
+  const isLastBranchClicked = () => branches.length > 0 && branches[branches.length - 1].id === branch.id;
+  const visibleNodes = branch.branchNodes.filter(
+    (bn) => bn.recurso.nome.toLowerCase().includes(searchTerm.toLowerCase())
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: dropdownRef,
+      style: {
+        position: "relative",
+        marginBottom: "0.5rem",
+        width: "100%",
+        fontFamily: "Arial, sans-serif"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => setShow((s) => !s),
+            style: {
+              width: "100%",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              padding: "0.5rem 1rem",
+              borderRadius: "9999px",
+              boxShadow: "0 1px 3px rgba(0, 0, 0, 0.1)",
+              border: `1px solid ${branch.branchLevel.color}`,
+              background: branch.branchLevel.color,
+              color: fontColor,
+              cursor: "pointer",
+              outline: "none",
+              textAlign: "left",
+              fontSize: "1rem"
+            },
+            children: [
+              /* @__PURE__ */ jsxs("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: [
+                branch.nomeRecurso || branch.branchLevel.nome,
+                branch.nomeRecurso && !multiMode && isLastBranchClicked() && /* @__PURE__ */ jsx("em", { style: { fontStyle: "italic", opacity: 0.8, marginLeft: "0.5rem" }, children: "(Selecionado)" })
+              ] }),
+              /* @__PURE__ */ jsx(FaChevronDown, {})
+            ]
+          }
+        ),
+        show && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: "100%",
+              left: 0,
+              width: "100%",
+              background: "#f0f0f0",
+              borderRadius: "8px",
+              boxShadow: "0 2px 6px rgba(0, 0, 0, 0.15)",
+              marginTop: "0.25rem",
+              zIndex: 100,
+              maxHeight: "300px",
+              overflow: "auto"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    padding: "0.5rem",
+                    borderBottom: "1px solid #ddd"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(FaSearch, { style: { marginRight: "0.5rem", color: "#555" } }),
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "text",
+                        placeholder: "Pesquisar recurso...",
+                        value: searchTerm,
+                        onChange: (e) => setSearchTerm(e.target.value),
+                        style: {
+                          flex: 1,
+                          padding: "0.5rem",
+                          border: "1px solid #ccc",
+                          borderRadius: "9999px",
+                          outline: "none",
+                          fontSize: "0.95rem"
+                        }
+                      }
+                    )
+                  ]
+                }
+              ),
+              !multiMode && !singleReturn ? /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  onClick: startMulti,
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    width: "100%",
+                    padding: "0.5rem",
+                    borderRadius: "9999px",
+                    border: "none",
+                    background: "#ffc107",
+                    color: "#000",
+                    fontSize: "0.95rem",
+                    cursor: "pointer",
+                    margin: "0.5rem 0"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(FaCheckSquare, { style: { marginRight: "0.5rem" } }),
+                    "Selecionar m\xFAltiplos"
+                  ]
+                }
+              ) : /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "0.5rem", margin: "0.5rem 0" }, children: [
+                /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    onClick: handleConfirm,
+                    style: {
+                      flex: 1,
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      padding: "0.5rem",
+                      borderRadius: "9999px",
+                      border: "none",
+                      background: "#28a745",
+                      color: "#fff",
+                      fontSize: "0.95rem",
+                      cursor: "pointer"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(FaCheck, { style: { marginRight: "0.5rem" } }),
+                      "Confirmar sele\xE7\xE3o"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    onClick: cancelMulti,
+                    style: {
+                      flex: 1,
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      padding: "0.5rem",
+                      borderRadius: "9999px",
+                      border: "none",
+                      background: "#6c757d",
+                      color: "#fff",
+                      fontSize: "0.95rem",
+                      cursor: "pointer"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(MdClose, { style: { marginRight: "0.5rem" } }),
+                      "Cancelar"
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("div", { style: { padding: "0.5rem" }, children: visibleNodes.map((bn) => {
+                const selected = multiMode ? multiSelected.some((r) => r.id === bn.recurso.id) : false;
+                return /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    onClick: () => handleItemClick(bn),
+                    style: {
+                      display: "flex",
+                      justifyContent: "space-between",
+                      alignItems: "center",
+                      padding: "0.5rem",
+                      borderBottom: "1px solid #ddd",
+                      background: selected ? "#e9ecef" : "transparent",
+                      cursor: "pointer",
+                      transition: "background 0.1s"
+                    },
+                    onMouseEnter: (e) => {
+                      if (!selected) e.currentTarget.style.background = "#e2e6ea";
+                    },
+                    onMouseLeave: (e) => {
+                      e.currentTarget.style.background = selected ? "#e9ecef" : "transparent";
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx("span", { children: bn.recurso.nome }),
+                      selected && /* @__PURE__ */ jsx(FaCheck, {})
+                    ]
+                  },
+                  bn.recurso.id
+                );
+              }) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+var BranchDropDisplay_default = BranchDropDisplay;
+
+// src/components/recurso/FindRecursoByTagField.tsx
+import { useState as useState5 } from "react";
+import { GrCheckmark } from "react-icons/gr";
+
+// src/components/recurso/AutoComplete.tsx
+import { useEffect as useEffect3, useState as useState2 } from "react";
+import { FloatingLabel, Form, InputGroup, ListGroup } from "react-bootstrap";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var AutoComplete = ({
+  className,
+  ops,
+  sortKey,
+  displayKey,
+  displayKeys,
+  onValueChanged,
+  selectedKey,
+  onSelectedClick,
+  value,
+  actionButton,
+  actionButton2,
+  placeH,
+  title,
+  filter,
+  filterField,
+  loadFunc,
+  loadCondition,
+  isBold,
+  onBlurEvent,
+  formatationFunc,
+  onEscKeyDown,
+  margT,
+  hideComponent,
+  disableComponent = false,
+  disableSelect = false,
+  margB,
+  autoFocusConfig,
+  onLoad,
+  onMouseLv,
+  useStandardLabel = false,
+  isRequired = false,
+  ty = "text"
+}) => {
+  const [liItem, setListItem] = useState2([]);
+  const [options, setOptions] = useState2([]);
+  const [input, setInput] = useState2("");
+  const [hide, setHide] = useState2(true);
+  const [onLoaded, setOnLoaded] = useState2(false);
+  const sortOptions = (opts, key) => {
+    if (!key || !Array.isArray(opts)) return opts != null ? opts : [];
+    return [...opts].sort((a, b) => String(a[key]).localeCompare(String(b[key])));
+  };
+  useEffect3(() => {
+    if (value) setInput(value);
+    else setInput("");
+  }, [value]);
+  useEffect3(() => {
+    const sortedOptions = sortOptions(ops, sortKey);
+    setListItem(sortedOptions);
+    setOptions(sortedOptions);
+  }, [ops, sortKey]);
+  useEffect3(() => {
+    const loadFunction = async () => {
+      if (loadCondition && loadFunc) {
+        try {
+          const res = await loadFunc();
+          let newOps = res.content ? res.content : res;
+          newOps = newOps.filter((c) => c != null);
+          if (Array.isArray(newOps)) {
+            if (filter) {
+              newOps = newOps.filter((op) => op[filterField] === filter);
+            }
+            const sortedOptions = sortOptions(newOps, sortKey);
+            setListItem(sortedOptions);
+            setOptions(sortedOptions);
+          }
+          if (onLoad) {
+            if (onLoaded) return;
+            setOnLoaded(true);
+            onLoad(newOps);
+          }
+        } catch (e) {
+          setListItem([]);
+        }
+      }
+    };
+    loadFunction();
+  }, [loadCondition, filter, filterField, sortKey, onLoad]);
+  const onFieldUpdate = (val) => {
+    let newListItem;
+    if (val && val.length > 0) {
+      const regex = new RegExp(`${val}`, "i");
+      newListItem = options.filter((liI) => {
+        let textToTest;
+        if (formatationFunc) {
+          textToTest = formatationFunc(liI);
+        } else if (displayKey) {
+          textToTest = liI[displayKey];
+        } else if (displayKeys) {
+          textToTest = keysJoinner(liI);
+        } else {
+          textToTest = liI;
+        }
+        return regex.test(textToTest);
+      });
+      setListItem(newListItem);
+    } else {
+      setListItem(options);
+    }
+    onValueChanged && onValueChanged(val);
+    setInput(val);
+    setHide(false);
+  };
+  const clear = () => {
+    setInput("");
+  };
+  const onOpSelected = (li, index, lItem) => {
+    if (formatationFunc) {
+      setInput(formatationFunc(li));
+    } else if (displayKey) {
+      setInput(li[displayKey]);
+    } else if (displayKeys) {
+      setInput(keysJoinner(li));
+    } else {
+      setInput(li);
+    }
+    onSelectedClick(li, index, lItem);
+    setHide(true);
+  };
+  const keysJoinner = (li) => {
+    if (!displayKeys || !Array.isArray(displayKeys)) return "";
+    const textToRender = displayKeys.map((key) => `${li[key]} `);
+    return textToRender.join("").trim();
+  };
+  const renderMoreThanOneKey = (li, index) => {
+    const buildedString = keysJoinner(li);
+    return /* @__PURE__ */ jsx2("li", { children: buildedString }, index);
+  };
+  const boldedPart = (text, key) => {
+    return /* @__PURE__ */ jsx2("li", { children: text }, key);
+  };
+  const displayListItens = (li, index) => {
+    if (formatationFunc) {
+      return boldedPart(formatationFunc(li), index);
+    }
+    if (displayKey) {
+      return boldedPart(li[displayKey], index);
+    }
+    if (displayKeys) {
+      return renderMoreThanOneKey(li, index);
+    }
+    return boldedPart(li, index);
+  };
+  const onKeyDownHandler = (event) => {
+    if (event.key === "Escape") {
+      setHide(true);
+      onEscKeyDown && onEscKeyDown();
+    }
+  };
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: `${className}`,
+      style: { marginTop: margT || 4, marginBottom: margB || 4, position: "relative" },
+      onBlur: (e) => {
+        setTimeout(() => {
+          if (onBlurEvent) onBlurEvent(e, input);
+          setHide(true);
+        }, 200);
+      },
+      onKeyDown: (event) => onKeyDownHandler(event),
+      onMouseLeave: () => {
+        setHide(true);
+      },
+      children: [
+        !hideComponent && /* @__PURE__ */ jsxs2(Fragment, { children: [
+          useStandardLabel && title && /* @__PURE__ */ jsxs2(Form.Label, { children: [
+            title,
+            isRequired && " *"
+          ] }),
+          /* @__PURE__ */ jsxs2(InputGroup, { children: [
+            useStandardLabel ? /* @__PURE__ */ jsx2(
+              Form.Control,
+              {
+                autoFocus: autoFocusConfig,
+                disabled: disableComponent || disableSelect,
+                placeholder: placeH,
+                autoComplete: "off",
+                value: input,
+                onClickCapture: () => {
+                  setHide(false);
+                  if (!input) {
+                    onFieldUpdate("");
+                  }
+                },
+                onChange: (event) => onFieldUpdate(event.currentTarget.value),
+                type: "text"
+              }
+            ) : /* @__PURE__ */ jsx2(FloatingLabel, { style: { zIndex: 0 }, label: title, controlId: "floatingInput", children: /* @__PURE__ */ jsx2(
+              Form.Control,
+              {
+                autoFocus: autoFocusConfig,
+                disabled: disableComponent || disableSelect,
+                placeholder: placeH,
+                autoComplete: "off",
+                value: input,
+                onClickCapture: () => {
+                  setHide(false);
+                  if (!input) {
+                    onFieldUpdate("");
+                  }
+                },
+                onChange: (event) => onFieldUpdate(event.currentTarget.value),
+                type: "text"
+              }
+            ) }),
+            !disableComponent && actionButton && actionButton(clear),
+            !disableComponent && actionButton2 && actionButton2(input)
+          ] })
+        ] }),
+        liItem && /* @__PURE__ */ jsx2(ListGroup, { className: "listgroup-autocomplete", hidden: hide, children: liItem.map((li, index) => /* @__PURE__ */ jsx2(ListGroup.Item, { action: true, onClick: () => onOpSelected(li, index, liItem), children: displayListItens(li, index) }, index)) })
+      ]
+    }
+  );
+};
+var AutoComplete_default = AutoComplete;
+
+// src/components/recurso/QrCodeScanButton.tsx
+import { useState as useState4 } from "react";
+import { BsQrCode } from "react-icons/bs";
+
+// src/components/recurso/QrReader.tsx
+import QrScanner from "qr-scanner";
+import { useEffect as useEffect4, useRef as useRef2, useState as useState3 } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var QrReader = ({ callback }) => {
+  const scanner = useRef2(null);
+  const videoEl = useRef2(null);
+  const qrBoxEl = useRef2(null);
+  const [qrOn, setQrOn] = useState3(true);
+  const [scannedResult, setScannedResult] = useState3("");
+  const onScanSuccess = (result) => {
+    setScannedResult(result == null ? void 0 : result.data);
+    callback(result == null ? void 0 : result.data);
+  };
+  const onScanFail = (err) => {
+    console.error(err);
+  };
+  useEffect4(() => {
+    if ((videoEl == null ? void 0 : videoEl.current) && !scanner.current) {
+      scanner.current = new QrScanner(videoEl.current, onScanSuccess, {
+        onDecodeError: onScanFail,
+        preferredCamera: "environment",
+        highlightScanRegion: true,
+        highlightCodeOutline: true,
+        overlay: (qrBoxEl == null ? void 0 : qrBoxEl.current) || void 0
+      });
+      scanner.current.start().then(() => setQrOn(true)).catch((err) => {
+        if (err) setQrOn(false);
+      });
+    }
+    return () => {
+      var _a;
+      if (!(videoEl == null ? void 0 : videoEl.current)) {
+        (_a = scanner == null ? void 0 : scanner.current) == null ? void 0 : _a.stop();
+      }
+    };
+  }, []);
+  useEffect4(() => {
+    if (!qrOn)
+      alert(
+        "Camera est\xE1 bloqueada ou inacess\xEDvel. Por Favor habilite a camera nas permiss\xF5es do seu navegador e recarregue a p\xE1gina."
+      );
+  }, [qrOn]);
+  return /* @__PURE__ */ jsxs3("div", { className: "qr-reader", children: [
+    /* @__PURE__ */ jsx3("video", { ref: videoEl }),
+    /* @__PURE__ */ jsx3("div", { ref: qrBoxEl, className: "qr-box" }),
+    scannedResult && /* @__PURE__ */ jsxs3(
+      "p",
+      {
+        style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          zIndex: 99999,
+          color: "white"
+        },
+        children: [
+          "Scanned Result: ",
+          scannedResult
+        ]
+      }
+    )
+  ] });
+};
+var QrReader_default = QrReader;
+
+// src/components/recurso/QrCodeScanButton.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var QrCodeScanButton = ({ callback }) => {
+  const [showQr, setShowQr] = useState4(false);
+  const qrShowHandler = () => {
+    setShowQr((prev) => !prev);
+  };
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      className: "hoverable-div",
+      style: {
+        border: "solid",
+        borderTopRightRadius: "3px",
+        borderBottomRightRadius: "3px",
+        padding: "8px",
+        borderLeft: "none",
+        borderColor: "#ccc",
+        borderWidth: "1px"
+      },
+      children: [
+        showQr && /* @__PURE__ */ jsx4(
+          QrReader_default,
+          {
+            callback: (v) => {
+              qrShowHandler();
+              callback(v);
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          BsQrCode,
+          {
+            size: 25,
+            onClick: () => {
+              qrShowHandler();
+            }
+          }
+        )
+      ]
+    }
+  );
+};
+var QrCodeScanButton_default = QrCodeScanButton;
+
+// src/components/recurso/FindRecursoByTagField.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var FindRecursoByTagField = ({ callback }) => {
+  const recursoController = useHttpController("recurso");
+  const [selectedTag, setSelectedTag] = useState5(null);
+  const [reachedRecurso, setReachedRecurso] = useState5(null);
+  const findRecursoByTagIdHandler = async (tagId) => {
+    const r = await recursoController.read("findRecursoByTagId", tagId);
+    setReachedRecurso(r);
+  };
+  const findRecursoByTagDescriptionHandler = async (description) => {
+    const recurso = await recursoController.read(
+      "recurso/findByTagDescription",
+      description.replace(" ", "")
+    );
+    if (!callback) {
+      console.log(recurso);
+    } else {
+      callback(recurso, true);
+    }
+  };
+  const confirmRecursoSelectionButton = () => /* @__PURE__ */ jsx5(
+    "div",
+    {
+      className: "hoverable-div",
+      style: {
+        border: "solid",
+        borderTopRightRadius: "3px",
+        borderBottomRightRadius: "3px",
+        padding: "8px",
+        borderLeft: "none",
+        borderColor: "#ccc",
+        borderWidth: "1px"
+      },
+      children: /* @__PURE__ */ jsx5(GrCheckmark, { size: 25, onClick: () => callback(reachedRecurso, true) })
+    }
+  );
+  return /* @__PURE__ */ jsx5("div", { children: /* @__PURE__ */ jsx5(
+    AutoComplete_default,
+    {
+      sortKey: "id",
+      loadCondition: true,
+      loadFunc: () => recursoController.get("findActiveRecursosTags"),
+      displayKey: "descricao",
+      title: "Selecione ou Digite a TAG",
+      isBold: true,
+      actionButton: confirmRecursoSelectionButton,
+      actionButton2: () => /* @__PURE__ */ jsx5(
+        QrCodeScanButton_default,
+        {
+          callback: (description) => findRecursoByTagDescriptionHandler(description)
+        }
+      ),
+      onSelectedClick: (v) => {
+        setSelectedTag(v);
+        findRecursoByTagIdHandler(v.id);
+      },
+      value: selectedTag == null ? void 0 : selectedTag.descricao
+    }
+  ) });
+};
+var FindRecursoByTagField_default = FindRecursoByTagField;
+
+// src/components/recurso/RecursoDisplayer.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var RecursoDisplayer = ({
+  selectedList = [],
+  onSaveRecurso,
+  singleReturn = false
+}) => {
+  const arvoreEstruturalController = useHttpController("arvoreEstrutural");
+  const branchLevelController = useHttpController("branchLevel");
+  const [branches, setBranches] = useState6([]);
+  const dispatch = useDispatch2();
+  const [localSelected, setLocalSelected] = useState6(selectedList);
+  const [selectorDisplay, setSelectorDisplay] = useState6("");
+  const [multiMode, setMultiMode] = useState6(false);
+  useEffect5(() => {
+    const init = async () => {
+      const b = await arvoreEstruturalController.get("branchByBranchLevel/1");
+      setBranches(b);
+      const lv = await branchLevelController.readAll();
+      dispatch(setLevels(lv));
+    };
+    init();
+  }, []);
+  const branchSetter = async (bn) => {
+    const copy = [...branches];
+    const branch = await arvoreEstruturalController.read("branch", bn.recurso.branch.id);
+    copy[bn.recurso.branch.branchLevel.level - 1] = {
+      ...branch,
+      nomeRecurso: bn.recurso.nome
+    };
+    setBranches(copy);
+  };
+  const backOnBranch = (branch) => {
+    const branchsToStay = branches.filter(
+      (bArray) => bArray.branchLevel.level <= branch.branchLevel.level
+    );
+    setBranches(branchsToStay);
+  };
+  return /* @__PURE__ */ jsxs5("div", { style: { width: "100%", padding: 0 }, children: [
+    /* @__PURE__ */ jsx6("div", { className: "d-flex justify-content-between align-items-center mb-3", children: /* @__PURE__ */ jsxs5("div", { children: [
+      /* @__PURE__ */ jsx6("label", { className: "me-2", children: "Selecionar Recurso Por:" }),
+      /* @__PURE__ */ jsx6(
+        Button,
+        {
+          size: "sm",
+          onClick: () => setSelectorDisplay("branch"),
+          variant: selectorDisplay === "branch" ? "primary" : "outline-primary",
+          className: "me-1",
+          children: "\xC1rvore"
+        }
+      ),
+      /* @__PURE__ */ jsx6(
+        Button,
+        {
+          size: "sm",
+          onClick: () => setSelectorDisplay("TAG"),
+          variant: selectorDisplay === "TAG" ? "primary" : "outline-primary",
+          children: "TAG"
+        }
+      )
+    ] }) }),
+    selectorDisplay === "branch" && branches.map((branch, i) => /* @__PURE__ */ jsx6(
+      BranchDropDisplay_default,
+      {
+        branch,
+        addBranch: branchSetter,
+        multiMode,
+        setMultiMode,
+        onSaveRecurso,
+        backOnBranch,
+        branches,
+        singleReturn
+      },
+      branch.id || i
+    )),
+    selectorDisplay === "TAG" && /* @__PURE__ */ jsx6(
+      FindRecursoByTagField_default,
+      {
+        callback: (rec, checked) => {
+          setLocalSelected([rec]);
+          onSaveRecurso([rec], checked);
+        }
+      }
+    )
+  ] });
+};
+var RecursoDisplayer_default = RecursoDisplayer;
+export {
+  CoreServiceContext,
+  RecursoDisplayer_default as RecursoDisplayer,
+  branchLevelReducer_default as branchLevelReducer,
+  clearBranchLevelForm,
+  pickTextColorBasedOnBgColorAdvanced,
+  populateToEdit,
+  setColor,
+  setExcludeLevels,
+  setHaveComponente,
+  setLevel,
+  setLevels,
+  setNome,
+  useCoreService,
+  useHttpController,
+  useMatchingObject,
+  useNavigator,
+  useNotifications,
+  useToast
+};