@agrada_digital/pbm 0.0.83 → 0.0.85
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +267 -254
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +266 -253
- package/dist/index.mjs.map +1 -1
- package/dist-wc/pbm-wc.js +226 -136
- package/package.json +4 -1
package/dist/index.mjs
CHANGED
|
@@ -38,39 +38,26 @@ function usePBMStore(selector) {
|
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
// src/components/Header/index.tsx
|
|
41
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
41
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
42
42
|
function Header({ originalProductPrice }) {
|
|
43
|
-
const { targetProduct } = usePBMStore();
|
|
43
|
+
const { targetProduct, state } = usePBMStore();
|
|
44
44
|
const Price = targetProduct?.listPrice || originalProductPrice;
|
|
45
45
|
const Discount = Price * ((targetProduct?.discountMax || 0) / 100);
|
|
46
|
-
return /* @__PURE__ */ jsxs(
|
|
47
|
-
"
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
"% OFF"
|
|
62
|
-
] }),
|
|
63
|
-
/* @__PURE__ */ jsxs("svg", { width: "36px", height: "36px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
64
|
-
/* @__PURE__ */ jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
|
|
65
|
-
/* @__PURE__ */ jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
66
|
-
/* @__PURE__ */ jsxs("g", { id: "SVGRepo_iconCarrier", children: [
|
|
67
|
-
/* @__PURE__ */ jsx("path", { d: "M10 8.99998C10.5523 8.99998 11 9.44769 11 9.99998C11 10.5523 10.5523 11 10 11C9.44775 11 9.00004 10.5523 9.00004 9.99998C9.00004 9.44769 9.44775 8.99998 10 8.99998Z", fill: "#fff" }),
|
|
68
|
-
/* @__PURE__ */ jsx("path", { d: "M13 14C13 14.5523 13.4478 15 14 15C14.5523 15 15 14.5523 15 14C15 13.4477 14.5523 13 14 13C13.4478 13 13 13.4477 13 14Z", fill: "#fff" }),
|
|
69
|
-
/* @__PURE__ */ jsx("path", { d: "M10.7071 14.7071L14.7071 10.7071C15.0977 10.3166 15.0977 9.6834 14.7071 9.29287C14.3166 8.90235 13.6835 8.90235 13.2929 9.29287L9.29293 13.2929C8.90241 13.6834 8.90241 14.3166 9.29293 14.7071C9.68346 15.0976 10.3166 15.0976 10.7071 14.7071Z", fill: "#fff" }),
|
|
70
|
-
/* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.3117 4.07145L15.1708 4.34503L14.5575 3.34485C13.3869 1.43575 10.6131 1.43575 9.44254 3.34485L8.82926 4.34503L7.68836 4.07145C5.51069 3.54925 3.54931 5.51063 4.07151 7.6883L4.34509 8.8292L3.34491 9.44248C1.43581 10.6131 1.43581 13.3869 3.34491 14.5575L4.34509 15.1708L4.07151 16.3117C3.54931 18.4893 5.51069 20.4507 7.68836 19.9285L8.82926 19.6549L9.44254 20.6551C10.6131 22.5642 13.3869 22.5642 14.5575 20.6551L15.1708 19.6549L16.3117 19.9285C18.4894 20.4507 20.4508 18.4893 19.9286 16.3117L19.655 15.1708L20.6552 14.5575C22.5643 13.3869 22.5643 10.6131 20.6552 9.44248L19.655 8.8292L19.9286 7.6883C20.4508 5.51063 18.4894 3.54925 16.3117 4.07145ZM11.1475 4.3903C11.5377 3.75393 12.4623 3.75393 12.8525 4.3903L13.8454 6.00951C14.0717 6.37867 14.51 6.56019 14.9311 6.45922L16.7781 6.01631C17.504 5.84225 18.1578 6.49604 17.9837 7.22193L17.5408 9.06894C17.4398 9.49003 17.6213 9.92827 17.9905 10.1546L19.6097 11.1475C20.2461 11.5377 20.2461 12.4623 19.6097 12.8525L17.9905 13.8453C17.6213 14.0717 17.4398 14.5099 17.5408 14.931L17.9837 16.778C18.1578 17.5039 17.504 18.1577 16.7781 17.9836L14.9311 17.5407C14.51 17.4398 14.0717 17.6213 13.8454 17.9904L12.8525 19.6097C12.4623 20.246 11.5377 20.246 11.1475 19.6097L10.1547 17.9904C9.92833 17.6213 9.49009 17.4398 9.069 17.5407L7.22199 17.9836C6.4961 18.1577 5.84231 17.5039 6.01637 16.778L6.45928 14.931C6.56026 14.5099 6.37873 14.0717 6.00957 13.8453L4.39036 12.8525C3.75399 12.4623 3.75399 11.5377 4.39036 11.1475L6.00957 10.1546C6.37873 9.92827 6.56026 9.49003 6.45928 9.06894L6.01637 7.22193C5.84231 6.49604 6.4961 5.84225 7.22199 6.01631L9.069 6.45922C9.49009 6.56019 9.92833 6.37867 10.1547 6.00951L11.1475 4.3903Z", fill: "#fff" })
|
|
71
|
-
] })
|
|
72
|
-
] }),
|
|
73
|
-
/* @__PURE__ */ jsxs("section", { className: "flex flex-col items-start justify-center-safe gap-0", children: [
|
|
46
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
47
|
+
targetProduct?.informativeMessage && /* @__PURE__ */ jsx("span", { className: "absolute w-11/12 -top-6 bg-emerald-500 px-4 py-1 rounded-lg text-sm text-center font-medium text-white", children: targetProduct?.informativeMessage }),
|
|
48
|
+
/* @__PURE__ */ jsxs(
|
|
49
|
+
"header",
|
|
50
|
+
{
|
|
51
|
+
className: "flex items-center justify-between w-full p-0.5 rounded-xl bg-[#44c2c0]/30 mt-5",
|
|
52
|
+
id: "header_pbm",
|
|
53
|
+
children: [
|
|
54
|
+
/* @__PURE__ */ jsx(
|
|
55
|
+
"span",
|
|
56
|
+
{
|
|
57
|
+
className: "py-1 px-6 rounded-xl bg-[#44c2c0] shrink-0 text-white text-xl font-bold flex items-center justify-start gap-2 relative",
|
|
58
|
+
"data-testid": "test_id_header_price",
|
|
59
|
+
id: "header_price",
|
|
60
|
+
children: /* @__PURE__ */ jsxs("section", { className: "flex items-center gap-2 justify-center-safe", children: [
|
|
74
61
|
/* @__PURE__ */ jsx("span", { className: "line-through text-sm font-light", children: Number(Price)?.toLocaleString("pt-BR", {
|
|
75
62
|
currency: "BRL",
|
|
76
63
|
currencyDisplay: "symbol",
|
|
@@ -84,13 +71,13 @@ function Header({ originalProductPrice }) {
|
|
|
84
71
|
style: "currency"
|
|
85
72
|
})
|
|
86
73
|
] })
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
);
|
|
74
|
+
}
|
|
75
|
+
),
|
|
76
|
+
/* @__PURE__ */ jsx("h1", { id: "header_title", className: "text-center w-full text-[#339c9b] font-bold text-xs px-4 md:text-sm", children: "Desconto de Laborat\xF3rio" })
|
|
77
|
+
]
|
|
78
|
+
}
|
|
79
|
+
)
|
|
80
|
+
] });
|
|
94
81
|
}
|
|
95
82
|
var Header_default = Header;
|
|
96
83
|
|
|
@@ -121,27 +108,24 @@ var Container_default = Container;
|
|
|
121
108
|
import classNames2 from "classnames";
|
|
122
109
|
import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
123
110
|
function Footer() {
|
|
124
|
-
const { targetProduct,
|
|
125
|
-
return /* @__PURE__ */
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
/* @__PURE__ */
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
)
|
|
143
|
-
] })
|
|
144
|
-
] });
|
|
111
|
+
const { targetProduct, state } = usePBMStore();
|
|
112
|
+
return /* @__PURE__ */ jsx3("footer", { className: "w-full h-auto relative", id: "footer_pbm", children: /* @__PURE__ */ jsxs2("section", { className: classNames2("flex items-center w-full h-auto gap-4", { "justify-center": targetProduct?.industryLogo, "justify-start": !targetProduct?.industryLogo }), children: [
|
|
113
|
+
/* @__PURE__ */ jsxs2("section", { className: "w-4/5 h-auto", children: [
|
|
114
|
+
/* @__PURE__ */ jsx3("h3", { className: "text-start font-semibold text-sm", children: "Economize com o benef\xEDcio do laborat\xF3rio." }),
|
|
115
|
+
/* @__PURE__ */ jsx3("p", { className: "text-start font-normal text-sm", children: "Este produto tem pre\xE7o exclusivo para clientes cadastrados no programa." })
|
|
116
|
+
] }),
|
|
117
|
+
targetProduct?.industryLogo && /* @__PURE__ */ jsx3(
|
|
118
|
+
"img",
|
|
119
|
+
{
|
|
120
|
+
src: targetProduct.industryLogo,
|
|
121
|
+
alt: "parceiro",
|
|
122
|
+
className: "w-1/5 min-w-20 h-auto aspect-auto rounded-xl",
|
|
123
|
+
loading: "eager",
|
|
124
|
+
id: "footer_industry_logo_pbm",
|
|
125
|
+
"data-testid": "footer_industry_logo_pbm"
|
|
126
|
+
}
|
|
127
|
+
)
|
|
128
|
+
] }) });
|
|
145
129
|
}
|
|
146
130
|
var Footer_default = Footer;
|
|
147
131
|
|
|
@@ -169,7 +153,7 @@ var toFormat = (value) => {
|
|
|
169
153
|
};
|
|
170
154
|
|
|
171
155
|
// src/components/Form/index.tsx
|
|
172
|
-
import
|
|
156
|
+
import classNames3 from "classnames";
|
|
173
157
|
import { zodResolver } from "@hookform/resolvers/zod";
|
|
174
158
|
import { useForm } from "react-hook-form";
|
|
175
159
|
import { ArrowRight } from "lucide-react";
|
|
@@ -201,26 +185,8 @@ var BenefitsWithDocument = async ({ document, products }) => {
|
|
|
201
185
|
return dataResponse;
|
|
202
186
|
};
|
|
203
187
|
|
|
204
|
-
// src/components/UI/Button/index.tsx
|
|
205
|
-
import classNames3 from "classnames";
|
|
206
|
-
import { jsx as jsx4 } from "react/jsx-runtime";
|
|
207
|
-
function Button(props) {
|
|
208
|
-
return /* @__PURE__ */ jsx4(
|
|
209
|
-
"button",
|
|
210
|
-
{
|
|
211
|
-
...props,
|
|
212
|
-
className: classNames3(
|
|
213
|
-
"w-3xs cursor-pointer h-10 rounded-lg bg-emerald-500 hover:bg-emerald-400 text-white text-sm font-semibold transition-colors",
|
|
214
|
-
props.className
|
|
215
|
-
),
|
|
216
|
-
children: props.children
|
|
217
|
-
}
|
|
218
|
-
);
|
|
219
|
-
}
|
|
220
|
-
var Button_default = Button;
|
|
221
|
-
|
|
222
188
|
// src/components/Form/index.tsx
|
|
223
|
-
import { Fragment, jsx as
|
|
189
|
+
import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
224
190
|
function Form({ setLoading }) {
|
|
225
191
|
const { setSecurityNumber, setState, securityNumber, targetProduct, setUrlAcceptTerms, setUrlRegisterIndustry } = usePBMStore();
|
|
226
192
|
const [showCoupoField, setShowCoupoField] = useState(false);
|
|
@@ -291,126 +257,105 @@ function Form({ setLoading }) {
|
|
|
291
257
|
}
|
|
292
258
|
;
|
|
293
259
|
};
|
|
294
|
-
return /* @__PURE__ */
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
260
|
+
return /* @__PURE__ */ jsx4(Fragment2, { children: /* @__PURE__ */ jsxs3(
|
|
261
|
+
"form",
|
|
262
|
+
{
|
|
263
|
+
onSubmit: handleSubmit(onSubmitDefault),
|
|
264
|
+
className: classNames3(
|
|
265
|
+
"w-full h-auto flex items-center justify-center mb-0 transition-all duration-150",
|
|
266
|
+
{ "mb-4": errors.securityNumber || errors.coupon && showCoupoField, "gap-2": showCoupoField }
|
|
267
|
+
),
|
|
268
|
+
id: "form_security_number_pbm",
|
|
269
|
+
children: [
|
|
270
|
+
/* @__PURE__ */ jsxs3(
|
|
271
|
+
"label",
|
|
272
|
+
{
|
|
273
|
+
htmlFor: "cpf",
|
|
274
|
+
className: "w-4/5 h-auto flex items-start flex-col justify-center relative py-2",
|
|
275
|
+
id: "label_security_number_pbm",
|
|
276
|
+
children: [
|
|
277
|
+
/* @__PURE__ */ jsx4(
|
|
278
|
+
"input",
|
|
279
|
+
{
|
|
280
|
+
type: "text",
|
|
281
|
+
className: classNames3(
|
|
282
|
+
"w-full h-10 bg-gray-100 rounded-s-lg text-sm font-semibold focus:outline focus:outline-[#339c9b] focus:bg-white text-zinc-600 placeholder:text-zinc-600 px-4 placeholder:text-sm placeholder:font-semibold",
|
|
283
|
+
{ "outline outline-red-600": errors.securityNumber, "rounded-lg": showCoupoField }
|
|
284
|
+
),
|
|
285
|
+
placeholder: "Digite seu CPF aqui...",
|
|
286
|
+
required: true,
|
|
287
|
+
maxLength: 14,
|
|
288
|
+
...register("securityNumber", {
|
|
289
|
+
onChange: (e) => {
|
|
290
|
+
const formatted = toFormat(e.target.value);
|
|
291
|
+
setValue("securityNumber", formatted, {
|
|
292
|
+
shouldValidate: true
|
|
293
|
+
});
|
|
294
|
+
}
|
|
295
|
+
}),
|
|
296
|
+
defaultValue: securityNumber || "",
|
|
297
|
+
id: "input_security_number_pbm"
|
|
298
|
+
}
|
|
299
|
+
),
|
|
300
|
+
errors.securityNumber && /* @__PURE__ */ jsx4("span", { className: "text-red-400 text-xs font-semibold absolute -bottom-3 left-2 text-nowrap", id: "security_number_form_error", children: errors.securityNumber.message })
|
|
301
|
+
]
|
|
302
|
+
}
|
|
302
303
|
),
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
"
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
"
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
}),
|
|
331
|
-
defaultValue: securityNumber || "",
|
|
332
|
-
id: "input_security_number_pbm"
|
|
333
|
-
}
|
|
334
|
-
),
|
|
335
|
-
errors.securityNumber && /* @__PURE__ */ jsx5("span", { className: "text-red-400 text-xs font-semibold absolute -bottom-3 left-2 text-nowrap", id: "security_number_form_error", children: errors.securityNumber.message })
|
|
336
|
-
]
|
|
337
|
-
}
|
|
338
|
-
),
|
|
339
|
-
showCoupoField && /* @__PURE__ */ jsxs3(
|
|
340
|
-
"label",
|
|
341
|
-
{
|
|
342
|
-
htmlFor: "coupon",
|
|
343
|
-
className: "w-4/5 h-auto flex items-start flex-col justify-center relative py-2",
|
|
344
|
-
id: "label_coupon_pbm",
|
|
345
|
-
children: [
|
|
346
|
-
/* @__PURE__ */ jsx5(
|
|
347
|
-
"input",
|
|
348
|
-
{
|
|
349
|
-
type: "text",
|
|
350
|
-
className: classNames4(
|
|
351
|
-
"w-full h-10 bg-gray-100 rounded-s-lg text-sm font-semibold focus:outline focus:outline-[#339c9b] focus:bg-white text-zinc-600 placeholder:text-zinc-600 px-4 placeholder:text-sm placeholder:font-semibold",
|
|
352
|
-
{ "outline outline-red-600": errors.coupon, "rounded-lg": showCoupoField }
|
|
353
|
-
),
|
|
354
|
-
placeholder: "Cupom / ID do Cart\xE3o",
|
|
355
|
-
...register("coupon", {
|
|
356
|
-
required: showCoupoField ? "Cupom / ID do Cart\xE3o obrigat\xF3rio." : false,
|
|
357
|
-
shouldUnregister: !showCoupoField,
|
|
358
|
-
onChange: (e) => {
|
|
359
|
-
setValue("coupon", e.target.value, {
|
|
360
|
-
shouldValidate: showCoupoField
|
|
361
|
-
});
|
|
362
|
-
}
|
|
363
|
-
}),
|
|
364
|
-
id: "input_coupon_pbm"
|
|
365
|
-
}
|
|
366
|
-
),
|
|
367
|
-
errors.coupon && /* @__PURE__ */ jsx5("span", { className: "text-red-400 text-xs font-semibold absolute -bottom-3 left-2 text-nowrap", id: "coupon_form_error", children: errors.coupon.message })
|
|
368
|
-
]
|
|
369
|
-
}
|
|
370
|
-
),
|
|
371
|
-
/* @__PURE__ */ jsx5(
|
|
372
|
-
"button",
|
|
373
|
-
{
|
|
374
|
-
type: "submit",
|
|
375
|
-
className: classNames4(
|
|
376
|
-
"bg-emerald-500 w-1/5 h-10 rounded-e-lg flex items-center justify-center cursor-pointer",
|
|
377
|
-
{ "rounded-lg": showCoupoField }
|
|
304
|
+
showCoupoField && /* @__PURE__ */ jsxs3(
|
|
305
|
+
"label",
|
|
306
|
+
{
|
|
307
|
+
htmlFor: "coupon",
|
|
308
|
+
className: "w-4/5 h-auto flex items-start flex-col justify-center relative py-2",
|
|
309
|
+
id: "label_coupon_pbm",
|
|
310
|
+
children: [
|
|
311
|
+
/* @__PURE__ */ jsx4(
|
|
312
|
+
"input",
|
|
313
|
+
{
|
|
314
|
+
type: "text",
|
|
315
|
+
className: classNames3(
|
|
316
|
+
"w-full h-10 bg-gray-100 rounded-s-lg text-sm font-semibold focus:outline focus:outline-[#339c9b] focus:bg-white text-zinc-600 placeholder:text-zinc-600 px-4 placeholder:text-sm placeholder:font-semibold",
|
|
317
|
+
{ "outline outline-red-600": errors.coupon, "rounded-lg": showCoupoField }
|
|
318
|
+
),
|
|
319
|
+
placeholder: "Cupom / ID do Cart\xE3o",
|
|
320
|
+
...register("coupon", {
|
|
321
|
+
required: showCoupoField ? "Cupom / ID do Cart\xE3o obrigat\xF3rio." : false,
|
|
322
|
+
shouldUnregister: !showCoupoField,
|
|
323
|
+
onChange: (e) => {
|
|
324
|
+
setValue("coupon", e.target.value, {
|
|
325
|
+
shouldValidate: showCoupoField
|
|
326
|
+
});
|
|
327
|
+
}
|
|
328
|
+
}),
|
|
329
|
+
id: "input_coupon_pbm"
|
|
330
|
+
}
|
|
378
331
|
),
|
|
379
|
-
id: "
|
|
380
|
-
|
|
381
|
-
}
|
|
382
|
-
)
|
|
383
|
-
]
|
|
384
|
-
}
|
|
385
|
-
),
|
|
386
|
-
/* @__PURE__ */ jsxs3(
|
|
387
|
-
Button_default,
|
|
388
|
-
{
|
|
389
|
-
className: "bg-transparent p-0 pl-2 w-auto h-auto text-zinc-600 underline cursor-pointer hover:text-zinc-900 hover:bg-transparent flex items-center justify-start gap-1",
|
|
390
|
-
onClick: () => {
|
|
391
|
-
const newValue = !showCoupoField;
|
|
392
|
-
setShowCoupoField(newValue);
|
|
393
|
-
if (!newValue) {
|
|
394
|
-
unregister("coupon");
|
|
395
|
-
clearErrors("coupon");
|
|
332
|
+
errors.coupon && /* @__PURE__ */ jsx4("span", { className: "text-red-400 text-xs font-semibold absolute -bottom-3 left-2 text-nowrap", id: "coupon_form_error", children: errors.coupon.message })
|
|
333
|
+
]
|
|
396
334
|
}
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
335
|
+
),
|
|
336
|
+
/* @__PURE__ */ jsx4(
|
|
337
|
+
"button",
|
|
338
|
+
{
|
|
339
|
+
type: "submit",
|
|
340
|
+
className: classNames3(
|
|
341
|
+
"bg-emerald-500 w-1/5 h-10 rounded-e-lg flex items-center justify-center cursor-pointer",
|
|
342
|
+
{ "rounded-lg": showCoupoField }
|
|
343
|
+
),
|
|
344
|
+
id: "button_submit_security_number_pbm",
|
|
345
|
+
children: /* @__PURE__ */ jsx4(ArrowRight, { size: 24, color: "white", strokeWidth: 2 })
|
|
346
|
+
}
|
|
347
|
+
)
|
|
348
|
+
]
|
|
349
|
+
}
|
|
350
|
+
) });
|
|
406
351
|
}
|
|
407
352
|
var Form_default = Form;
|
|
408
353
|
|
|
409
354
|
// src/components/UI/Loading/index.tsx
|
|
410
|
-
import { jsx as
|
|
355
|
+
import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
411
356
|
function Loading({ textColor }) {
|
|
412
357
|
return /* @__PURE__ */ jsxs4("main", { className: "flex items-center justify-center gap-4", id: "loading_pbm", children: [
|
|
413
|
-
/* @__PURE__ */
|
|
358
|
+
/* @__PURE__ */ jsx5(
|
|
414
359
|
"div",
|
|
415
360
|
{
|
|
416
361
|
"data-testid": "test_id_spin",
|
|
@@ -418,7 +363,7 @@ function Loading({ textColor }) {
|
|
|
418
363
|
id: "loading_spin"
|
|
419
364
|
}
|
|
420
365
|
),
|
|
421
|
-
/* @__PURE__ */
|
|
366
|
+
/* @__PURE__ */ jsx5(
|
|
422
367
|
"p",
|
|
423
368
|
{
|
|
424
369
|
className: "text-sm font-semibold text-start text-zinc-900",
|
|
@@ -431,6 +376,24 @@ function Loading({ textColor }) {
|
|
|
431
376
|
}
|
|
432
377
|
var Loading_default = Loading;
|
|
433
378
|
|
|
379
|
+
// src/components/UI/Button/index.tsx
|
|
380
|
+
import classNames4 from "classnames";
|
|
381
|
+
import { jsx as jsx6 } from "react/jsx-runtime";
|
|
382
|
+
function Button(props) {
|
|
383
|
+
return /* @__PURE__ */ jsx6(
|
|
384
|
+
"button",
|
|
385
|
+
{
|
|
386
|
+
...props,
|
|
387
|
+
className: classNames4(
|
|
388
|
+
"w-3xs cursor-pointer h-10 rounded-lg bg-emerald-500 hover:bg-emerald-400 text-white text-sm font-semibold transition-colors",
|
|
389
|
+
props.className
|
|
390
|
+
),
|
|
391
|
+
children: props.children
|
|
392
|
+
}
|
|
393
|
+
);
|
|
394
|
+
}
|
|
395
|
+
var Button_default = Button;
|
|
396
|
+
|
|
434
397
|
// src/components/BenefitsTable/index.tsx
|
|
435
398
|
import { useEffect as useEffect2, useState as useState2 } from "react";
|
|
436
399
|
|
|
@@ -455,10 +418,59 @@ function Title(props) {
|
|
|
455
418
|
var Title_default = Title;
|
|
456
419
|
|
|
457
420
|
// src/components/BenefitsTable/Item.tsx
|
|
458
|
-
import { Badge, BadgeCheck } from "lucide-react";
|
|
459
421
|
import { useCallback, useEffect } from "react";
|
|
460
422
|
import classNames6 from "classnames";
|
|
423
|
+
|
|
424
|
+
// src/components/UI/Icons/index.tsx
|
|
461
425
|
import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
426
|
+
function CheckON({ size }) {
|
|
427
|
+
return /* @__PURE__ */ jsx8(
|
|
428
|
+
"svg",
|
|
429
|
+
{
|
|
430
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
431
|
+
"data-name": "Camada 1",
|
|
432
|
+
viewBox: "0 0 500 500",
|
|
433
|
+
width: size,
|
|
434
|
+
height: size,
|
|
435
|
+
children: /* @__PURE__ */ jsx8(
|
|
436
|
+
"path",
|
|
437
|
+
{
|
|
438
|
+
d: "M421.44 78.56C375.64 32.77 314.76 7.55 250 7.55S124.36 32.77 78.56 78.56C32.77 124.36 7.55 185.24 7.55 250s25.22 125.64 71.01 171.44c45.8 45.79 106.68 71.01 171.44 71.01s125.64-25.22 171.44-71.01c45.79-45.8 71.01-106.68 71.01-171.44s-25.22-125.64-71.01-171.44zm-49.17 121.7L242.88 334.63c-8.98 9.29-23.57 10.17-33.59 2.02l-79.63-64.7c-10.69-8.67-12.33-24.38-3.66-35.07 8.67-10.69 24.38-12.33 35.07-3.65l61.9 50.39L336.5 165.74c4.4-4.75 10.48-7.59 16.95-7.93a24.88 24.88 0 0118.83 7.26c9.72 9.72 9.71 25.48 0 35.19z",
|
|
439
|
+
fill: "#229b00"
|
|
440
|
+
}
|
|
441
|
+
)
|
|
442
|
+
}
|
|
443
|
+
);
|
|
444
|
+
}
|
|
445
|
+
function CheckOFF({ size }) {
|
|
446
|
+
return /* @__PURE__ */ jsxs5(
|
|
447
|
+
"svg",
|
|
448
|
+
{
|
|
449
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
450
|
+
"data-name": "Camada 1",
|
|
451
|
+
viewBox: "0 0 500 500",
|
|
452
|
+
width: size,
|
|
453
|
+
height: size,
|
|
454
|
+
children: [
|
|
455
|
+
/* @__PURE__ */ jsx8("circle", { cx: 250, cy: 250, r: 237.45, fill: "#fff" }),
|
|
456
|
+
/* @__PURE__ */ jsx8(
|
|
457
|
+
"path",
|
|
458
|
+
{
|
|
459
|
+
d: "M250 492.45c-64.76 0-125.64-25.22-171.44-71.01C32.77 375.64 7.55 314.76 7.55 250S32.77 124.36 78.56 78.56C124.36 32.77 185.24 7.55 250 7.55s125.64 25.22 171.44 71.01c45.79 45.79 71.01 106.68 71.01 171.44s-25.22 125.64-71.01 171.44c-45.79 45.79-106.68 71.01-171.44 71.01zm0-474.9C121.83 17.55 17.55 121.83 17.55 250S121.83 482.45 250 482.45 482.45 378.17 482.45 250 378.17 17.55 250 17.55z",
|
|
460
|
+
fill: "#d8d8d8"
|
|
461
|
+
}
|
|
462
|
+
)
|
|
463
|
+
]
|
|
464
|
+
}
|
|
465
|
+
);
|
|
466
|
+
}
|
|
467
|
+
var Icons = {
|
|
468
|
+
CheckON,
|
|
469
|
+
CheckOFF
|
|
470
|
+
};
|
|
471
|
+
|
|
472
|
+
// src/components/BenefitsTable/Item.tsx
|
|
473
|
+
import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
462
474
|
function Item({ data, onChange, checked }) {
|
|
463
475
|
const { setAvailableDiscountSelected, state, isAuthenticatedShopper } = usePBMStore();
|
|
464
476
|
const ID_INPUT = "unity_quantity_" + data.authorizedQuantity;
|
|
@@ -490,7 +502,7 @@ function Item({ data, onChange, checked }) {
|
|
|
490
502
|
useEffect(() => {
|
|
491
503
|
updateStorageData();
|
|
492
504
|
}, [updateStorageData]);
|
|
493
|
-
return /* @__PURE__ */
|
|
505
|
+
return /* @__PURE__ */ jsxs6(
|
|
494
506
|
"label",
|
|
495
507
|
{
|
|
496
508
|
htmlFor: ID_INPUT,
|
|
@@ -501,7 +513,7 @@ function Item({ data, onChange, checked }) {
|
|
|
501
513
|
id: "label_benefits_" + ID_INPUT,
|
|
502
514
|
title: !isAuthenticatedShopper ? "Necess\xE1rio fazer login!" : "",
|
|
503
515
|
children: [
|
|
504
|
-
/* @__PURE__ */
|
|
516
|
+
/* @__PURE__ */ jsx9(
|
|
505
517
|
"input",
|
|
506
518
|
{
|
|
507
519
|
type: "radio",
|
|
@@ -513,13 +525,13 @@ function Item({ data, onChange, checked }) {
|
|
|
513
525
|
disabled: state === "isPreview" || !isAuthenticatedShopper
|
|
514
526
|
}
|
|
515
527
|
),
|
|
516
|
-
!checked ? /* @__PURE__ */
|
|
517
|
-
/* @__PURE__ */
|
|
528
|
+
!checked ? /* @__PURE__ */ jsx9(Icons.CheckOFF, { size: 20 }) : /* @__PURE__ */ jsx9(Icons.CheckON, { size: 20 }),
|
|
529
|
+
/* @__PURE__ */ jsxs6("span", { className: "text-zinc-900 font-semibold text-sm", children: [
|
|
518
530
|
data.authorizedQuantity,
|
|
519
531
|
"un"
|
|
520
532
|
] }),
|
|
521
|
-
/* @__PURE__ */
|
|
522
|
-
/* @__PURE__ */
|
|
533
|
+
/* @__PURE__ */ jsxs6("section", { className: "ml-auto relative gap-2 flex items-center-safe justify-end-safe", children: [
|
|
534
|
+
/* @__PURE__ */ jsxs6("span", { className: "text-white -top-4 py-0.5 font-semibold text-xs bg-[#32b316] px-2 w-auto text-nowrap rounded-2xl -right-3", children: [
|
|
523
535
|
discountValue.toLocaleString("pt-BR", {
|
|
524
536
|
currency: "BRL",
|
|
525
537
|
currencyDisplay: "symbol",
|
|
@@ -529,7 +541,7 @@ function Item({ data, onChange, checked }) {
|
|
|
529
541
|
" ",
|
|
530
542
|
"OFF"
|
|
531
543
|
] }),
|
|
532
|
-
/* @__PURE__ */
|
|
544
|
+
/* @__PURE__ */ jsx9("strong", { className: "text-zinc-900 font-semibold text-sm text-center", children: totalPriceProductWithDiscountBenefit.toLocaleString("pt-BR", {
|
|
533
545
|
currency: "BRL",
|
|
534
546
|
currencyDisplay: "symbol",
|
|
535
547
|
currencySign: "standard",
|
|
@@ -569,7 +581,7 @@ var CheckBenefistWithoutDocument = async ({ products }) => {
|
|
|
569
581
|
};
|
|
570
582
|
|
|
571
583
|
// src/components/BenefitsTable/index.tsx
|
|
572
|
-
import { Fragment as
|
|
584
|
+
import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
573
585
|
function BenefitsTable() {
|
|
574
586
|
const { securityNumber, setState, state, targetProduct, customLoginUrl, isAuthenticatedShopper } = usePBMStore();
|
|
575
587
|
const [selectedDiscout, setSelectedDiscount] = useState2(null);
|
|
@@ -659,8 +671,8 @@ function BenefitsTable() {
|
|
|
659
671
|
state === "isActivated" ? fetchDiscountWithDocument() : fetchDicountsWithoutDocument();
|
|
660
672
|
}, []);
|
|
661
673
|
if (loading) {
|
|
662
|
-
return /* @__PURE__ */
|
|
663
|
-
/* @__PURE__ */
|
|
674
|
+
return /* @__PURE__ */ jsxs7("main", { className: "flex items-center justify-center gap-4", id: "loading_pbm", children: [
|
|
675
|
+
/* @__PURE__ */ jsx10(
|
|
664
676
|
"div",
|
|
665
677
|
{
|
|
666
678
|
"data-testid": "test_id_spin",
|
|
@@ -668,7 +680,7 @@ function BenefitsTable() {
|
|
|
668
680
|
id: "loading_spin"
|
|
669
681
|
}
|
|
670
682
|
),
|
|
671
|
-
/* @__PURE__ */
|
|
683
|
+
/* @__PURE__ */ jsx10(
|
|
672
684
|
"p",
|
|
673
685
|
{
|
|
674
686
|
className: "text-sm font-semibold text-start text-zinc-900",
|
|
@@ -678,23 +690,23 @@ function BenefitsTable() {
|
|
|
678
690
|
)
|
|
679
691
|
] });
|
|
680
692
|
}
|
|
681
|
-
return /* @__PURE__ */
|
|
693
|
+
return /* @__PURE__ */ jsxs7(
|
|
682
694
|
"section",
|
|
683
695
|
{
|
|
684
696
|
className: "flex items-start justify-center gap-4 w-full h-auto flex-col",
|
|
685
697
|
id: "benefits_table_pbm",
|
|
686
698
|
children: [
|
|
687
|
-
/* @__PURE__ */
|
|
688
|
-
/* @__PURE__ */
|
|
699
|
+
/* @__PURE__ */ jsx10(Title_default, { children: "Descontos dispon\xEDveis:" }),
|
|
700
|
+
/* @__PURE__ */ jsxs7(
|
|
689
701
|
"form",
|
|
690
702
|
{
|
|
691
703
|
className: "flex flex-col items-center justify-start w-full gap-4.5",
|
|
692
704
|
id: "form_benefits_table_pbm",
|
|
693
705
|
children: [
|
|
694
|
-
!benefitsItems && /* @__PURE__ */
|
|
706
|
+
!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." }),
|
|
695
707
|
benefitsItems && benefitsItems.map((item, index) => {
|
|
696
708
|
const ID_INPUT = "unity_quantity_" + item.authorizedQuantity;
|
|
697
|
-
return /* @__PURE__ */
|
|
709
|
+
return /* @__PURE__ */ jsx10(
|
|
698
710
|
Item_default,
|
|
699
711
|
{
|
|
700
712
|
data: item,
|
|
@@ -703,12 +715,11 @@ function BenefitsTable() {
|
|
|
703
715
|
},
|
|
704
716
|
index
|
|
705
717
|
);
|
|
706
|
-
})
|
|
707
|
-
benefitsItems && /* @__PURE__ */ jsx9("p", { className: "w-full text-sm font-semibold text-center text-zinc-600", id: "benefits_empty_pbm", children: benefitsItems[0].informativeMessage })
|
|
718
|
+
})
|
|
708
719
|
]
|
|
709
720
|
}
|
|
710
721
|
),
|
|
711
|
-
state === "isPreview" && /* @__PURE__ */
|
|
722
|
+
state === "isPreview" && /* @__PURE__ */ jsxs7(
|
|
712
723
|
Button_default,
|
|
713
724
|
{
|
|
714
725
|
onClick: () => setState("isEmpty"),
|
|
@@ -717,27 +728,27 @@ function BenefitsTable() {
|
|
|
717
728
|
children: [
|
|
718
729
|
"Aten\xE7\xE3o: N\xE3o \xE9 poss\xEDvel utilizar os benef\xEDcos sem realizar a consulta do CPF e o Login, por favor",
|
|
719
730
|
" ",
|
|
720
|
-
/* @__PURE__ */
|
|
731
|
+
/* @__PURE__ */ jsx10("span", { className: "underline", children: "insira seu cpf para utilizar os benef\xEDcios" })
|
|
721
732
|
]
|
|
722
733
|
}
|
|
723
734
|
),
|
|
724
|
-
state === "isActivated" && /* @__PURE__ */
|
|
725
|
-
!isAuthenticatedShopper && /* @__PURE__ */
|
|
735
|
+
state === "isActivated" && /* @__PURE__ */ jsxs7(Fragment3, { children: [
|
|
736
|
+
!isAuthenticatedShopper && /* @__PURE__ */ jsx10(
|
|
726
737
|
Button_default,
|
|
727
738
|
{
|
|
728
739
|
onClick: () => window.location.href = customLoginUrl || "/login",
|
|
729
740
|
className: "bg-transparent p-0 pl-2 w-auto h-auto text-zinc-600 cursor-pointer hover:text-zinc-900 hover:bg-transparent text-start",
|
|
730
741
|
id: "login",
|
|
731
|
-
children: /* @__PURE__ */
|
|
742
|
+
children: /* @__PURE__ */ jsx10("span", { className: "underline", children: "Por favor, fa\xE7a o Login para aproveitar os benef\xEDcios!" })
|
|
732
743
|
}
|
|
733
744
|
),
|
|
734
|
-
/* @__PURE__ */
|
|
745
|
+
/* @__PURE__ */ jsx10(
|
|
735
746
|
Button_default,
|
|
736
747
|
{
|
|
737
748
|
onClick: () => setState("isEmpty"),
|
|
738
749
|
className: "bg-transparent p-0 pl-2 w-auto h-auto text-zinc-600 cursor-pointer hover:text-zinc-900 hover:bg-transparent text-start",
|
|
739
750
|
id: "change_security_number",
|
|
740
|
-
children: /* @__PURE__ */
|
|
751
|
+
children: /* @__PURE__ */ jsx10("span", { className: "underline", children: "Deseja editar o cpf digitado?" })
|
|
741
752
|
}
|
|
742
753
|
)
|
|
743
754
|
] })
|
|
@@ -749,9 +760,9 @@ var BenefitsTable_default = BenefitsTable;
|
|
|
749
760
|
|
|
750
761
|
// src/components/UI/Text/index.tsx
|
|
751
762
|
import classNames7 from "classnames";
|
|
752
|
-
import { jsx as
|
|
763
|
+
import { jsx as jsx11 } from "react/jsx-runtime";
|
|
753
764
|
function Text(props) {
|
|
754
|
-
return /* @__PURE__ */
|
|
765
|
+
return /* @__PURE__ */ jsx11(
|
|
755
766
|
"p",
|
|
756
767
|
{
|
|
757
768
|
className: classNames7(
|
|
@@ -778,10 +789,10 @@ var getParams = (params) => {
|
|
|
778
789
|
};
|
|
779
790
|
|
|
780
791
|
// src/components/UI/Link/index.tsx
|
|
781
|
-
import { jsx as
|
|
792
|
+
import { jsx as jsx12 } from "react/jsx-runtime";
|
|
782
793
|
function Link(props) {
|
|
783
794
|
const { setState } = usePBMStore();
|
|
784
|
-
return /* @__PURE__ */
|
|
795
|
+
return /* @__PURE__ */ jsx12(
|
|
785
796
|
"a",
|
|
786
797
|
{
|
|
787
798
|
...props,
|
|
@@ -801,23 +812,23 @@ function Link(props) {
|
|
|
801
812
|
var Link_default = Link;
|
|
802
813
|
|
|
803
814
|
// src/components/SecurityNumberInvalid/index.tsx
|
|
804
|
-
import { jsx as
|
|
815
|
+
import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
805
816
|
function SecurityNumberInvalid({ textColor }) {
|
|
806
817
|
const { urlAcceptTerms } = usePBMStore();
|
|
807
|
-
return /* @__PURE__ */
|
|
818
|
+
return /* @__PURE__ */ jsxs8(
|
|
808
819
|
"section",
|
|
809
820
|
{
|
|
810
821
|
"data-testid": "test_id_invalid",
|
|
811
822
|
className: "flex items-end justify-center gap-2 w-full h-auto flex-col border-y border-zinc-300 py-6",
|
|
812
823
|
id: "security_number_invalid_container_pbm",
|
|
813
824
|
children: [
|
|
814
|
-
/* @__PURE__ */
|
|
815
|
-
/* @__PURE__ */
|
|
825
|
+
/* @__PURE__ */ jsx13(Title_default, { className: "w-full", textColor, children: "CPF n\xE3o cadastrado." }),
|
|
826
|
+
/* @__PURE__ */ jsxs8(Text_default, { className: "w-full", textColor, children: [
|
|
816
827
|
"Conclua seu cadastro para habilitar o benef\xEDcio. ",
|
|
817
|
-
/* @__PURE__ */
|
|
828
|
+
/* @__PURE__ */ jsx13("br", {}),
|
|
818
829
|
"Ao clicar em \u201CAceitar os termos\u201D, voc\xEA ir\xE1 para uma p\xE1gina externa. Aceite os termos e volte para continuar."
|
|
819
830
|
] }),
|
|
820
|
-
/* @__PURE__ */
|
|
831
|
+
/* @__PURE__ */ jsx13(
|
|
821
832
|
Link_default,
|
|
822
833
|
{
|
|
823
834
|
href: urlAcceptTerms || "",
|
|
@@ -834,19 +845,19 @@ var SecurityNumberInvalid_default = SecurityNumberInvalid;
|
|
|
834
845
|
import { useCallback as useCallback2, useEffect as useEffect3, useState as useState3 } from "react";
|
|
835
846
|
|
|
836
847
|
// src/components/SecurityNumberRegitered/index.tsx
|
|
837
|
-
import { jsx as
|
|
848
|
+
import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
838
849
|
function SecurityNumberRegitered({ textColor }) {
|
|
839
850
|
const { urlRegisterIndustry } = usePBMStore();
|
|
840
|
-
return /* @__PURE__ */
|
|
851
|
+
return /* @__PURE__ */ jsxs9(
|
|
841
852
|
"section",
|
|
842
853
|
{
|
|
843
854
|
"data-testid": "test_id_registered",
|
|
844
855
|
className: "flex items-end justify-center gap-2 w-full h-auto flex-col border-y border-zinc-300 py-6",
|
|
845
856
|
id: "security_number_registered_container_pbm",
|
|
846
857
|
children: [
|
|
847
|
-
/* @__PURE__ */
|
|
848
|
-
/* @__PURE__ */
|
|
849
|
-
/* @__PURE__ */
|
|
858
|
+
/* @__PURE__ */ jsx14(Title_default, { className: "w-full", textColor, children: "Ops, seu CPF ainda n\xE3o est\xE1 habilitado para este produto." }),
|
|
859
|
+
/* @__PURE__ */ jsx14(Text_default, { className: "w-full", textColor, children: "Para ativar o benef\xEDcio, clique em \u201CAtivar CPF\u201D e conclua a etapa na p\xE1gina externa. Depois, \xE9 s\xF3 voltar para continuar \u2014 vamos aguardar voc\xEA aqui." }),
|
|
860
|
+
/* @__PURE__ */ jsx14(
|
|
850
861
|
Link_default,
|
|
851
862
|
{
|
|
852
863
|
href: urlRegisterIndustry || "",
|
|
@@ -916,7 +927,8 @@ var GetProductByEAN = async ({ PRODUCT_EAN }) => {
|
|
|
916
927
|
};
|
|
917
928
|
|
|
918
929
|
// src/PBM.tsx
|
|
919
|
-
import
|
|
930
|
+
import Skeleton from "@mui/material/Skeleton";
|
|
931
|
+
import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
920
932
|
function PBM({
|
|
921
933
|
originalProductPrice,
|
|
922
934
|
clientID,
|
|
@@ -957,6 +969,7 @@ function PBM({
|
|
|
957
969
|
} catch (error) {
|
|
958
970
|
console.error(error);
|
|
959
971
|
} finally {
|
|
972
|
+
setIsReady(true);
|
|
960
973
|
}
|
|
961
974
|
};
|
|
962
975
|
const handleAuthorizationRequest = useCallback2(async () => {
|
|
@@ -975,54 +988,54 @@ function PBM({
|
|
|
975
988
|
handleAuthorizationRequest();
|
|
976
989
|
}, [handleAuthorizationRequest]);
|
|
977
990
|
if (!isReady) {
|
|
978
|
-
return /* @__PURE__ */
|
|
991
|
+
return /* @__PURE__ */ jsx15(Skeleton, { variant: "rectangular", style: { borderRadius: "12px" }, width: 460, height: 358 });
|
|
979
992
|
}
|
|
980
993
|
if (!EanProductExist) {
|
|
981
|
-
return /* @__PURE__ */
|
|
982
|
-
/* @__PURE__ */
|
|
983
|
-
/* @__PURE__ */
|
|
994
|
+
return /* @__PURE__ */ jsx15("div", { id: "pbm-library-root", children: /* @__PURE__ */ jsxs10(Container_default, { variant: "main", children: [
|
|
995
|
+
/* @__PURE__ */ jsx15(Title_default, { children: "Erro ao Aplicar o Benef\xEDcio" }),
|
|
996
|
+
/* @__PURE__ */ jsxs10(Text_default, { textAlign: "center", children: [
|
|
984
997
|
"O produto n\xE3o foi encontrado no sistema. ",
|
|
985
|
-
/* @__PURE__ */
|
|
998
|
+
/* @__PURE__ */ jsx15("br", {}),
|
|
986
999
|
" Por favor, tente novamente mais tarde ou contate o suporte."
|
|
987
1000
|
] }),
|
|
988
|
-
/* @__PURE__ */
|
|
1001
|
+
/* @__PURE__ */ jsxs10(
|
|
989
1002
|
Button_default,
|
|
990
1003
|
{
|
|
991
1004
|
className: "bg-transparent p-0 pl-2 w-auto h-auto text-zinc-600 underline cursor-pointer hover:text-zinc-900 hover:bg-transparent flex items-center justify-start gap-1",
|
|
992
1005
|
onClick: () => window.location.reload(),
|
|
993
1006
|
id: "check_benefits_button",
|
|
994
1007
|
children: [
|
|
995
|
-
/* @__PURE__ */
|
|
996
|
-
/* @__PURE__ */
|
|
1008
|
+
/* @__PURE__ */ jsx15("span", { children: "Tentar novamente" }),
|
|
1009
|
+
/* @__PURE__ */ jsx15(RefreshCw, { size: 16 })
|
|
997
1010
|
]
|
|
998
1011
|
}
|
|
999
1012
|
)
|
|
1000
1013
|
] }) });
|
|
1001
1014
|
}
|
|
1002
|
-
return /* @__PURE__ */
|
|
1003
|
-
/* @__PURE__ */
|
|
1004
|
-
/* @__PURE__ */
|
|
1005
|
-
state === "isEmpty" && !loading && /* @__PURE__ */
|
|
1006
|
-
/* @__PURE__ */
|
|
1007
|
-
/* @__PURE__ */
|
|
1015
|
+
return /* @__PURE__ */ jsx15("div", { id: "pbm-library-root", children: /* @__PURE__ */ jsxs10(Container_default, { variant: "main", children: [
|
|
1016
|
+
/* @__PURE__ */ jsx15(Header_default, { originalProductPrice: formatedOriginalProductPrice || 0 }),
|
|
1017
|
+
/* @__PURE__ */ jsxs10(Container_default, { variant: "simple", children: [
|
|
1018
|
+
state === "isEmpty" && !loading && /* @__PURE__ */ jsxs10(Fragment4, { children: [
|
|
1019
|
+
/* @__PURE__ */ jsx15(Form_default, { setLoading }),
|
|
1020
|
+
/* @__PURE__ */ jsxs10(
|
|
1008
1021
|
Button_default,
|
|
1009
1022
|
{
|
|
1010
1023
|
className: "bg-transparent p-0 pl-2 w-auto h-auto text-zinc-600 underline cursor-pointer hover:text-zinc-900 hover:bg-transparent flex items-center justify-start gap-1",
|
|
1011
1024
|
onClick: () => setState("isPreview"),
|
|
1012
1025
|
id: "check_benefits_button",
|
|
1013
1026
|
children: [
|
|
1014
|
-
/* @__PURE__ */
|
|
1015
|
-
/* @__PURE__ */
|
|
1027
|
+
/* @__PURE__ */ jsx15("span", { children: "Consultar benef\xEDcios" }),
|
|
1028
|
+
/* @__PURE__ */ jsx15(ArrowRight2, { size: 16 })
|
|
1016
1029
|
]
|
|
1017
1030
|
}
|
|
1018
1031
|
)
|
|
1019
1032
|
] }),
|
|
1020
|
-
state === "isEmpty" && loading && /* @__PURE__ */
|
|
1021
|
-
state === "isInvalid" && !loading && /* @__PURE__ */
|
|
1022
|
-
state === "isRegistered" && !loading && /* @__PURE__ */
|
|
1023
|
-
(state === "isActivated" || state === "isPreview") && !loading && /* @__PURE__ */
|
|
1033
|
+
state === "isEmpty" && loading && /* @__PURE__ */ jsx15(Loading_default, {}),
|
|
1034
|
+
state === "isInvalid" && !loading && /* @__PURE__ */ jsx15(SecurityNumberInvalid_default, {}),
|
|
1035
|
+
state === "isRegistered" && !loading && /* @__PURE__ */ jsx15(SecurityNumberRegitered_default, {}),
|
|
1036
|
+
(state === "isActivated" || state === "isPreview") && !loading && /* @__PURE__ */ jsx15(BenefitsTable_default, {})
|
|
1024
1037
|
] }),
|
|
1025
|
-
/* @__PURE__ */
|
|
1038
|
+
/* @__PURE__ */ jsx15(Footer_default, {})
|
|
1026
1039
|
] }) });
|
|
1027
1040
|
}
|
|
1028
1041
|
var PBM_default = PBM;
|