@cobre-npm/ds-v3 0.144.3 → 0.145.1

package/dist/types/components/molecules/CobreFlowResult/CobreFlowResult.vue.d.ts

@@ -13,6 +13,7 @@ interface Props {
     labelSecondary?: string;
     isLoadingBtnPrimary?: boolean;
     isDisabledBtnPrimary?: boolean;
+    isDisabledBtnSecondary?: boolean;
     themeBtnPrimary?: ButtonThemes;
     icon?: IconTypeV3;
     hasCloseButton?: boolean;
@@ -34,6 +35,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
 }>, {
     hasCloseButton: boolean;
     isDisabledBtnPrimary: boolean;
+    isDisabledBtnSecondary: boolean;
     themeBtnPrimary: ButtonThemes;
     showActionsBorder: boolean;
     subtitleAlignment: "center" | "start" | "end";

package/dist/types/components/molecules/CobreFormOtp/CobreFormOtp.vue.d.ts

@@ -1,19 +1,27 @@
 /**
  * CobreFormOtp — a 6-digit OTP entry form built on top of CobreFlowResult.
- * Use to collect a one-time code; emits `onComplete` when all 6 digits are filled,
- * `submit` with the value on confirm, and `cancel` on the secondary button. Exposes
- * `clearInput()` to reset the fields. Provides a `bottom` slot below the OTP inputs.
+ * Use to collect a one-time code from users; emits `onComplete` when all 6 digits are filled,
+ * `submit` when the primary button is clicked, and `cancel` on the secondary button.
+ * Supports dynamic button labels and a `bottom` slot for adding custom UI (e.g., resend/countdown).
+ * Exposes `clearInput()` to reset the fields and `otpInput` ref for advanced usage.
+ *
+ * Button labels are fully customizable and reactive — change the props at any time to update the UI.
+ * Each button can also be disabled independently via `isDisabledSubmitButton` / `isDisabledCancelButton`
+ * (e.g., disabling "Reenviar código" while a resend cooldown is running).
+ * For resend/countdown flows, use the `bottom` slot to add custom buttons and logic below the OTP inputs.
  */
 interface Props {
     title: string;
     description: string;
-    textCancelButton: string;
     textSubmitButton: string;
+    textCancelButton: string;
     errorMsg: string;
     isLoading?: boolean;
     hideIcon?: boolean;
     isInvalidOtp?: boolean;
     showActionsBorder?: boolean;
+    isDisabledSubmitButton?: boolean;
+    isDisabledCancelButton?: boolean;
 }
 declare var __VLS_20: {};
 type __VLS_Slots = {} & {
@@ -22,17 +30,19 @@ type __VLS_Slots = {} & {
 declare const __VLS_component: import("vue").DefineComponent<Props, {
     clearInput: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    cancel: (...args: any[]) => void;
-    submit: (...args: any[]) => void;
-    onComplete: (...args: any[]) => void;
+    cancel: () => any;
+    submit: (value: string) => any;
+    onComplete: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onCancel?: ((...args: any[]) => any) | undefined;
-    onSubmit?: ((...args: any[]) => any) | undefined;
-    onOnComplete?: ((...args: any[]) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onSubmit?: ((value: string) => any) | undefined;
+    onOnComplete?: ((value: string) => any) | undefined;
 }>, {
     isLoading: boolean;
     hideIcon: boolean;
     isInvalidOtp: boolean;
+    isDisabledSubmitButton: boolean;
+    isDisabledCancelButton: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cobre-npm/ds-v3",
-  "version": "0.144.3",
+  "version": "0.145.1",
   "type": "module",
   "packageManager": "pnpm@11.0.4",
   "engines": {
@@ -12,6 +12,7 @@
   "module": "./dist/cobre-ds-v3-lib.es.js",
   "types": "dist/types/index.d.ts",
   "scripts": {
+    "postinstall": "node scripts/install-test-browser.mjs",
     "dev": "vite",
     "get-types": "vue-tsc --declaration --emitDeclarationOnly",
     "build": "vite build && run-p get-types",
@@ -19,13 +20,16 @@
     "build:qa": "run-p build-only",
     "build:prod": "run-p build-only && run-p get-types && npm publish",
     "preview": "vite preview",
-    "test:unit": "vitest --environment jsdom --root src/",
+    "test": "playwright install --with-deps chromium && vitest run --project=stories && vitest run --project=unit --coverage && node scripts/check-invariants.mjs",
+    "test:browsers": "playwright install --with-deps chromium",
+    "test:stories": "vitest run --project=stories",
+    "test:unit": "vitest run --project=unit --coverage",
+    "test:invariants": "node scripts/check-invariants.mjs",
     "build-only": "vite build",
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
     "storybook": "storybook dev -p 6006 --ci",
     "storybook-server": "storybook dev -p 8080",
-    "build-storybook": "storybook build",
-    "test": "test-storybook"
+    "build-storybook": "storybook build"
   },
   "dependencies": {
     "@formkit/drag-and-drop": "^0.6.1",
@@ -47,25 +51,30 @@
     "@storybook/addon-a11y": "10.1.11",
     "@storybook/addon-docs": "10.1.11",
     "@storybook/addon-links": "10.1.11",
-    "@storybook/test-runner": "^0.24.2",
+    "@storybook/addon-vitest": "10.1.11",
     "@storybook/vue3": "10.1.11",
     "@storybook/vue3-vite": "10.1.11",
     "@types/bootstrap": "^5.2.10",
     "@types/vue-select": "^3.16.8",
     "@vitejs/plugin-vue": "^5.0.4",
+    "@vitest/browser": "^3.2.7",
+    "@vitest/coverage-v8": "^3.2.7",
     "@vue/eslint-config-prettier": "^9.0.0",
     "@vue/eslint-config-typescript": "^13.0.0",
     "@vue/tsconfig": "^0.5.1",
     "eslint": "^8.57.0",
     "eslint-plugin-storybook": "10.1.11",
     "eslint-plugin-vue": "^9.22.0",
+    "jsdom": "^30.0.1",
     "npm-run-all": "^4.1.5",
+    "playwright": "^1.63.0",
     "prettier": "^3.3.2",
     "standard": "^17.1.0",
     "storybook": "10.1.11",
     "typescript": "^5.2.2",
     "vite": "^5.2.0",
     "vite-plugin-static-copy": "^1.0.5",
+    "vitest": "^3.2.7",
     "vue-tsc": "^2.0.6"
   },
   "peerDependencies": {