infinity-forge 4.4.4 → 4.4.6
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/system/presentation/components/data/menu/component.js +12 -1
- package/dist/system/presentation/components/data/menu/component.js.map +1 -1
- package/dist/system/presentation/components/data/menu/modes/collapsed-menu/index.js +2 -1
- package/dist/system/presentation/components/data/menu/modes/collapsed-menu/index.js.map +1 -1
- package/dist/system/presentation/components/data/menu/modes/opened/index.js +2 -1
- package/dist/system/presentation/components/data/menu/modes/opened/index.js.map +1 -1
- package/dist/ui/components/index.d.ts +1 -0
- package/dist/ui/components/index.js +1 -0
- package/dist/ui/components/index.js.map +1 -1
- package/dist/ui/components/pix/index.d.ts +10 -0
- package/dist/ui/components/pix/index.js +63 -0
- package/dist/ui/components/pix/index.js.map +1 -0
- package/dist/ui/components/pix/pix-sucess/index.d.ts +6 -0
- package/dist/ui/components/pix/pix-sucess/index.js +39 -0
- package/dist/ui/components/pix/pix-sucess/index.js.map +1 -0
- package/dist/ui/components/pix/pix-sucess/styles.d.ts +4 -0
- package/dist/ui/components/pix/pix-sucess/styles.js +14 -0
- package/dist/ui/components/pix/pix-sucess/styles.js.map +1 -0
- package/dist/ui/components/pix/styles.d.ts +4 -0
- package/dist/ui/components/pix/styles.js +17 -0
- package/dist/ui/components/pix/styles.js.map +1 -0
- package/dist/ui/components/pix/timer/index.d.ts +1 -0
- package/dist/ui/components/pix/timer/index.js +59 -0
- package/dist/ui/components/pix/timer/index.js.map +1 -0
- package/dist/ui/components/pix/timer/styles.d.ts +4 -0
- package/dist/ui/components/pix/timer/styles.js +14 -0
- package/dist/ui/components/pix/timer/styles.js.map +1 -0
- package/package.json +1 -1
|
@@ -4,11 +4,22 @@ exports.MenuSwitch = void 0;
|
|
|
4
4
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
var system_1 = require("../../../../../system/index.js");
|
|
6
6
|
function MenuSwitch() {
|
|
7
|
+
var _a;
|
|
8
|
+
var data = (0, system_1.useLoadMenu)().data;
|
|
7
9
|
var settings = (0, system_1.useMenu)().settings;
|
|
10
|
+
var roleUser = (0, system_1.useAuthAdmin)().roleUser;
|
|
11
|
+
var hasITemToRoleUser = (_a = data === null || data === void 0 ? void 0 : data.items) === null || _a === void 0 ? void 0 : _a.reduce(function (reducer, _a) {
|
|
12
|
+
var role = _a.role;
|
|
13
|
+
return reducer + (role.includes(roleUser) ? 1 : reducer);
|
|
14
|
+
}, 0);
|
|
15
|
+
if (hasITemToRoleUser === 0) {
|
|
16
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
17
|
+
}
|
|
8
18
|
switch (settings === null || settings === void 0 ? void 0 : settings.mode) {
|
|
9
19
|
case 'CollapsedMenu':
|
|
10
20
|
return (0, jsx_runtime_1.jsx)(system_1.CollapsedMenu, {});
|
|
11
|
-
default:
|
|
21
|
+
default:
|
|
22
|
+
return (0, jsx_runtime_1.jsx)(system_1.OpenedMenu, {});
|
|
12
23
|
}
|
|
13
24
|
}
|
|
14
25
|
exports.MenuSwitch = MenuSwitch;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/menu/component.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/menu/component.tsx"],"names":[],"mappings":";;;;AAAA,mCAAwF;AAExF,SAAgB,UAAU;;IAChB,IAAA,IAAI,GAAK,IAAA,oBAAW,GAAE,KAAlB,CAAkB;IACtB,IAAA,QAAQ,GAAK,IAAA,gBAAO,GAAE,SAAd,CAAc;IACtB,IAAA,QAAQ,GAAK,IAAA,qBAAY,GAAE,SAAnB,CAAmB;IAEnC,IAAM,iBAAiB,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,MAAM,CAC3C,UAAC,OAAO,EAAE,EAAQ;YAAN,IAAI,UAAA;QAAO,OAAA,OAAO,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAAjD,CAAiD,EACxE,CAAC,CACF,CAAA;IAED,IAAI,iBAAiB,KAAK,CAAC,EAAE,CAAC;QAC5B,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,QAAQ,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,EAAE,CAAC;QACvB,KAAK,eAAe;YAClB,OAAO,uBAAC,sBAAa,KAAG,CAAA;QAE1B;YACE,OAAO,uBAAC,mBAAU,KAAG,CAAA;IACzB,CAAC;AACH,CAAC;AArBD,gCAqBC"}
|
|
@@ -34,11 +34,12 @@ function CollapsedMenu() {
|
|
|
34
34
|
var _a;
|
|
35
35
|
var data = (0, hooks_1.useLoadMenu)().data;
|
|
36
36
|
var _b = (0, context_1.useMenu)(), openMenu = _b.openMenu, setOpenMenu = _b.setOpenMenu;
|
|
37
|
+
var roleUser = (0, context_1.useAuthAdmin)().roleUser;
|
|
37
38
|
var header = (0, ui_1.useElementId)({ id: 'header' });
|
|
38
39
|
var window = (0, ui_1.useWindow)();
|
|
39
40
|
var isMobile = (window === null || window === void 0 ? void 0 : window.innerWidth) <= 1024;
|
|
40
41
|
// const data = MENU_MOCK
|
|
41
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'CollapsedMenu', children: (0, jsx_runtime_1.jsx)("div", { style: { width: isMobile ? 0 : 65, position: 'relative' }, id: 'ghost', className: 'ghost', children: (0, jsx_runtime_1.jsxs)(S.CollapsedMenu, { style: { height: "calc(100vh - ".concat((header === null || header === void 0 ? void 0 : header.offsetHeight) + 'px', ")") }, id: 'sidebar', className: openMenu ? 'menu open' : 'menu', children: [(0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'expand', onClick: function () { return setOpenMenu(function (s) { return !s; }); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconRightChevron' }) }), (_a = data === null || data === void 0 ? void 0 : data.items) === null || _a === void 0 ? void 0 : _a.map(function (item, index) { return ((0, jsx_runtime_1.jsx)("ul", { children: (0, jsx_runtime_1.jsx)(ui_1.Error, { name: item.id + item.title + 'erro_menu_item', children: (0, jsx_runtime_1.jsx)(menu_item_1.MenuItem, { item: item, index: index }, 'menu-item' + index + item.title) }) }, item.id + item.route)); })] }) }) }));
|
|
42
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'CollapsedMenu', children: (0, jsx_runtime_1.jsx)("div", { style: { width: isMobile ? 0 : 65, position: 'relative' }, id: 'ghost', className: 'ghost', children: (0, jsx_runtime_1.jsxs)(S.CollapsedMenu, { style: { height: "calc(100vh - ".concat((header === null || header === void 0 ? void 0 : header.offsetHeight) + 'px', ")") }, id: 'sidebar', className: openMenu ? 'menu open' : 'menu', children: [(0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'expand', onClick: function () { return setOpenMenu(function (s) { return !s; }); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconRightChevron' }) }), (_a = data === null || data === void 0 ? void 0 : data.items) === null || _a === void 0 ? void 0 : _a.map(function (item, index) { return ((0, jsx_runtime_1.jsx)("ul", { children: item.role.includes(roleUser) && ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: item.id + item.title + 'erro_menu_item', children: (0, jsx_runtime_1.jsx)(menu_item_1.MenuItem, { item: item, index: index }, 'menu-item' + index + item.title) })) }, item.id + item.route)); })] }) }) }));
|
|
42
43
|
}
|
|
43
44
|
exports.CollapsedMenu = CollapsedMenu;
|
|
44
45
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/data/menu/modes/collapsed-menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/data/menu/modes/collapsed-menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yDAAqE;AACrE,qDAAyD;AACzD,2BAA2D;AAE3D,wDAAqD;AAErD,0CAA6B;AAE7B,SAAgB,aAAa;;IACnB,IAAA,IAAI,GAAK,IAAA,mBAAW,GAAE,KAAlB,CAAkB;IACxB,IAAA,KAA4B,IAAA,iBAAO,GAAE,EAAnC,QAAQ,cAAA,EAAE,WAAW,iBAAc,CAAA;IACnC,IAAA,QAAQ,GAAK,IAAA,sBAAY,GAAE,SAAnB,CAAmB;IACnC,IAAM,MAAM,GAAG,IAAA,iBAAY,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAA;IAE7C,IAAM,MAAM,GAAG,IAAA,cAAS,GAAE,CAAA;IAC1B,IAAM,QAAQ,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,KAAI,IAAI,CAAA;IAE3C,yBAAyB;IAEzB,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,eAAe,YACzB,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EAAE,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,YAC1F,wBAAC,CAAC,CAAC,aAAa,IACd,KAAK,EAAE,EAAE,MAAM,EAAE,uBAAgB,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,IAAG,IAAI,MAAG,EAAE,EACjE,EAAE,EAAC,SAAS,EACZ,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,aAE1C,mCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAF,CAAE,CAAC,EAAtB,CAAsB,YAC5E,uBAAC,SAAI,IAAC,IAAI,EAAC,kBAAkB,GAAG,GACzB,EAER,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACjC,yCACG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAC/B,uBAAC,UAAK,IAAC,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,GAAG,gBAAgB,YAClD,uBAAC,oBAAQ,IAAwC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAA1D,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAA8B,GACvE,CACT,IALM,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAMxB,CACN,EARkC,CAQlC,CAAC,IACc,GACd,GACA,CACT,CAAA;AACH,CAAC;AApCD,sCAoCC"}
|
|
@@ -42,8 +42,9 @@ function OpenedMenu() {
|
|
|
42
42
|
var header = (0, ui_1.useElementId)({ id: 'header' });
|
|
43
43
|
var window = (0, ui_1.useWindow)();
|
|
44
44
|
var _b = (0, system_1.useMenu)(), openMenu = _b.openMenu, setOpenMenu = _b.setOpenMenu;
|
|
45
|
+
var roleUser = (0, system_1.useAuthAdmin)().roleUser;
|
|
45
46
|
var isMobile = (window === null || window === void 0 ? void 0 : window.innerWidth) <= 1024;
|
|
46
|
-
return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'OpenedMenu', children: [openMenu && isMobile && (0, jsx_runtime_1.jsx)(exports.Overlay, { onClick: function () { return setOpenMenu(false); } }), (0, jsx_runtime_1.jsx)(S.OpenedMenu, { className: isMobile && openMenu ? 'open' : '', style: { height: "calc(100dvh - ".concat((header === null || header === void 0 ? void 0 : header.offsetHeight) + 30, "px)") }, children: (_a = data === null || data === void 0 ? void 0 : data.items) === null || _a === void 0 ? void 0 : _a.map(function (item, index) { return ((0, jsx_runtime_1.jsx)("ul", { children: (0, jsx_runtime_1.jsx)(system_1.MenuItem, { item: item, index: index }, 'menu-item' + index + item.title) })); }) })] }));
|
|
47
|
+
return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'OpenedMenu', children: [openMenu && isMobile && (0, jsx_runtime_1.jsx)(exports.Overlay, { onClick: function () { return setOpenMenu(false); } }), (0, jsx_runtime_1.jsx)(S.OpenedMenu, { className: isMobile && openMenu ? 'open' : '', style: { height: "calc(100dvh - ".concat((header === null || header === void 0 ? void 0 : header.offsetHeight) + 30, "px)") }, children: (_a = data === null || data === void 0 ? void 0 : data.items) === null || _a === void 0 ? void 0 : _a.map(function (item, index) { return ((0, jsx_runtime_1.jsx)("ul", { children: item.role.includes(roleUser) && ((0, jsx_runtime_1.jsx)(system_1.MenuItem, { item: item, index: index }, 'menu-item' + index + item.title)) })); }) })] }));
|
|
47
48
|
}
|
|
48
49
|
exports.OpenedMenu = OpenedMenu;
|
|
49
50
|
exports.Overlay = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100dvh;\n background: rgba(0, 0, 0, 0.4);\n z-index: 7;\n"], ["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100dvh;\n background: rgba(0, 0, 0, 0.4);\n z-index: 7;\n"])));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/data/menu/modes/opened/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wEAAsC;AAEtC,2BAAqD;AACrD,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/data/menu/modes/opened/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wEAAsC;AAEtC,2BAAqD;AACrD,mCAAuE;AAEvE,0CAA6B;AAE7B,SAAgB,UAAU;;IAChB,IAAA,IAAI,GAAK,IAAA,oBAAW,GAAE,KAAlB,CAAkB;IAC9B,IAAM,MAAM,GAAG,IAAA,iBAAY,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAA;IAC7C,IAAM,MAAM,GAAG,IAAA,cAAS,GAAE,CAAA;IACpB,IAAA,KAA4B,IAAA,gBAAO,GAAE,EAAnC,QAAQ,cAAA,EAAE,WAAW,iBAAc,CAAA;IACnC,IAAA,QAAQ,GAAK,IAAA,qBAAY,GAAE,SAAnB,CAAmB;IAEnC,IAAM,QAAQ,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,KAAI,IAAI,CAAA;IAE3C,OAAO,CACL,wBAAC,UAAK,IAAC,IAAI,EAAC,YAAY,aACrB,QAAQ,IAAI,QAAQ,IAAI,uBAAC,eAAO,IAAC,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,GAAI,EAEvE,uBAAC,CAAC,CAAC,UAAU,IACX,SAAS,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAC7C,KAAK,EAAE,EAAE,MAAM,EAAE,wBAAiB,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,IAAG,EAAE,QAAK,EAAE,YAEjE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACjC,yCACG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAC/B,uBAAC,iBAAQ,IAAwC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAA1D,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAA8B,CAC9E,GACE,CACN,EANkC,CAMlC,CAAC,GACW,IACT,CACT,CAAA;AACH,CAAC;AA3BD,gCA2BC;AAEY,QAAA,OAAO,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,uMAAA,oIAQnC,KAAA"}
|
|
@@ -14,6 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./pix/index.js"), exports);
|
|
17
18
|
__exportStar(require("./form/index.js"), exports);
|
|
18
19
|
__exportStar(require("./video/index.js"), exports);
|
|
19
20
|
__exportStar(require("./modal/index.js"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB;AACtB,0CAAuB;AACvB,0CAAuB;AACvB,2CAAwB;AACxB,4CAAyB;AACzB,4CAAyB;AACzB,6CAA0B;AAC1B,6CAA0B;AAC1B,8CAA2B;AAC3B,4CAAyB;AACzB,8CAA2B;AAC3B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,0DAAuC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAqB;AACrB,yCAAsB;AACtB,0CAAuB;AACvB,0CAAuB;AACvB,2CAAwB;AACxB,4CAAyB;AACzB,4CAAyB;AACzB,6CAA0B;AAC1B,6CAA0B;AAC1B,8CAA2B;AAC3B,4CAAyB;AACzB,8CAA2B;AAC3B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,0DAAuC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
interface PixComponentProps {
|
|
2
|
+
pixURL: string;
|
|
3
|
+
isPaid?: boolean;
|
|
4
|
+
pixImage: string;
|
|
5
|
+
isSucess?: boolean;
|
|
6
|
+
pixValor: string;
|
|
7
|
+
fastCheckout?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare function Pix({ pixValor, pixImage, pixURL, isSucess, isPaid, fastCheckout }: PixComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.Pix = void 0;
|
|
27
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
+
var timer_1 = require("./timer/index.js");
|
|
29
|
+
var pix_sucess_1 = require("./pix-sucess/index.js");
|
|
30
|
+
var ui_1 = require("../../../ui/index.js");
|
|
31
|
+
var S = __importStar(require("./styles.js"));
|
|
32
|
+
function Pix(_a) {
|
|
33
|
+
var pixValor = _a.pixValor, pixImage = _a.pixImage, pixURL = _a.pixURL, isSucess = _a.isSucess, isPaid = _a.isPaid, fastCheckout = _a.fastCheckout;
|
|
34
|
+
var createToast = (0, ui_1.useToast)().createToast;
|
|
35
|
+
function toMoney(money, noIcon, options) {
|
|
36
|
+
return Number(money)
|
|
37
|
+
.toLocaleString((options === null || options === void 0 ? void 0 : options.local) || 'pt-BR', {
|
|
38
|
+
minimumFractionDigits: 2,
|
|
39
|
+
style: 'currency',
|
|
40
|
+
currency: (options === null || options === void 0 ? void 0 : options.currency) || 'BRL',
|
|
41
|
+
})
|
|
42
|
+
.replaceAll(noIcon ? (options === null || options === void 0 ? void 0 : options.icon) || 'R$' : '', '');
|
|
43
|
+
}
|
|
44
|
+
return ((0, jsx_runtime_1.jsxs)(S.Pix, { className: 'pix', children: [!isSucess && ((0, jsx_runtime_1.jsx)("h2", { className: 'titulo-2-bold', style: { color: isSucess ? 'green' : '#000' }, children: isSucess ? 'Pagamento confirmado.' : 'Aguardando seu pagamento' })), !isSucess ? ((0, jsx_runtime_1.jsxs)("div", { className: 'container-pix', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'preco-pix', children: ["Valor a pagar: ", (0, jsx_runtime_1.jsx)("span", { className: ' paragraph-1-bold', children: toMoney(Number(pixValor)) || 0 })] }), (0, jsx_runtime_1.jsx)("p", { className: 'paragraph-1-bold escaneie', children: "Escaneie o QR code:" }), (0, jsx_runtime_1.jsx)("img", { src: pixImage, alt: 'QR Code pix' }), (0, jsx_runtime_1.jsx)(timer_1.Timer, {}), (0, jsx_runtime_1.jsxs)("div", { className: 'copy', children: [(0, jsx_runtime_1.jsx)("p", { children: "Se preferir, voce pode pagar copiando e colando o seguinte c\u00F3digo" }), (0, jsx_runtime_1.jsx)("input", { type: 'text', value: pixURL, readOnly: true }), (0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: function () {
|
|
45
|
+
var isCopied = (0, ui_1.copyToClipboard)(pixURL, {
|
|
46
|
+
message: 'Copiado com sucesso!',
|
|
47
|
+
format: 'text',
|
|
48
|
+
});
|
|
49
|
+
if (isCopied) {
|
|
50
|
+
createToast({
|
|
51
|
+
message: 'Copiado com sucesso!',
|
|
52
|
+
status: 'success',
|
|
53
|
+
});
|
|
54
|
+
return;
|
|
55
|
+
}
|
|
56
|
+
createToast({
|
|
57
|
+
message: 'Erro ao copiar',
|
|
58
|
+
status: 'error',
|
|
59
|
+
});
|
|
60
|
+
}, children: "Copiar" })] })] })) : ((0, jsx_runtime_1.jsx)(pix_sucess_1.PixSucess, { isSucess: isSucess, isPaid: isPaid, fastCheckout: fastCheckout }))] }));
|
|
61
|
+
}
|
|
62
|
+
exports.Pix = Pix;
|
|
63
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/pix/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,iCAA+B;AAC/B,2CAAwC;AACxC,2BAAgD;AAEhD,0CAA6B;AAW7B,SAAgB,GAAG,CAAC,EAAiF;QAA/E,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,YAAY,kBAAA;IACtE,IAAA,WAAW,GAAK,IAAA,aAAQ,GAAE,YAAf,CAAe;IAElC,SAAS,OAAO,CAAC,KAAsB,EAAE,MAAgB,EAAE,OAAwD;QACjH,OAAO,MAAM,CAAC,KAAK,CAAC;aACjB,cAAc,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,KAAI,OAAO,EAAE;YACzC,qBAAqB,EAAE,CAAC;YACxB,KAAK,EAAE,UAAU;YACjB,QAAQ,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,KAAI,KAAK;SACrC,CAAC;aACD,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,KAAI,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;IACxD,CAAC;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,GAAG,IAAC,SAAS,EAAC,KAAK,aACnB,CAAC,QAAQ,IAAI,CACZ,+BAAI,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,YACxE,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,0BAA0B,GAC7D,CACN,EAEA,CAAC,QAAQ,CAAC,CAAC,CAAC,CACX,iCAAK,SAAS,EAAC,eAAe,aAC5B,iCAAK,SAAS,EAAC,WAAW,gCACT,iCAAM,SAAS,EAAC,mBAAmB,YAAE,OAAO,CAAC,MAAM,CAAC,QAAkB,CAAC,CAAC,IAAI,CAAC,GAAQ,IAChG,EACN,8BAAG,SAAS,EAAC,2BAA2B,oCAAwB,EAEhE,gCAAK,GAAG,EAAE,QAAkB,EAAE,GAAG,EAAC,aAAa,GAAG,EAElD,uBAAC,aAAK,KAAG,EAET,iCAAK,SAAS,EAAC,MAAM,aACnB,mHAAwE,EAExE,kCAAO,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,MAAgB,EAAE,QAAQ,SAAG,EAEvD,mCACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE;oCACP,IAAM,QAAQ,GAAG,IAAA,oBAAe,EAAC,MAAgB,EAAE;wCACjD,OAAO,EAAE,sBAAsB;wCAC/B,MAAM,EAAE,MAAM;qCACf,CAAC,CAAA;oCAEF,IAAI,QAAQ,EAAE,CAAC;wCACb,WAAW,CAAC;4CACV,OAAO,EAAE,sBAAsB;4CAC/B,MAAM,EAAE,SAAS;yCAClB,CAAC,CAAA;wCAEF,OAAM;oCACR,CAAC;oCAED,WAAW,CAAC;wCACV,OAAO,EAAE,gBAAgB;wCACzB,MAAM,EAAE,OAAO;qCAChB,CAAC,CAAA;gCACJ,CAAC,uBAGM,IACL,IACF,CACP,CAAC,CAAC,CAAC,CACF,uBAAC,sBAAS,IAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,GAAI,CAC9E,IACK,CACT,CAAA;AACH,CAAC;AArED,kBAqEC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.PixSucess = void 0;
|
|
27
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
+
var ui_1 = require("../../../../ui/index.js");
|
|
29
|
+
var S = __importStar(require("./styles.js"));
|
|
30
|
+
function PixSucess(_a) {
|
|
31
|
+
var isPaid = _a.isPaid, isSucess = _a.isSucess, isDelivery = _a.isDelivery, fastCheckout = _a.fastCheckout;
|
|
32
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'PixSucess', children: (0, jsx_runtime_1.jsx)(S.PixSucess, { children: (0, jsx_runtime_1.jsxs)(ui_1.Container, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'image', children: (0, jsx_runtime_1.jsx)(ui_1.NextImage, { src: '/images/check.png' }) }), (0, jsx_runtime_1.jsxs)("div", { className: 'text', children: [(0, jsx_runtime_1.jsx)("h2", { children: isDelivery
|
|
33
|
+
? 'Pedido em processamento pela loja'
|
|
34
|
+
: isSucess || (isPaid !== undefined && isPaid === true)
|
|
35
|
+
? 'Pagamento confirmado'
|
|
36
|
+
: 'Aguardando pagamento' }), fastCheckout && ((0, jsx_runtime_1.jsxs)("p", { children: ["Para acessar a \u00E1rea restrita, entre com o seu ", (0, jsx_runtime_1.jsx)("strong", { children: "e-mail " }), "no local de", (0, jsx_runtime_1.jsx)("strong", { children: " login" }), " e com o seu ", (0, jsx_runtime_1.jsx)("strong", { children: "cpf" }), " no campo de ", (0, jsx_runtime_1.jsx)("strong", { children: "senha" }), "."] }))] })] }) }) }));
|
|
37
|
+
}
|
|
38
|
+
exports.PixSucess = PixSucess;
|
|
39
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/pix/pix-sucess/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAAkD;AAElD,0CAA6B;AAE7B,SAAgB,SAAS,CAAC,EAUzB;QATC,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,YAAY,kBAAA;IAOZ,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,WAAW,YACrB,uBAAC,CAAC,CAAC,SAAS,cACV,wBAAC,cAAS,eACR,gCAAK,SAAS,EAAC,OAAO,YACpB,uBAAC,cAAS,IAAC,GAAG,EAAC,mBAAmB,GAAG,GACjC,EAEN,iCAAK,SAAS,EAAC,MAAM,aACnB,yCACG,UAAU;oCACT,CAAC,CAAC,mCAAmC;oCACrC,CAAC,CAAC,QAAQ,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,IAAI,CAAC;wCACvD,CAAC,CAAC,sBAAsB;wCACxB,CAAC,CAAC,sBAAsB,GACvB,EAEJ,YAAY,IAAI,CACf,iGACgD,yDAAwB,iBACtE,wDAAuB,mBAAa,qDAAoB,mBAAa,uDAAsB,SACzF,CACL,IACG,IACI,GACA,GACR,CACT,CAAA;AACH,CAAC;AAvCD,8BAuCC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const PixSucess: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
3
|
+
ref?: import("react").Ref<HTMLDivElement>;
|
|
4
|
+
}, never>> & string;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.PixSucess = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
exports.PixSucess = (0, styled_components_1.default)("div")(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n text-align: center;\n\n .image {\n width: 100%;\n width: 10.72vw;\n max-width: 225px;\n min-width: 130px;\n margin: 10px auto 0;\n }\n\n .text {\n margin-top: 25px;\n\n h2 {\n margin-bottom: 20px;\n color: #22c543;\n line-height: 1.3;\n font-size: 20px;\n }\n\n p {\n color: #707070;\n margin: 0;\n }\n }\n\n @media only screen and (max-width: 1600px) {\n .text {\n h2 {\n margin-bottom: 18px;\n }\n }\n }\n\n @media only screen and (max-width: 1400px) {\n .text {\n h2 {\n margin-bottom: 16px;\n }\n }\n }\n\n @media only screen and (max-width: 1200px) {\n .text {\n h2 {\n margin-bottom: 14px;\n }\n }\n }\n\n @media only screen and (max-width: 1024px) {\n .text {\n h2 {\n margin-bottom: 12px;\n }\n }\n }\n\n @media only screen and (max-width: 400px) {\n .text {\n h2 {\n font-size: 18px;\n }\n }\n }\n"], ["\n width: 100%;\n text-align: center;\n\n .image {\n width: 100%;\n width: 10.72vw;\n max-width: 225px;\n min-width: 130px;\n margin: 10px auto 0;\n }\n\n .text {\n margin-top: 25px;\n\n h2 {\n margin-bottom: 20px;\n color: #22c543;\n line-height: 1.3;\n font-size: 20px;\n }\n\n p {\n color: #707070;\n margin: 0;\n }\n }\n\n @media only screen and (max-width: 1600px) {\n .text {\n h2 {\n margin-bottom: 18px;\n }\n }\n }\n\n @media only screen and (max-width: 1400px) {\n .text {\n h2 {\n margin-bottom: 16px;\n }\n }\n }\n\n @media only screen and (max-width: 1200px) {\n .text {\n h2 {\n margin-bottom: 14px;\n }\n }\n }\n\n @media only screen and (max-width: 1024px) {\n .text {\n h2 {\n margin-bottom: 12px;\n }\n }\n }\n\n @media only screen and (max-width: 400px) {\n .text {\n h2 {\n font-size: 18px;\n }\n }\n }\n"])));
|
|
13
|
+
var templateObject_1;
|
|
14
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/pix/pix-sucess/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAE1B,QAAA,SAAS,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,4jCAAA,y/BAmErC,KAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Pix: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
3
|
+
ref?: import("react").Ref<HTMLDivElement>;
|
|
4
|
+
}, never>> & string;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.Pix = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
exports.Pix = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n margin: 30px auto 30px;\n display: flex;\n flex-direction: column;\n text-align: center;\n align-items: center;\n\n .container-pix {\n display: flex;\n flex-direction: column;\n max-width: 400px;\n }\n\n .preco-pix {\n margin-bottom: 20px;\n font-size: 16px;\n font-weight: 400;\n\n span {\n font-weight: bold;\n font-size: 18px;\n }\n }\n\n .validade {\n font-size: 14px;\n color: #000;\n opacity: 0.8;\n margin-bottom: 20px;\n }\n\n > img {\n height: 300px;\n width: 290px;\n object-fit: contain;\n border: 1px solid #000;\n margin: 10px auto 10px;\n }\n\n .copy {\n p {\n font-size: 16px;\n margin-bottom: 10px;\n }\n\n input,\n button {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n width: 100%;\n height: 36px;\n padding: 0px 20px;\n text-align: center;\n border: unset;\n }\n\n input {\n border: 1px solid #000;\n margin-bottom: 10px;\n }\n\n button {\n color: white;\n border-radius: 10px;\n background-color: ", ";\n }\n }\n\n @media only screen and (max-width: 900px) {\n margin-bottom: 30px !important;\n\n .preco-pix {\n margin-bottom: 10px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n .validade {\n margin-bottom: 10px;\n }\n }\n\n @media only screen and (max-width: 500px) {\n .validade {\n margin-bottom: 3px;\n }\n\n .preco-pix {\n margin-bottom: 5px;\n }\n\n img {\n height: 250px;\n width: 250px;\n margin: 0 auto;\n }\n }\n"], ["\n width: 100%;\n margin: 30px auto 30px;\n display: flex;\n flex-direction: column;\n text-align: center;\n align-items: center;\n\n .container-pix {\n display: flex;\n flex-direction: column;\n max-width: 400px;\n }\n\n .preco-pix {\n margin-bottom: 20px;\n font-size: 16px;\n font-weight: 400;\n\n span {\n font-weight: bold;\n font-size: 18px;\n }\n }\n\n .validade {\n font-size: 14px;\n color: #000;\n opacity: 0.8;\n margin-bottom: 20px;\n }\n\n > img {\n height: 300px;\n width: 290px;\n object-fit: contain;\n border: 1px solid #000;\n margin: 10px auto 10px;\n }\n\n .copy {\n p {\n font-size: 16px;\n margin-bottom: 10px;\n }\n\n input,\n button {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n width: 100%;\n height: 36px;\n padding: 0px 20px;\n text-align: center;\n border: unset;\n }\n\n input {\n border: 1px solid #000;\n margin-bottom: 10px;\n }\n\n button {\n color: white;\n border-radius: 10px;\n background-color: ", ";\n }\n }\n\n @media only screen and (max-width: 900px) {\n margin-bottom: 30px !important;\n\n .preco-pix {\n margin-bottom: 10px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n .validade {\n margin-bottom: 10px;\n }\n }\n\n @media only screen and (max-width: 500px) {\n .validade {\n margin-bottom: 3px;\n }\n\n .preco-pix {\n margin-bottom: 5px;\n }\n\n img {\n height: 250px;\n width: 250px;\n margin: 0 auto;\n }\n }\n"])), function (_a) {
|
|
13
|
+
var theme = _a.theme;
|
|
14
|
+
return theme.primaryColor;
|
|
15
|
+
});
|
|
16
|
+
var templateObject_1;
|
|
17
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/pix/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,GAAG,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,8sDAAA,uoCAmEN,EAAiC,kgBAiC1D,KAjCyB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,YAAY;AAAlB,CAAkB,EAiC1D"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function Timer(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.Timer = void 0;
|
|
27
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
+
var react_1 = require("react");
|
|
29
|
+
var S = __importStar(require("./styles.js"));
|
|
30
|
+
function Timer() {
|
|
31
|
+
var _a = (0, react_1.useState)(60), minutes = _a[0], setMinutes = _a[1];
|
|
32
|
+
var _b = (0, react_1.useState)(0), seconds = _b[0], setSeconds = _b[1];
|
|
33
|
+
var _c = (0, react_1.useState)(false), tempoExpirado = _c[0], setTempoExpirado = _c[1];
|
|
34
|
+
var updateTimer = function () {
|
|
35
|
+
if (minutes === 0 && seconds === 0) {
|
|
36
|
+
setTempoExpirado(true);
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
if (seconds === 0) {
|
|
40
|
+
setMinutes(minutes - 1);
|
|
41
|
+
setSeconds(59);
|
|
42
|
+
}
|
|
43
|
+
else {
|
|
44
|
+
setSeconds(seconds - 1);
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
(0, react_1.useEffect)(function () {
|
|
49
|
+
var timer = setInterval(function () {
|
|
50
|
+
updateTimer();
|
|
51
|
+
}, 1000);
|
|
52
|
+
return function () {
|
|
53
|
+
clearInterval(timer);
|
|
54
|
+
};
|
|
55
|
+
}, [minutes, seconds]);
|
|
56
|
+
return ((0, jsx_runtime_1.jsxs)(S.Timer, { children: [(0, jsx_runtime_1.jsx)("h3", { children: "Este pix expira em" }), tempoExpirado ? ((0, jsx_runtime_1.jsx)("div", { children: "Tempo expirado" })) : ((0, jsx_runtime_1.jsxs)("div", { className: 'contador', children: [String(minutes).padStart(2, '0'), ":", String(seconds).padStart(2, '0')] }))] }));
|
|
57
|
+
}
|
|
58
|
+
exports.Timer = Timer;
|
|
59
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/pix/timer/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAkD;AAElD,0CAA6B;AAE7B,SAAgB,KAAK;IACb,IAAA,KAAwB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAnC,OAAO,QAAA,EAAE,UAAU,QAAgB,CAAA;IACpC,IAAA,KAAwB,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAAlC,OAAO,QAAA,EAAE,UAAU,QAAe,CAAA;IACnC,IAAA,KAAoC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAlD,aAAa,QAAA,EAAE,gBAAgB,QAAmB,CAAA;IAEzD,IAAM,WAAW,GAAG;QAClB,IAAI,OAAO,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,EAAE,CAAC;YACnC,gBAAgB,CAAC,IAAI,CAAC,CAAA;QACxB,CAAC;aAAM,CAAC;YACN,IAAI,OAAO,KAAK,CAAC,EAAE,CAAC;gBAClB,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC,CAAA;gBACvB,UAAU,CAAC,EAAE,CAAC,CAAA;YAChB,CAAC;iBAAM,CAAC;gBACN,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC,CAAA;YACzB,CAAC;QACH,CAAC;IACH,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,IAAM,KAAK,GAAG,WAAW,CAAC;YACxB,WAAW,EAAE,CAAA;QACf,CAAC,EAAE,IAAI,CAAC,CAAA;QAER,OAAO;YACL,aAAa,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;IAEtB,OAAO,CACL,wBAAC,CAAC,CAAC,KAAK,eACN,gEAA2B,EAE1B,aAAa,CAAC,CAAC,CAAC,CACf,6DAAyB,CAC1B,CAAC,CAAC,CAAC,CACF,iCAAK,SAAS,EAAC,UAAU,aACtB,MAAM,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,OAAG,MAAM,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAChE,CACP,IACO,CACX,CAAA;AACH,CAAC;AAzCD,sBAyCC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Timer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
3
|
+
ref?: import("react").Ref<HTMLDivElement>;
|
|
4
|
+
}, never>> & string;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.Timer = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
exports.Timer = (0, styled_components_1.default)("div")(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-bottom: 20px;\n\nh3 {\n font-weight: 490;\n font-size: 18px;\n margin-bottom: 0;\n}\n\n.contador {\n font-size: 24px;\n font-weight: bold;\n}\n\n"], ["\n margin-bottom: 20px;\n\nh3 {\n font-weight: 490;\n font-size: 18px;\n margin-bottom: 0;\n}\n\n.contador {\n font-size: 24px;\n font-weight: bold;\n}\n\n"])));
|
|
13
|
+
var templateObject_1;
|
|
14
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/pix/timer/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAE1B,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,kPAAA,+KAcjC,KAAA"}
|