infinity-forge 4.4.4 → 4.4.5

package/dist/ui/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from './pix/index.js';
 export * from './form/index.js';
 export * from './video/index.js';
 export * from './modal/index.js';

package/dist/ui/components/index.js

@@ -14,6 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./pix/index.js"), exports);
 __exportStar(require("./form/index.js"), exports);
 __exportStar(require("./video/index.js"), exports);
 __exportStar(require("./modal/index.js"), exports);

package/dist/ui/components/index.js.map

@@ -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"}
+{"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"}

package/dist/ui/components/pix/index.d.ts

@@ -0,0 +1,10 @@
+interface PixComponentProps {
+    pixURL: string;
+    isPaid?: boolean;
+    pixImage: string;
+    isSucess?: boolean;
+    pixValor: string;
+    fastCheckout?: boolean;
+}
+export declare function Pix({ pixValor, pixImage, pixURL, isSucess, isPaid, fastCheckout }: PixComponentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/components/pix/index.js

@@ -0,0 +1,51 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Pix = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var timer_1 = require("./timer/index.js");
+var pix_sucess_1 = require("./pix-sucess/index.js");
+var ui_1 = require("../../../ui/index.js");
+var S = __importStar(require("./styles.js"));
+function Pix(_a) {
+    var pixValor = _a.pixValor, pixImage = _a.pixImage, pixURL = _a.pixURL, isSucess = _a.isSucess, isPaid = _a.isPaid, fastCheckout = _a.fastCheckout;
+    function toMoney(money, noIcon, options) {
+        return Number(money)
+            .toLocaleString((options === null || options === void 0 ? void 0 : options.local) || 'pt-BR', {
+            minimumFractionDigits: 2,
+            style: 'currency',
+            currency: (options === null || options === void 0 ? void 0 : options.currency) || 'BRL',
+        })
+            .replaceAll(noIcon ? (options === null || options === void 0 ? void 0 : options.icon) || 'R$' : '', '');
+    }
+    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 () {
+                                    return (0, ui_1.copyToClipboard)(pixURL, {
+                                        message: 'Copiado com sucesso!',
+                                        format: 'text',
+                                    });
+                                }, children: "Copiar" })] })] })) : ((0, jsx_runtime_1.jsx)(pix_sucess_1.PixSucess, { isSucess: isSucess, isPaid: isPaid, fastCheckout: fastCheckout }))] }));
+}
+exports.Pix = Pix;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/pix/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/pix/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,iCAA+B;AAC/B,2CAAwC;AACxC,2BAAsC;AAEtC,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;IAC9E,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,OAAA,IAAA,oBAAe,EAAC,MAAgB,EAAE;wCAChC,OAAO,EAAE,sBAAsB;wCAC/B,MAAM,EAAE,MAAM;qCACf,CAAC;gCAHF,CAGE,uBAIG,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;AArDD,kBAqDC"}

package/dist/ui/components/pix/pix-sucess/index.d.ts

@@ -0,0 +1,6 @@
+export declare function PixSucess({ isPaid, isSucess, isDelivery, fastCheckout, }: {
+    isPaid?: boolean;
+    isSucess?: boolean;
+    isDelivery?: boolean;
+    fastCheckout?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/pix/pix-sucess/index.js

@@ -0,0 +1,39 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PixSucess = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ui_1 = require("../../../../ui/index.js");
+var S = __importStar(require("./styles.js"));
+function PixSucess(_a) {
+    var isPaid = _a.isPaid, isSucess = _a.isSucess, isDelivery = _a.isDelivery, fastCheckout = _a.fastCheckout;
+    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
+                                    ? 'Pedido em processamento pela loja'
+                                    : isSucess || (isPaid !== undefined && isPaid === true)
+                                        ? 'Pagamento confirmado'
+                                        : '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" }), "."] }))] })] }) }) }));
+}
+exports.PixSucess = PixSucess;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/pix/pix-sucess/index.js.map

@@ -0,0 +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"}

package/dist/ui/components/pix/pix-sucess/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+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"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>> & string;

package/dist/ui/components/pix/pix-sucess/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PixSucess = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+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"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/pix/pix-sucess/styles.js.map

@@ -0,0 +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"}

package/dist/ui/components/pix/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+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"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>> & string;

package/dist/ui/components/pix/styles.js

@@ -0,0 +1,17 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Pix = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+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) {
+    var theme = _a.theme;
+    return theme.primaryColor;
+});
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/pix/styles.js.map

@@ -0,0 +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"}

package/dist/ui/components/pix/timer/index.d.ts

@@ -0,0 +1 @@
+export declare function Timer(): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/pix/timer/index.js

@@ -0,0 +1,59 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Timer = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var S = __importStar(require("./styles.js"));
+function Timer() {
+    var _a = (0, react_1.useState)(60), minutes = _a[0], setMinutes = _a[1];
+    var _b = (0, react_1.useState)(0), seconds = _b[0], setSeconds = _b[1];
+    var _c = (0, react_1.useState)(false), tempoExpirado = _c[0], setTempoExpirado = _c[1];
+    var updateTimer = function () {
+        if (minutes === 0 && seconds === 0) {
+            setTempoExpirado(true);
+        }
+        else {
+            if (seconds === 0) {
+                setMinutes(minutes - 1);
+                setSeconds(59);
+            }
+            else {
+                setSeconds(seconds - 1);
+            }
+        }
+    };
+    (0, react_1.useEffect)(function () {
+        var timer = setInterval(function () {
+            updateTimer();
+        }, 1000);
+        return function () {
+            clearInterval(timer);
+        };
+    }, [minutes, seconds]);
+    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')] }))] }));
+}
+exports.Timer = Timer;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/pix/timer/index.js.map

@@ -0,0 +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"}

package/dist/ui/components/pix/timer/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+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"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>> & string;

package/dist/ui/components/pix/timer/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Timer = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+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"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/pix/timer/styles.js.map

@@ -0,0 +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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "infinity-forge",
-  "version": "4.4.4",
+  "version": "4.4.5",
   "description": "codie Library",
   "main": "./dist/index",
   "module": "./dist/index",