@tesouro/embedded-components-react 0.2.123 → 0.2.124

package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/index4.js

@@ -1,10 +1,10 @@
-import { jsx as t, jsxs as n, Fragment as f } from "react/jsx-runtime";
-import { Dialog as q, DialogContent as J, Select as C, SelectTrigger as A, SelectContent as T, Label as K, Input as S, Typography as p, Button as i, DialogFooter as Q, Separator as U, SelectItem as W } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { jsx as t, jsxs as o, Fragment as f } from "react/jsx-runtime";
+import { Dialog as q, DialogContent as J, Select as C, SelectTrigger as A, SelectContent as k, Label as K, Input as T, Typography as p, Button as i, DialogFooter as Q, Separator as U, SelectItem as W } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { ArrowRight as X } from "lucide-react";
 import { ReviewTransferStep as Y } from "./index5.js";
 import { TransferMoneyModalHeader as Z } from "./index6.js";
 import { TransferResultStep as $ } from "./index7.js";
-const k = "ttw:flex ttw:h-auto ttw:min-h-14 ttw:w-full ttw:cursor-pointer ttw:items-center ttw:justify-start ttw:rounded-lg ttw:border-border ttw:px-5 ttw:py-3.5 ttw:text-left ttw:text-base ttw:font-normal ttw:text-foreground ttw:disabled:cursor-not-allowed ttw:[&_svg]:ml-auto ttw:[&_svg]:shrink-0", L = {
+const S = "ttw:flex ttw:h-auto ttw:min-h-14 ttw:w-full ttw:cursor-pointer ttw:items-center ttw:justify-start ttw:rounded-lg ttw:border-border ttw:px-5 ttw:py-3.5 ttw:text-left ttw:text-base ttw:font-normal ttw:text-foreground ttw:disabled:cursor-not-allowed ttw:[&_svg]:ml-auto ttw:[&_svg]:shrink-0", L = {
   position: "popper",
   align: "start",
   sideOffset: 4
@@ -14,67 +14,68 @@ function F(a) {
 }
 function R({
   opt: a,
-  balanceInsetEnd: o
+  balanceInsetEnd: n
 }) {
-  return /* @__PURE__ */ n("div", { className: "ttw:grid ttw:w-full ttw:min-w-0 ttw:grid-cols-[minmax(0,1fr)_auto] ttw:items-center ttw:gap-3", children: [
-    /* @__PURE__ */ n("span", { className: "ttw:flex ttw:min-w-0 ttw:items-center ttw:gap-2 ttw:overflow-hidden", children: [
+  return /* @__PURE__ */ o("div", { className: "ttw:grid ttw:w-full ttw:min-w-0 ttw:grid-cols-[minmax(0,1fr)_auto] ttw:items-center ttw:gap-3", children: [
+    /* @__PURE__ */ o("span", { className: "ttw:flex ttw:min-w-0 ttw:items-center ttw:gap-2 ttw:overflow-hidden", children: [
       /* @__PURE__ */ t("span", { className: "ttw:min-w-0 ttw:truncate ttw:rounded-full ttw:bg-primary/10 ttw:px-2.5 ttw:py-0.5 ttw:text-sm ttw:font-medium ttw:text-primary", children: a.primaryLabel }),
       a.secondaryLabel ? /* @__PURE__ */ t("span", { className: "ttw:shrink-0 ttw:text-sm ttw:text-foreground", children: a.secondaryLabel }) : null
     ] }),
     a.balanceLabel ? /* @__PURE__ */ t(
       "span",
       {
-        className: o ? "ttw:justify-self-end ttw:shrink-0 ttw:pr-1.5 ttw:text-sm ttw:text-muted-foreground" : "ttw:justify-self-end ttw:shrink-0 ttw:text-sm ttw:text-muted-foreground",
+        className: n ? "ttw:justify-self-end ttw:shrink-0 ttw:pr-1.5 ttw:text-sm ttw:text-muted-foreground" : "ttw:justify-self-end ttw:shrink-0 ttw:text-sm ttw:text-muted-foreground",
         children: a.balanceLabel
       }
     ) : null
   ] });
 }
-function M({
+function V({
   value: a,
-  options: o,
+  options: n,
   placeholder: l
 }) {
-  const e = o.find((s) => s.optionValue === a);
+  const e = n.find((s) => s.optionValue === a);
   return e ? /* @__PURE__ */ t(R, { opt: e }) : /* @__PURE__ */ t("span", { className: "ttw:block ttw:w-full ttw:text-left ttw:text-muted-foreground", children: l });
 }
-function V(a) {
-  return a.map((o) => /* @__PURE__ */ t(
+function M(a) {
+  return a.map((n) => /* @__PURE__ */ t(
     W,
     {
-      value: o.optionValue,
-      textValue: F(o),
+      value: n.optionValue,
+      textValue: F(n),
       className: "ttw:cursor-pointer ttw:py-3 ttw:pr-6 ttw:[&>span:last-of-type]:min-w-0 ttw:[&>span:last-of-type]:w-full",
-      children: /* @__PURE__ */ t(R, { opt: o, balanceInsetEnd: !0 })
+      "data-testid": `embedded-banking-transfer-money-account-option-${n.optionValue}`,
+      children: /* @__PURE__ */ t(R, { opt: n, balanceInsetEnd: !0 })
     },
-    o.optionValue
+    n.optionValue
   ));
 }
-function B(a, o, l) {
+function B(a, n, l) {
   if (!a)
     return l;
-  const e = o.find((s) => s.optionValue === a);
+  const e = n.find((s) => s.optionValue === a);
   return e ? F(e) : l;
 }
 function rt({
   open: a,
-  onOpenChange: o,
+  onOpenChange: n,
   step: l,
   labels: e,
   fromOptions: s,
-  toOptions: c,
-  fromValue: w,
-  toValue: d,
+  toOptions: d,
+  fromValue: c,
+  toValue: w,
   onFromValueChange: j,
   onToValueChange: P,
-  amountValue: h,
-  onAmountValueChange: b,
+  amountValue: b,
+  onAmountValueChange: h,
   amountError: r,
   amountInputPrefix: I,
   reviewFromAccount: E,
   reviewToAccount: O,
-  reviewAmountLabel: x,
-  isSubmitting: g,
+  reviewAmountLabel: g,
+  isSubmitting: x,
   isSuccess: D,
   canContinueFromAccounts: _,
   canContinueFromAmount: v,
@@ -84,7 +85,7 @@ function rt({
   onSubmit: H,
   onClearSelections: N
 }) {
-  const u = /* @__PURE__ */ t(
+  const m = /* @__PURE__ */ t(
     U,
     {
       decorative: !0,
@@ -93,7 +94,7 @@ function rt({
       style: { width: "calc(100% + 3rem)" }
     }
   );
-  return /* @__PURE__ */ t(q, { open: a, onOpenChange: o, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ t(q, { open: a, onOpenChange: n, children: /* @__PURE__ */ o(
     J,
     {
       showCloseButton: !0,
@@ -101,7 +102,7 @@ function rt({
       className: "ttw:max-w-md ttw:gap-0 ttw:p-6",
       "data-testid": "embedded-banking-transfer-money-modal",
       children: [
-        l !== "result" ? /* @__PURE__ */ n(f, { children: [
+        l !== "result" ? /* @__PURE__ */ o(f, { children: [
           /* @__PURE__ */ t(
             Z,
             {
@@ -109,55 +110,57 @@ function rt({
               subtitle: e.modalAccountsSubtitle
             }
           ),
-          u
+          m
         ] }) : null,
-        l === "accounts" ? /* @__PURE__ */ n(f, { children: [
-          /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:py-5", children: [
-            /* @__PURE__ */ n(C, { value: w, onValueChange: j, children: [
+        l === "accounts" ? /* @__PURE__ */ o(f, { children: [
+          /* @__PURE__ */ o("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:py-5", children: [
+            /* @__PURE__ */ o(C, { value: c, onValueChange: j, children: [
               /* @__PURE__ */ t(
                 A,
                 {
-                  className: k,
+                  className: S,
+                  "data-testid": "embedded-banking-transfer-money-from-account-trigger",
                   "aria-label": B(
-                    w,
+                    c,
                     s,
                     e.modalFromAccountPlaceholder
                   ),
                   children: /* @__PURE__ */ t("span", { className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:justify-start ttw:text-left", children: /* @__PURE__ */ t(
-                    M,
+                    V,
                     {
-                      value: w,
+                      value: c,
                       options: s,
                       placeholder: e.modalFromAccountPlaceholder
                     }
                   ) })
                 }
               ),
-              /* @__PURE__ */ t(T, { ...L, children: V(s) })
+              /* @__PURE__ */ t(k, { ...L, children: M(s) })
             ] }),
-            /* @__PURE__ */ n(C, { value: d, onValueChange: P, children: [
+            /* @__PURE__ */ o(C, { value: w, onValueChange: P, children: [
               /* @__PURE__ */ t(
                 A,
                 {
-                  className: k,
+                  className: S,
+                  "data-testid": "embedded-banking-transfer-money-to-account-trigger",
                   "aria-label": B(
+                    w,
                     d,
-                    c,
                     e.modalToAccountPlaceholder
                   ),
                   children: /* @__PURE__ */ t("span", { className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:justify-start ttw:text-left", children: /* @__PURE__ */ t(
-                    M,
+                    V,
                     {
-                      value: d,
-                      options: c,
+                      value: w,
+                      options: d,
                       placeholder: e.modalToAccountPlaceholder
                     }
                   ) })
                 }
               ),
-              /* @__PURE__ */ t(T, { ...L, children: V(c) })
+              /* @__PURE__ */ t(k, { ...L, children: M(d) })
             ] }),
-            /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
+            /* @__PURE__ */ o("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
               /* @__PURE__ */ t(
                 K,
                 {
@@ -166,7 +169,7 @@ function rt({
                   children: e.modalAmountLabel
                 }
               ),
-              /* @__PURE__ */ n(
+              /* @__PURE__ */ o(
                 "div",
                 {
                   className: r ? "ttw:flex ttw:min-h-14 ttw:items-center ttw:gap-2 ttw:rounded-lg ttw:border ttw:border-destructive ttw:bg-transparent ttw:px-5 ttw:py-3.5" : "ttw:flex ttw:min-h-14 ttw:items-center ttw:gap-2 ttw:rounded-lg ttw:border ttw:border-input ttw:bg-transparent ttw:px-5 ttw:py-3.5",
@@ -180,16 +183,17 @@ function rt({
                       }
                     ),
                     /* @__PURE__ */ t(
-                      S,
+                      T,
                       {
                         id: "transfer-money-modal-amount",
                         className: "ttw:h-auto ttw:min-h-0 ttw:flex-1 ttw:border-0 ttw:bg-transparent ttw:px-0 ttw:py-0 ttw:text-base ttw:shadow-none ttw:focus-visible:ring-0",
                         inputMode: "decimal",
                         autoComplete: "off",
-                        value: h,
-                        onChange: (m) => b(m.target.value),
+                        value: b,
+                        onChange: (u) => h(u.target.value),
                         placeholder: e.modalAmountPlaceholder,
-                        "aria-invalid": r ? !0 : void 0
+                        "aria-invalid": r ? !0 : void 0,
+                        "data-testid": "embedded-banking-transfer-money-amount-input"
                       }
                     )
                   ]
@@ -217,8 +221,8 @@ function rt({
               }
             ) }) : null
           ] }),
-          u,
-          /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:pt-4", children: /* @__PURE__ */ n(
+          m,
+          /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:pt-4", children: /* @__PURE__ */ o(
             i,
             {
               type: "button",
@@ -226,6 +230,7 @@ function rt({
               className: "ttw:h-11 ttw:w-full ttw:cursor-pointer ttw:gap-2 ttw:rounded-lg ttw:font-medium ttw:disabled:pointer-events-none ttw:disabled:cursor-not-allowed ttw:disabled:bg-muted ttw:disabled:text-muted-foreground ttw:disabled:opacity-100",
               disabled: !_ || !v || !!r,
               onClick: z,
+              "data-testid": "embedded-banking-transfer-money-accounts-confirm-button",
               children: [
                 e.modalAccountsConfirm,
                 /* @__PURE__ */ t(X, { className: "ttw:size-4", "aria-hidden": !0 })
@@ -237,8 +242,8 @@ function rt({
           {
             fromAccount: E,
             toAccount: O,
-            amountLabel: x,
-            isSubmitting: g,
+            amountLabel: g,
+            isSubmitting: x,
             onConfirm: H,
             onGoBack: y,
             labels: {
@@ -252,9 +257,9 @@ function rt({
         ) : l === "result" ? /* @__PURE__ */ t(
           $,
           {
-            amountLabel: x,
+            amountLabel: g,
             isSuccess: D,
-            onBackToTransfers: () => o(!1),
+            onBackToTransfers: () => n(!1),
             labels: {
               successTitle: e.modalResultSuccessTitle,
               errorTitle: e.modalResultErrorTitle,
@@ -264,32 +269,32 @@ function rt({
               backToTransfers: e.modalBackToTransfers
             }
           }
-        ) : /* @__PURE__ */ n(f, { children: [
-          /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:py-5", children: /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
+        ) : /* @__PURE__ */ o(f, { children: [
+          /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:py-5", children: /* @__PURE__ */ o("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
             /* @__PURE__ */ t(p, { variant: "body2", className: "ttw:font-medium", children: e.modalAmountLabel }),
             /* @__PURE__ */ t(
-              S,
+              T,
               {
                 className: "ttw:h-11 ttw:px-4 ttw:py-3",
                 inputMode: "decimal",
                 autoComplete: "off",
-                value: h,
-                onChange: (m) => b(m.target.value),
+                value: b,
+                onChange: (u) => h(u.target.value),
                 placeholder: e.modalAmountPlaceholder,
                 "aria-invalid": r ? !0 : void 0
               }
             ),
             r ? /* @__PURE__ */ t(p, { variant: "body2", color: "destructive", component: "p", children: r }) : null
           ] }) }),
-          u,
-          /* @__PURE__ */ n(Q, { className: "ttw:flex ttw:flex-row ttw:flex-wrap ttw:gap-2 ttw:pt-4 ttw:sm:justify-between", children: [
+          m,
+          /* @__PURE__ */ o(Q, { className: "ttw:flex ttw:flex-row ttw:flex-wrap ttw:gap-2 ttw:pt-4 ttw:sm:justify-between", children: [
             /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-1 ttw:flex-wrap ttw:gap-2", children: /* @__PURE__ */ t(
               i,
               {
                 type: "button",
                 variant: "outline",
                 onClick: y,
-                disabled: g,
+                disabled: x,
                 children: e.modalBack
               }
             ) }),

package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/index5.js

@@ -1,35 +1,35 @@
-import { jsxs as e, Fragment as p, jsx as t } from "react/jsx-runtime";
-import { Typography as a, Separator as u, Button as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ArrowRight as f, ArrowLeft as h } from "lucide-react";
-import { TransferReviewAccountCard as c } from "./index8.js";
+import { jsxs as e, Fragment as f, jsx as t } from "react/jsx-runtime";
+import { Typography as o, Separator as u, Button as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ArrowRight as p, ArrowLeft as h } from "lucide-react";
+import { TransferReviewAccountCard as i } from "./index8.js";
 import { DEFAULT_REVIEW_TRANSFER_STEP_LABELS as x } from "./index9.js";
 function A({
-  fromAccount: i,
+  fromAccount: c,
   toAccount: l,
   amountLabel: s,
   isSubmitting: n,
-  onConfirm: m,
-  onGoBack: d,
+  onConfirm: d,
+  onGoBack: m,
   labels: w
 }) {
-  const o = { ...x, ...w };
-  return /* @__PURE__ */ e(p, { children: [
+  const a = { ...x, ...w };
+  return /* @__PURE__ */ e(f, { children: [
     /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:py-5", children: [
       /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
         /* @__PURE__ */ t(
-          a,
+          o,
           {
             variant: "body2",
             color: "muted",
             component: "p",
             className: "ttw:font-medium",
-            children: o.fromAccountSection
+            children: a.fromAccountSection
           }
         ),
-        /* @__PURE__ */ t(c, { account: i })
+        /* @__PURE__ */ t(i, { account: c })
       ] }),
       /* @__PURE__ */ t("div", { className: "ttw:flex ttw:justify-center", "aria-hidden": !0, children: /* @__PURE__ */ t(
-        a,
+        o,
         {
           component: "p",
           className: "ttw:text-[30px] ttw:leading-none ttw:text-primary",
@@ -38,30 +38,30 @@ function A({
       ) }),
       /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
         /* @__PURE__ */ t(
-          a,
+          o,
           {
             variant: "body2",
             color: "muted",
             component: "p",
             className: "ttw:font-medium",
-            children: o.toAccountSection
+            children: a.toAccountSection
           }
         ),
-        /* @__PURE__ */ t(c, { account: l })
+        /* @__PURE__ */ t(i, { account: l })
       ] }),
       /* @__PURE__ */ e("div", { children: [
         /* @__PURE__ */ t(
-          a,
+          o,
           {
             variant: "body2",
             color: "muted",
             component: "p",
             className: "ttw:font-medium",
-            children: o.amountSection
+            children: a.amountSection
           }
         ),
         /* @__PURE__ */ t(
-          a,
+          o,
           {
             component: "p",
             className: "ttw:text-2xl ttw:font-bold ttw:text-foreground",
@@ -87,10 +87,11 @@ function A({
           variant: "default",
           className: "ttw:h-11 ttw:w-full ttw:cursor-pointer ttw:gap-2 ttw:rounded-lg ttw:font-medium",
           disabled: n,
-          onClick: m,
+          onClick: d,
+          "data-testid": "embedded-banking-transfer-money-confirm-transfer-button",
           children: [
-            o.confirmTransfer,
-            /* @__PURE__ */ t(f, { className: "ttw:size-4", "aria-hidden": !0 })
+            a.confirmTransfer,
+            /* @__PURE__ */ t(p, { className: "ttw:size-4", "aria-hidden": !0 })
           ]
         }
       ),
@@ -101,10 +102,11 @@ function A({
           variant: "link",
           className: "ttw:h-auto ttw:cursor-pointer ttw:px-0 ttw:py-0 ttw:text-base ttw:font-medium",
           disabled: n,
-          onClick: d,
+          onClick: m,
+          "data-testid": "embedded-banking-transfer-money-go-back-button",
           children: [
             /* @__PURE__ */ t(h, { className: "ttw:size-4", "aria-hidden": !0 }),
-            o.goBack
+            a.goBack
           ]
         }
       )

package/dist/libs/tesouro-embedded-components-react/transfers-widget/ui/dist/index7.js

@@ -1,27 +1,27 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { Typography as a, Button as l } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { CheckCircle2 as c, X as o, ArrowLeft as d } from "lucide-react";
+import { Typography as n, Button as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { CheckCircle2 as d, X as w, ArrowLeft as c } from "lucide-react";
 import { DEFAULT_TRANSFER_RESULT_STEP_LABELS as m } from "./index10.js";
-function p({
-  amountLabel: i,
+function g({
+  amountLabel: a,
   isSuccess: s,
-  onBackToTransfers: n,
-  labels: w
+  onBackToTransfers: i,
+  labels: l
 }) {
-  const e = { ...m, ...w };
+  const e = { ...m, ...l };
   return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:px-2 ttw:py-8", children: [
     /* @__PURE__ */ t(
       "div",
       {
         className: s ? "ttw:mb-4 ttw:flex ttw:size-14 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-emerald-50" : "ttw:mb-4 ttw:flex ttw:size-14 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-red-50",
         children: s ? /* @__PURE__ */ t("div", { className: "ttw:flex ttw:size-10 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-emerald-100", children: /* @__PURE__ */ t(
-          c,
+          d,
           {
             className: "ttw:size-7 ttw:text-emerald-600",
             "aria-hidden": !0
           }
         ) }) : /* @__PURE__ */ t("div", { className: "ttw:flex ttw:size-10 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-destructive", children: /* @__PURE__ */ t(
-          o,
+          w,
           {
             className: "ttw:size-6 ttw:text-destructive-foreground",
             "aria-hidden": !0
@@ -30,15 +30,16 @@ function p({
       }
     ),
     /* @__PURE__ */ t(
-      a,
+      n,
       {
         component: "h2",
         className: "ttw:mb-2 ttw:text-center ttw:text-lg ttw:font-bold ttw:text-foreground",
+        "data-testid": s ? "embedded-banking-transfer-money-result-success-title" : "embedded-banking-transfer-money-result-error-title",
         children: s ? e.successTitle : e.errorTitle
       }
     ),
     /* @__PURE__ */ r(
-      a,
+      n,
       {
         variant: "body2",
         color: "muted",
@@ -46,21 +47,22 @@ function p({
         className: "ttw:mb-8 ttw:max-w-sm ttw:text-center",
         children: [
           e.transferMessagePrefix,
-          /* @__PURE__ */ t("span", { className: "ttw:font-semibold ttw:text-foreground", children: i }),
+          /* @__PURE__ */ t("span", { className: "ttw:font-semibold ttw:text-foreground", children: a }),
           " ",
           s ? e.successMessageSuffix : e.errorMessageSuffix
         ]
       }
     ),
     /* @__PURE__ */ r(
-      l,
+      o,
       {
         type: "button",
         variant: "outline",
         className: "ttw:h-11 ttw:w-full ttw:cursor-pointer ttw:gap-2 ttw:rounded-lg ttw:font-semibold",
-        onClick: n,
+        onClick: i,
+        "data-testid": "embedded-banking-transfer-money-back-to-transfers-button",
         children: [
-          /* @__PURE__ */ t(d, { className: "ttw:size-4", "aria-hidden": !0 }),
+          /* @__PURE__ */ t(c, { className: "ttw:size-4", "aria-hidden": !0 }),
           e.backToTransfers
         ]
       }
@@ -68,5 +70,5 @@ function p({
   ] });
 }
 export {
-  p as TransferResultStep
+  g as TransferResultStep
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tesouro/embedded-components-react",
-  "version": "0.2.123",
+  "version": "0.2.124",
   "license": "Apache-2.0",
   "type": "module",
   "packageDepSync": {