@agrada_digital/pbm 0.0.89 → 0.0.91

package/dist/index.mjs

@@ -435,7 +435,7 @@ function Loading({ textColor }) {
 var Loading_default = Loading;
 
 // src/components/BenefitsTable/index.tsx
-import { useEffect as useEffect2, useState as useState3 } from "react";
+import { useEffect as useEffect2, useState as useState2 } from "react";
 
 // src/components/UI/Title/index.tsx
 import classNames5 from "classnames";
@@ -472,7 +472,7 @@ var createModalStore = (set) => ({
 var useModal = create(createModalStore);
 
 // src/components/BenefitsTable/Item.tsx
-import { useCallback, useEffect, useState as useState2 } from "react";
+import { useCallback, useEffect } from "react";
 import classNames6 from "classnames";
 
 // src/components/UI/Icons/index.tsx
@@ -528,7 +528,6 @@ import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function Item({ data, onChange, checked }) {
   const { setAvailableDiscountSelected, state, isAuthenticatedShopper } = usePBMStore();
   const { setModal } = useModal();
-  const [openModalAlert, setOpenModalAlert] = useState2(false);
   const ID_INPUT = "unity_quantity_" + data.authorizedQuantity;
   const decimalDiscount = data.discountPercentual / 100;
   const unitDiscountValue = data.grossPrice * decimalDiscount;
@@ -558,12 +557,15 @@ function Item({ data, onChange, checked }) {
   useEffect(() => {
     updateStorageData();
   }, [updateStorageData]);
-  const CheckUserIsAuthenticated = () => {
-    if (isAuthenticatedShopper) return;
-    setModal({
-      id: "ShopperIsNotAuthenticated",
-      open: true
-    });
+  const handleChange = (e) => {
+    if (!isAuthenticatedShopper && state === "isActivated") {
+      setModal({
+        id: "ShopperIsNotAuthenticated",
+        open: true
+      });
+      return;
+    }
+    onChange();
   };
   return /* @__PURE__ */ jsxs6(
     "label",
@@ -574,7 +576,6 @@ function Item({ data, onChange, checked }) {
         { "cursor-not-allowed": state === "isPreview", "cursor-pointer": state === "isActivated" }
       ),
       id: "label_benefits_" + ID_INPUT,
-      onClick: CheckUserIsAuthenticated,
       children: [
         /* @__PURE__ */ jsx9(
           "input",
@@ -584,7 +585,7 @@ function Item({ data, onChange, checked }) {
             id: ID_INPUT,
             className: "hidden",
             checked,
-            onChange,
+            onChange: handleChange,
             disabled: state === "isPreview"
           }
         ),
@@ -647,9 +648,9 @@ var CheckBenefistWithoutDocument = async ({ products }) => {
 import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function BenefitsTable() {
   const { securityNumber, setState, state, targetProduct, customLoginUrl, isAuthenticatedShopper } = usePBMStore();
-  const [selectedDiscout, setSelectedDiscount] = useState3(null);
-  const [loading, setLoading] = useState3(true);
-  const [benefitsItems, setBenefitsItems] = useState3();
+  const [selectedDiscout, setSelectedDiscount] = useState2(null);
+  const [loading, setLoading] = useState2(true);
+  const [benefitsItems, setBenefitsItems] = useState2();
   useEffect2(() => {
     const fetchDicountsWithoutDocument = async () => {
       if (!targetProduct?.productId) {
@@ -765,6 +766,7 @@ function BenefitsTable() {
           {
             className: "flex flex-col items-center justify-start w-full gap-4.5",
             id: "form_benefits_table_pbm",
+            onSubmit: (e) => e.preventDefault(),
             children: [
               !benefitsItems && /* @__PURE__ */ jsx10("p", { className: "text-sm font-semibold text-start text-zinc-900", id: "benefits_empty_pbm", children: "N\xE3o foi poss\xEDvel encontrar benef\xEDcios para esse produto." }),
               benefitsItems && benefitsItems.map((item, index) => {
@@ -905,7 +907,7 @@ function SecurityNumberInvalid({ textColor }) {
 var SecurityNumberInvalid_default = SecurityNumberInvalid;
 
 // src/PBM.tsx
-import { useCallback as useCallback3, useEffect as useEffect4, useState as useState5 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect3, useState as useState3 } from "react";
 
 // src/components/SecurityNumberRegitered/index.tsx
 import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
@@ -1024,9 +1026,6 @@ var Modal = ({ ID }) => {
 };
 var Modal_default = Modal;
 
-// src/hooks/useValidateProduct.tsx
-import { useCallback as useCallback2, useEffect as useEffect3, useState as useState4 } from "react";
-
 // src/services/get-list-products.ts
 import Cookies5 from "js-cookie";
 var GetProductsWithBenefits = async () => {
@@ -1049,33 +1048,8 @@ var GetProductsWithBenefits = async () => {
   return dataResponse;
 };
 
-// src/hooks/useValidateProduct.tsx
-function useValidateProduct({ eanProduct }) {
-  const [IsValid, setIsValid] = useState4(false);
-  const [Loading2, setLoading] = useState4(true);
-  const [Error2, setError] = useState4();
-  const fetchValidateProduct = useCallback2(async () => {
-    try {
-      const response = await GetProductsWithBenefits();
-      if (response.success) {
-        const data = response.data;
-        const hasProductInList = data.some((product) => product.ean == eanProduct);
-        setIsValid(hasProductInList);
-      }
-    } catch (error) {
-      setError(error);
-      console.error(error);
-    } finally {
-    }
-  }, []);
-  useEffect3(() => {
-    fetchValidateProduct();
-  }, [fetchValidateProduct]);
-  return { IsValid, Loading: Loading2, Error: Error2 };
-}
-
 // src/PBM.tsx
-import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
 function PBM({
   originalProductPrice,
   clientID,
@@ -1086,13 +1060,26 @@ function PBM({
   const formatedOriginalProductPrice = Number(
     String(originalProductPrice).replace(",", ".")
   );
-  const [isReady, setIsReady] = useState5(false);
-  const [loading, setLoading] = useState5(false);
+  const [isReady, setIsReady] = useState3(false);
+  const [loading, setLoading] = useState3(false);
   const { state, setTargetProduct, targetProduct, setIsAuthenticatedShopper, setCustomLoginUrl } = usePBMStore();
-  const [EanProductExist, setEanProductExist] = useState5(true);
-  const { IsValid } = useValidateProduct({ eanProduct });
+  const [EanProductExist, setEanProductExist] = useState3(true);
+  const [IsValid, setIsValid] = useState3(false);
+  const fetchValidateProduct = useCallback2(async () => {
+    try {
+      const response = await GetProductsWithBenefits();
+      if (response.success) {
+        const data = response.data;
+        const hasProductInList = data.some((product) => product.ean == eanProduct);
+        setIsValid(hasProductInList);
+      }
+    } catch (error) {
+      console.error(error);
+    }
+  }, [eanProduct, IsValid]);
   const fetchProductByEan = async () => {
     try {
+      if (!IsValid) return;
       if (!eanProduct) {
         console.error("PBMLOG: Ean is not defined.");
         setEanProductExist(false);
@@ -1120,10 +1107,11 @@ function PBM({
       setIsReady(true);
     }
   };
-  const handleAuthorizationRequest = useCallback3(async () => {
+  const handleAuthorizationRequest = useCallback2(async () => {
     try {
       const response = await GetAuthorization({ clientID });
-      if (response.success && IsValid) {
+      if (response.success) {
+        fetchValidateProduct();
         fetchProductByEan();
       } else {
         console.error("PBMLOG: Authorization failed!");
@@ -1132,7 +1120,7 @@ function PBM({
       console.error("Error fetching authorization:", error);
     }
   }, [clientID, IsValid]);
-  useEffect4(() => {
+  useEffect3(() => {
     handleAuthorizationRequest();
   }, [handleAuthorizationRequest]);
   if (!isReady) {
@@ -1163,21 +1151,15 @@ function PBM({
   if (!IsValid) {
     return;
   }
-  const RenderStateComponent = () => {
-    const StateMap = {
-      "isEmpty": /* @__PURE__ */ jsx16(Form_default, { setLoading }),
-      "isInvalid": /* @__PURE__ */ jsx16(SecurityNumberInvalid_default, {}),
-      "isRegistered": /* @__PURE__ */ jsx16(SecurityNumberRegitered_default, {}),
-      "isActivated": /* @__PURE__ */ jsx16(BenefitsTable_default, {}),
-      "isPreview": /* @__PURE__ */ jsx16(BenefitsTable_default, {})
-    };
-    if (!loading) return StateMap[state];
-    else return /* @__PURE__ */ jsx16(Loading_default, {});
-  };
   return /* @__PURE__ */ jsxs11("div", { id: "pbm-library-root", children: [
     /* @__PURE__ */ jsxs11(Container_default, { variant: "main", children: [
       /* @__PURE__ */ jsx16(Header_default, { originalProductPrice: formatedOriginalProductPrice || 0 }),
-      /* @__PURE__ */ jsx16(Container_default, { variant: "simple", children: /* @__PURE__ */ jsx16(RenderStateComponent, {}) }),
+      /* @__PURE__ */ jsx16(Container_default, { variant: "simple", children: loading ? /* @__PURE__ */ jsx16(Loading_default, {}) : /* @__PURE__ */ jsxs11(Fragment4, { children: [
+        state === "isEmpty" && /* @__PURE__ */ jsx16(Form_default, { setLoading }),
+        state === "isInvalid" && /* @__PURE__ */ jsx16(SecurityNumberInvalid_default, {}),
+        state === "isRegistered" && /* @__PURE__ */ jsx16(SecurityNumberRegitered_default, {}),
+        (state === "isActivated" || state === "isPreview") && /* @__PURE__ */ jsx16(BenefitsTable_default, {})
+      ] }) }),
       /* @__PURE__ */ jsx16(Footer_default, {})
     ] }),
     /* @__PURE__ */ jsx16(Modal_default, { ID: "ShopperIsNotAuthenticated" })