@npm_leadtech/legal-contracts-ui 0.190.0 → 0.190.11

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.
@@ -95,6 +95,7 @@ export interface LinkWrapperProps {
95
95
  iconPosition?: IconPosition;
96
96
  disabled?: boolean;
97
97
  className?: string;
98
+ 'data-qa'?: string;
98
99
  }
99
100
 
100
101
  export interface MissionSectionProps {
@@ -51,6 +51,7 @@ export interface DefaultSubtypeDocumentProps extends BaseSubtypeDocumentProps {
51
51
  format: 'Default';
52
52
  createDocButton: ReactNode;
53
53
  description: string;
54
+ ctaDataQa?: string;
54
55
  }
55
56
 
56
57
  export interface DocumentCategoriesProps {
@@ -34,6 +34,7 @@ export interface DefaultSubtypeDocumentProps extends BaseSubtypeDocumentProps {
34
34
  format: 'Default';
35
35
  createDocButton: ReactNode;
36
36
  description: string;
37
+ ctaDataQa?: string;
37
38
  }
38
39
 
39
40
  export interface ImageWithPreviewProps {
@@ -22,6 +22,7 @@ var c = ({ id: c, title: l, content: u, linkedProducts: d, sampleImage: f, cta:
22
22
  f && /* @__PURE__ */ o(n, { ...f }),
23
23
  !!p && /* @__PURE__ */ o(t, {
24
24
  className: "w-75 self-center text-center",
25
+ "data-qa": `createDocument-seo-content-cta-${c}`,
25
26
  children: p
26
27
  }),
27
28
  !!m && /* @__PURE__ */ o(t, {
@@ -44,7 +45,10 @@ var c = ({ id: c, title: l, content: u, linkedProducts: d, sampleImage: f, cta:
44
45
  }),
45
46
  g.length > 0 && /* @__PURE__ */ o("div", {
46
47
  className: "flex flex-wrap gap-2",
47
- children: g.map((e) => e.format === "Alternative" ? /* @__PURE__ */ o(i, { ...e }, e.id) : /* @__PURE__ */ o(a, { ...e }, e.id))
48
+ children: g.map((e) => e.format === "Alternative" ? /* @__PURE__ */ o(i, { ...e }, e.id) : /* @__PURE__ */ o(a, {
49
+ ...e,
50
+ ctaDataQa: `createDocument-seo-content-${c}-subtype-${e.id}`
51
+ }, e.id))
48
52
  })
49
53
  ]
50
54
  });
@@ -43,6 +43,7 @@ export interface LinkWrapperProps {
43
43
  iconPosition?: IconPosition;
44
44
  disabled?: boolean;
45
45
  className?: string;
46
+ 'data-qa'?: string;
46
47
  }
47
48
 
48
49
  export type ResponsiveButtonVariant = ButtonVariant | {
@@ -19,6 +19,7 @@ export declare interface DefaultSubtypeDocumentProps extends BaseSubtypeDocument
19
19
  format: 'Default';
20
20
  createDocButton: ReactNode;
21
21
  description: string;
22
+ ctaDataQa?: string;
22
23
  }
23
24
 
24
25
  export declare type SubtypeDocumentProps = DefaultSubtypeDocumentProps | AlternativeSubtypeDocumentProps;
@@ -1,40 +1,41 @@
1
1
  import { LinkWrapper as e } from "./LinkWrapper.js";
2
2
  import { jsx as t, jsxs as n } from "react/jsx-runtime";
3
3
  //#region lib/components/molecules/DefaultSubtypeDocument.tsx
4
- var r = ({ link: r, sampleImage: i, pdfDownload: a, wordDownload: o, createDocButton: s, description: c }) => /* @__PURE__ */ n("div", {
4
+ var r = ({ id: r, link: i, sampleImage: a, pdfDownload: o, wordDownload: s, createDocButton: c, description: l, ctaDataQa: u = `createDocument-seo-subtype-${r}` }) => /* @__PURE__ */ n("div", {
5
5
  className: "bg-secondary-50 mb-6 flex max-w-100 flex-col items-center justify-center gap-6 rounded-xs px-6 py-8 shadow-md last:mb-0 lg:max-w-136 lg:flex-row lg:items-start xl:max-w-179",
6
6
  children: [/* @__PURE__ */ t("div", {
7
7
  className: "max-w-35 shadow",
8
- children: i
8
+ children: a
9
9
  }), /* @__PURE__ */ n("div", {
10
10
  className: "flex w-full flex-col gap-4",
11
11
  children: [
12
12
  /* @__PURE__ */ t("div", {
13
13
  className: "text-medium font-bold text-neutral-900 underline",
14
- children: r
14
+ children: i
15
15
  }),
16
16
  /* @__PURE__ */ t("p", {
17
17
  className: "text-medium text-neutral-900",
18
- children: c
18
+ children: l
19
19
  }),
20
20
  /* @__PURE__ */ n("div", {
21
21
  className: "flex flex-col gap-4 xl:flex-row",
22
22
  children: [/* @__PURE__ */ t(e, {
23
23
  size: "small",
24
24
  className: "w-full",
25
- children: s
25
+ "data-qa": u,
26
+ children: c
26
27
  }), /* @__PURE__ */ n("div", {
27
28
  className: "flex w-full justify-between gap-4",
28
- children: [!!a && /* @__PURE__ */ t(e, {
29
+ children: [!!o && /* @__PURE__ */ t(e, {
29
30
  size: "small",
30
31
  className: "w-full",
31
32
  variant: "secondary-black",
32
- children: a
33
- }), !!o && /* @__PURE__ */ t(e, {
33
+ children: o
34
+ }), !!s && /* @__PURE__ */ t(e, {
34
35
  size: "small",
35
36
  className: "w-full",
36
37
  variant: "secondary-black",
37
- children: o
38
+ children: s
38
39
  })]
39
40
  })]
40
41
  })
@@ -31,6 +31,7 @@ export interface LinkWrapperProps {
31
31
  iconPosition?: IconPosition;
32
32
  disabled?: boolean;
33
33
  className?: string;
34
+ 'data-qa'?: string;
34
35
  }
35
36
 
36
37
  export type ResponsiveButtonVariant = ButtonVariant | {
@@ -26,6 +26,7 @@ export interface LinkWrapperProps {
26
26
  iconPosition?: IconPosition;
27
27
  disabled?: boolean;
28
28
  className?: string;
29
+ 'data-qa'?: string;
29
30
  }
30
31
 
31
32
  export type ResponsiveButtonVariant = ButtonVariant | {
@@ -7,7 +7,7 @@ export type ButtonVariant = 'primary-green' | 'primary-darkgreen' | 'primary-yel
7
7
 
8
8
  export type IconPosition = 'left' | 'right' | 'top';
9
9
 
10
- export declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapperProps) => JSX.Element;
10
+ export declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children, "data-qa": dataQa }: LinkWrapperProps) => JSX.Element;
11
11
 
12
12
  export declare interface LinkWrapperProps {
13
13
  children: ReactNode;
@@ -16,6 +16,7 @@ export declare interface LinkWrapperProps {
16
16
  iconPosition?: IconPosition;
17
17
  disabled?: boolean;
18
18
  className?: string;
19
+ 'data-qa'?: string;
19
20
  }
20
21
 
21
22
  export type ResponsiveButtonVariant = ButtonVariant | {
@@ -1,10 +1,15 @@
1
1
  import { getButtonClasses as e } from "./Button.utils.js";
2
- import { jsx as t } from "react/jsx-runtime";
3
- import { clsx as n } from "clsx";
2
+ import { Children as t, Fragment as n, cloneElement as r, isValidElement as i } from "react";
3
+ import { jsx as a } from "react/jsx-runtime";
4
+ import { clsx as o } from "clsx";
4
5
  //#region lib/components/atoms/LinkWrapper.tsx
5
- var r = ({ size: r, variant: i, iconPosition: a, disabled: o = !1, className: s, children: c }) => /* @__PURE__ */ t("span", {
6
- className: n(e(r, i, a, o, s), "relative [&_a]:before:absolute [&_a]:before:inset-0 [&_a]:before:content-[\"\"]"),
7
- children: c
8
- });
6
+ var s = ({ size: s, variant: c, iconPosition: l, disabled: u = !1, className: d, children: f, "data-qa": p }) => {
7
+ let m = e(s, c, l, u, d), h = p === void 0 ? [] : t.toArray(f), g = h.length === 1 ? h[0] : f, _ = i(g) && g.type !== n;
8
+ return /* @__PURE__ */ a("span", {
9
+ className: o(m, "relative [&_a]:before:absolute [&_a]:before:inset-0 [&_a]:before:content-[\"\"]"),
10
+ "data-qa": _ ? void 0 : p,
11
+ children: p !== void 0 && _ ? r(g, { "data-qa": p }) : f
12
+ });
13
+ };
9
14
  //#endregion
10
- export { r as LinkWrapper };
15
+ export { s as LinkWrapper };
@@ -41,6 +41,7 @@ var c = ({ trustedBadge: c, cta: l, inputFieldData: u, radioFieldData: d, toolti
41
41
  })] }),
42
42
  /* @__PURE__ */ o(t, {
43
43
  variant: "primary-green",
44
+ "data-qa": "createDocument-desktop-hero",
44
45
  children: l
45
46
  }),
46
47
  f.length > 0 && /* @__PURE__ */ o("div", {
@@ -70,6 +70,7 @@ var u = ({ radioFieldData: u, inputFieldData: d, cta: f, trustedBadge: p, hasMob
70
70
  /* @__PURE__ */ c(n, {
71
71
  variant: "primary-green",
72
72
  className: `text-small ${t ? "w-fit text-nowrap" : "w-full"}`,
73
+ "data-qa": t ? "createDocument-mobile-sticky" : "createDocument-mobile-hero",
73
74
  children: f
74
75
  })
75
76
  ]
@@ -38,6 +38,7 @@ var s = ({ title: s, footerText: c, preview: l, cta: u, pdfDownload: d, wordDown
38
38
  !!u && /* @__PURE__ */ a(n, {
39
39
  className: "w-full",
40
40
  variant: "primary-green",
41
+ "data-qa": "createDocument-desktop-sidebar",
41
42
  children: u
42
43
  }),
43
44
  /* @__PURE__ */ a("div", { className: "h-px w-full bg-neutral-200" }),
@@ -30,6 +30,7 @@ var o = ({ title: o, documentPreview: s, cta: c, comingSoonCta: l, onPreviewScro
30
30
  }),
31
31
  !!c && /* @__PURE__ */ i(t, {
32
32
  className: "w-full md:w-auto",
33
+ "data-qa": "createDocument-preview-section",
33
34
  children: c
34
35
  }),
35
36
  !!l && /* @__PURE__ */ i(t, {
@@ -55,6 +55,7 @@ export interface LinkWrapperProps {
55
55
  iconPosition?: IconPosition;
56
56
  disabled?: boolean;
57
57
  className?: string;
58
+ 'data-qa'?: string;
58
59
  }
59
60
 
60
61
  export interface PricingOfferingItem {
@@ -47,6 +47,7 @@ export interface DefaultSubtypeDocumentProps extends BaseSubtypeDocumentProps {
47
47
  format: 'Default';
48
48
  createDocButton: ReactNode;
49
49
  description: string;
50
+ ctaDataQa?: string;
50
51
  }
51
52
 
52
53
  export interface FaqItemProps {
@@ -15,7 +15,10 @@ var r = ({ title: r, benefits: i, cta: a }) => /* @__PURE__ */ t("section", {
15
15
  className: "text-medium flex flex-col gap-8 md:grid md:grid-cols-3 md:gap-20",
16
16
  children: i.map((e) => /* @__PURE__ */ t("p", { children: e }, e))
17
17
  }),
18
- /* @__PURE__ */ t(e, { children: a })
18
+ /* @__PURE__ */ t(e, {
19
+ "data-qa": "createDocument-try-now",
20
+ children: a
21
+ })
19
22
  ]
20
23
  })
21
24
  });
@@ -14,6 +14,7 @@ export interface LinkWrapperProps {
14
14
  iconPosition?: IconPosition;
15
15
  disabled?: boolean;
16
16
  className?: string;
17
+ 'data-qa'?: string;
17
18
  }
18
19
 
19
20
  export type ResponsiveButtonVariant = ButtonVariant | {
@@ -322,6 +322,7 @@ export declare interface DefaultSubtypeDocumentProps extends BaseSubtypeDocument
322
322
  format: 'Default';
323
323
  createDocButton: ReactNode;
324
324
  description: string;
325
+ ctaDataQa?: string;
325
326
  }
326
327
 
327
328
  export declare const DeFlagIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
@@ -901,7 +902,7 @@ export declare interface LinkedProductsProps {
901
902
  linkedProducts: LinkedProductProps[];
902
903
  }
903
904
 
904
- export declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapperProps) => JSX.Element;
905
+ export declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children, "data-qa": dataQa }: LinkWrapperProps) => JSX.Element;
905
906
 
906
907
  export declare interface LinkWrapperProps {
907
908
  children: ReactNode;
@@ -910,6 +911,7 @@ export declare interface LinkWrapperProps {
910
911
  iconPosition?: IconPosition;
911
912
  disabled?: boolean;
912
913
  className?: string;
914
+ 'data-qa'?: string;
913
915
  }
914
916
 
915
917
  export declare const LocationIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-contracts-ui",
3
- "version": "0.190.0",
3
+ "version": "0.190.11",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -749,6 +749,29 @@
749
749
  "bugs": {
750
750
  "url": "https://bitbucket.org/grupoblidoo/legal-contracts-ui/issues"
751
751
  },
752
+ "scripts": {
753
+ "dev": "vite",
754
+ "build": "tsc --project tsconfig.build.json && vite build && cp lib/globals-core.css dist/globals.css",
755
+ "sonar:scan": "bash scripts/sonar.sh",
756
+ "sonar": "pnpm test && pnpm sonar:scan",
757
+ "chromatic": "npx chromatic --project-token=chpt_f2cdc115a03f4c9",
758
+ "yalc-push": "pnpm build && yalc push",
759
+ "format": "prettier --write .",
760
+ "prettier": "prettier --check .",
761
+ "eslint": "eslint . --quiet",
762
+ "test": "vitest run --coverage --project unit",
763
+ "test:storybook": "vitest run --project storybook --reporter=default",
764
+ "test:all": "pnpm test && pnpm test:storybook",
765
+ "test:watch": "vitest --coverage --project unit",
766
+ "storybook": "storybook dev -p 6006",
767
+ "build-storybook": "storybook build",
768
+ "reinstall-force": "rm -Rf node_modules && pnpm install",
769
+ "prepare-upgrade": "pnpm reinstall-force && pnpm build && pnpm chromatic && git add . && git commit -m \"$MSG\" --allow-empty && npm config set tag-version-prefix ''",
770
+ "upgrade-patch": "pnpm prepare-upgrade && npm version patch -m \"Update patch version number\" && git push && git push --tags",
771
+ "upgrade-minor": "pnpm prepare-upgrade && npm version minor -m \"Update minor version number\" && git push && git push --tags",
772
+ "upgrade-major": "pnpm prepare-upgrade && npm version major -m \"Update major version number\" && git push && git push --tags",
773
+ "prepare": "husky"
774
+ },
752
775
  "dependencies": {
753
776
  "clsx": "^2.1.1",
754
777
  "react-markdown": "^10.1.0",
@@ -826,26 +849,5 @@
826
849
  "prettier --write --ignore-unknown"
827
850
  ]
828
851
  },
829
- "scripts": {
830
- "dev": "vite",
831
- "build": "tsc --project tsconfig.build.json && vite build && cp lib/globals-core.css dist/globals.css",
832
- "sonar:scan": "bash scripts/sonar.sh",
833
- "sonar": "pnpm test && pnpm sonar:scan",
834
- "chromatic": "npx chromatic --project-token=chpt_be90ce8462f803c",
835
- "yalc-push": "pnpm build && yalc push",
836
- "format": "prettier --write .",
837
- "prettier": "prettier --check .",
838
- "eslint": "eslint . --quiet",
839
- "test": "vitest run --coverage --project unit",
840
- "test:storybook": "vitest run --project storybook --reporter=default",
841
- "test:all": "pnpm test && pnpm test:storybook",
842
- "test:watch": "vitest --coverage --project unit",
843
- "storybook": "storybook dev -p 6006",
844
- "build-storybook": "storybook build",
845
- "reinstall-force": "rm -Rf node_modules && pnpm install",
846
- "prepare-upgrade": "pnpm reinstall-force && pnpm build && pnpm chromatic && git add . && git commit -m \"$MSG\" --allow-empty && npm config set tag-version-prefix ''",
847
- "upgrade-patch": "pnpm prepare-upgrade && npm version patch -m \"Update patch version number\" && git push && git push --tags",
848
- "upgrade-minor": "pnpm prepare-upgrade && npm version minor -m \"Update minor version number\" && git push && git push --tags",
849
- "upgrade-major": "pnpm prepare-upgrade && npm version major -m \"Update major version number\" && git push && git push --tags"
850
- }
851
- }
852
+ "packageManager": "pnpm@10.28.0+sha512.05df71d1421f21399e053fde567cea34d446fa02c76571441bfc1c7956e98e363088982d940465fd34480d4d90a0668bc12362f8aa88000a64e83d0b0e47be48"
853
+ }