@designcrowd/fe-shared-lib 1.2.6 → 1.2.7-ml-291-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.
Files changed (72) hide show
  1. package/.github/workflows/auto-merge.yml +52 -0
  2. package/CLAUDE.md +71 -0
  3. package/Dockerfile +1 -1
  4. package/dist/css/tailwind-brandCrowd.css +2485 -0
  5. package/dist/css/tailwind-brandPage.css +2169 -0
  6. package/dist/css/tailwind-crazyDomains.css +2485 -0
  7. package/dist/css/tailwind-designCom.css +2485 -0
  8. package/dist/css/tailwind-designCrowd.css +2485 -0
  9. package/package.json +2 -2
  10. package/public/css/tailwind-brandCrowd.css +26 -0
  11. package/public/css/tailwind-brandPage.css +22 -0
  12. package/public/css/tailwind-crazyDomains.css +26 -0
  13. package/public/css/tailwind-designCom.css +26 -0
  14. package/public/css/tailwind-designCrowd.css +26 -0
  15. package/src/atoms/components/Price/Price.vue +1 -1
  16. package/src/bundles/bundled-translations.de-DE.json +49 -2
  17. package/src/bundles/bundled-translations.es-ES.json +49 -2
  18. package/src/bundles/bundled-translations.fr-FR.json +49 -2
  19. package/src/bundles/bundled-translations.json +49 -2
  20. package/src/bundles/bundled-translations.pt-PT.json +49 -2
  21. package/src/experiences/components/AuthFlow/ForgotPassword.vue +21 -9
  22. package/src/experiences/components/AuthFlow/ResetPassword.vue +37 -8
  23. package/src/experiences/components/PublishBrandPageModal/PublishBrandPageCard.vue +14 -10
  24. package/src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.stories.js +29 -6
  25. package/src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.vue +59 -27
  26. package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.de-DE.json +22 -0
  27. package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.es-ES.json +22 -0
  28. package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.fr-FR.json +22 -0
  29. package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.json +22 -0
  30. package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.pt-PT.json +22 -0
  31. package/src/experiences/components/SellDomainNameList/SellDomainNameList.vue +15 -7
  32. package/src/experiences/components/SellDomainNameList/i18n/sell-domain-name-list.de-DE.json +8 -0
  33. package/src/experiences/components/SellDomainNameList/i18n/sell-domain-name-list.es-ES.json +8 -0
  34. package/src/experiences/components/SellDomainNameList/i18n/sell-domain-name-list.fr-FR.json +8 -0
  35. package/src/experiences/components/SellDomainNameList/i18n/sell-domain-name-list.json +8 -0
  36. package/src/experiences/components/SellDomainNameList/i18n/sell-domain-name-list.pt-PT.json +8 -0
  37. package/src/experiences/components/SellDomainNameListModal/SellDomainNameListModal.vue +12 -8
  38. package/src/experiences/components/SellDomainNameListModal/i18n/sell-domain-name-list-modal.de-DE.json +6 -0
  39. package/src/experiences/components/SellDomainNameListModal/i18n/sell-domain-name-list-modal.es-ES.json +6 -0
  40. package/src/experiences/components/SellDomainNameListModal/i18n/sell-domain-name-list-modal.fr-FR.json +6 -0
  41. package/src/experiences/components/SellDomainNameListModal/i18n/sell-domain-name-list-modal.json +6 -0
  42. package/src/experiences/components/SellDomainNameListModal/i18n/sell-domain-name-list-modal.pt-PT.json +6 -0
  43. package/src/experiences/components/SellDomainNameModalApplication/SellDomainNameModalApplication.vue +13 -9
  44. package/src/experiences/components/SellDomainNameModalApplication/i18n/sell-domain-name-modal-application.de-DE.json +6 -0
  45. package/src/experiences/components/SellDomainNameModalApplication/i18n/sell-domain-name-modal-application.es-ES.json +6 -0
  46. package/src/experiences/components/SellDomainNameModalApplication/i18n/sell-domain-name-modal-application.fr-FR.json +6 -0
  47. package/src/experiences/components/SellDomainNameModalApplication/i18n/sell-domain-name-modal-application.json +6 -0
  48. package/src/experiences/components/SellDomainNameModalApplication/i18n/sell-domain-name-modal-application.pt-PT.json +6 -0
  49. package/src/experiences/components/SellDomainNameSearch/SellDomainNameSearch.vue +18 -13
  50. package/src/experiences/components/SellDomainNameSearch/i18n/sell-domain-name-search.de-DE.json +8 -0
  51. package/src/experiences/components/SellDomainNameSearch/i18n/sell-domain-name-search.es-ES.json +8 -0
  52. package/src/experiences/components/SellDomainNameSearch/i18n/sell-domain-name-search.fr-FR.json +8 -0
  53. package/src/experiences/components/SellDomainNameSearch/i18n/sell-domain-name-search.json +8 -0
  54. package/src/experiences/components/SellDomainNameSearch/i18n/sell-domain-name-search.pt-PT.json +8 -0
  55. package/src/experiences/components/SellDomainNameSearchResult/SellDomainNameListSearchResult.vue +15 -5
  56. package/src/experiences/components/SellDomainNameSearchResult/i18n/sell-domain-name-list-search-result.de-DE.json +6 -0
  57. package/src/experiences/components/SellDomainNameSearchResult/i18n/sell-domain-name-list-search-result.es-ES.json +6 -0
  58. package/src/experiences/components/SellDomainNameSearchResult/i18n/sell-domain-name-list-search-result.fr-FR.json +6 -0
  59. package/src/experiences/components/SellDomainNameSearchResult/i18n/sell-domain-name-list-search-result.json +6 -0
  60. package/src/experiences/components/SellDomainNameSearchResult/i18n/sell-domain-name-list-search-result.pt-PT.json +6 -0
  61. package/src/experiences/components/SellDomainNameWidget/SellDomainNameWidget.vue +15 -12
  62. package/src/experiences/components/SellDomainNameWidget/i18n/sell-domain-name-widget.de-DE.json +8 -0
  63. package/src/experiences/components/SellDomainNameWidget/i18n/sell-domain-name-widget.es-ES.json +8 -0
  64. package/src/experiences/components/SellDomainNameWidget/i18n/sell-domain-name-widget.fr-FR.json +8 -0
  65. package/src/experiences/components/SellDomainNameWidget/i18n/sell-domain-name-widget.json +8 -0
  66. package/src/experiences/components/SellDomainNameWidget/i18n/sell-domain-name-widget.pt-PT.json +8 -0
  67. package/src/useSharedLibTranslate.js +37 -1
  68. package/src/experiences/components/PublishBrandPageModal/i18n/publish-modal.de-DE.json +0 -5
  69. package/src/experiences/components/PublishBrandPageModal/i18n/publish-modal.es-ES.json +0 -5
  70. package/src/experiences/components/PublishBrandPageModal/i18n/publish-modal.fr-FR.json +0 -5
  71. package/src/experiences/components/PublishBrandPageModal/i18n/publish-modal.json +0 -5
  72. package/src/experiences/components/PublishBrandPageModal/i18n/publish-modal.pt-PT.json +0 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@designcrowd/fe-shared-lib",
3
- "version": "1.2.6",
3
+ "version": "1.2.7-ml-291-6",
4
4
  "scripts": {
5
5
  "start": "run-p storybook watch:translation",
6
6
  "build": "npm run build:css --production",
@@ -113,4 +113,4 @@
113
113
  "overrides": {
114
114
  "storybook": "$storybook"
115
115
  }
116
- }
116
+ }
@@ -719,6 +719,9 @@ video {
719
719
  .theme-brandCrowd .tw-ml-auto {
720
720
  margin-left: auto;
721
721
  }
722
+ .theme-brandCrowd .tw-mr-1 {
723
+ margin-right: 0.25rem;
724
+ }
722
725
  .theme-brandCrowd .tw-mr-2 {
723
726
  margin-right: 0.5rem;
724
727
  }
@@ -827,6 +830,10 @@ video {
827
830
  .theme-brandCrowd .tw-h-auto {
828
831
  height: auto;
829
832
  }
833
+ .theme-brandCrowd .tw-h-fit {
834
+ height: -moz-fit-content;
835
+ height: fit-content;
836
+ }
830
837
  .theme-brandCrowd .tw-h-full {
831
838
  height: 100%;
832
839
  }
@@ -1446,6 +1453,17 @@ video {
1446
1453
  .theme-brandCrowd .tw-bg-opacity-80 {
1447
1454
  --tw-bg-opacity: 0.8;
1448
1455
  }
1456
+ .theme-brandCrowd .tw-bg-gradient-to-t {
1457
+ background-image: linear-gradient(to top, var(--tw-gradient-stops));
1458
+ }
1459
+ .theme-brandCrowd .tw-from-\[\#d946ef\] {
1460
+ --tw-gradient-from: #d946ef var(--tw-gradient-from-position);
1461
+ --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
1462
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1463
+ }
1464
+ .theme-brandCrowd .tw-to-\[\#8b5cf6\] {
1465
+ --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position);
1466
+ }
1449
1467
  .theme-brandCrowd .tw-bg-no-repeat {
1450
1468
  background-repeat: no-repeat;
1451
1469
  }
@@ -2023,6 +2041,10 @@ video {
2023
2041
  --tw-bg-opacity: 1;
2024
2042
  background-color: rgb(0 121 172 / var(--tw-bg-opacity));
2025
2043
  }
2044
+ .theme-brandCrowd .hover\:tw-bg-primary-100:hover {
2045
+ --tw-bg-opacity: 1;
2046
+ background-color: rgb(252 209 217 / var(--tw-bg-opacity));
2047
+ }
2026
2048
  .theme-brandCrowd .hover\:tw-bg-primary-400:hover {
2027
2049
  --tw-bg-opacity: 1;
2028
2050
  background-color: rgb(245 73 101 / var(--tw-bg-opacity));
@@ -2087,6 +2109,10 @@ video {
2087
2109
  --tw-shadow-color: #0097D7 !important;
2088
2110
  --tw-shadow: var(--tw-shadow-colored) !important;
2089
2111
  }
2112
+ .theme-brandCrowd .hover\:tw-brightness-\[0\.85\]:hover {
2113
+ --tw-brightness: brightness(0.85);
2114
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2115
+ }
2090
2116
  .theme-brandCrowd .focus\:tw-border-error-600:focus {
2091
2117
  --tw-border-opacity: 1;
2092
2118
  border-color: rgb(194 22 50 / var(--tw-border-opacity));
@@ -719,6 +719,9 @@ video {
719
719
  .theme-brandPage .tw-ml-auto {
720
720
  margin-left: auto;
721
721
  }
722
+ .theme-brandPage .tw-mr-1 {
723
+ margin-right: 0.25rem;
724
+ }
722
725
  .theme-brandPage .tw-mr-2 {
723
726
  margin-right: 0.5rem;
724
727
  }
@@ -827,6 +830,10 @@ video {
827
830
  .theme-brandPage .tw-h-auto {
828
831
  height: auto;
829
832
  }
833
+ .theme-brandPage .tw-h-fit {
834
+ height: -moz-fit-content;
835
+ height: fit-content;
836
+ }
830
837
  .theme-brandPage .tw-h-full {
831
838
  height: 100%;
832
839
  }
@@ -1294,6 +1301,17 @@ video {
1294
1301
  .theme-brandPage .tw-bg-opacity-80 {
1295
1302
  --tw-bg-opacity: 0.8;
1296
1303
  }
1304
+ .theme-brandPage .tw-bg-gradient-to-t {
1305
+ background-image: linear-gradient(to top, var(--tw-gradient-stops));
1306
+ }
1307
+ .theme-brandPage .tw-from-\[\#d946ef\] {
1308
+ --tw-gradient-from: #d946ef var(--tw-gradient-from-position);
1309
+ --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
1310
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1311
+ }
1312
+ .theme-brandPage .tw-to-\[\#8b5cf6\] {
1313
+ --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position);
1314
+ }
1297
1315
  .theme-brandPage .tw-bg-no-repeat {
1298
1316
  background-repeat: no-repeat;
1299
1317
  }
@@ -1791,6 +1809,10 @@ video {
1791
1809
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1792
1810
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1793
1811
  }
1812
+ .theme-brandPage .hover\:tw-brightness-\[0\.85\]:hover {
1813
+ --tw-brightness: brightness(0.85);
1814
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1815
+ }
1794
1816
  .theme-brandPage .focus\:tw-border-grayscale-600:focus {
1795
1817
  --tw-border-opacity: 1;
1796
1818
  border-color: rgb(94 94 94 / var(--tw-border-opacity));
@@ -719,6 +719,9 @@ video {
719
719
  .theme-crazyDomains .tw-ml-auto {
720
720
  margin-left: auto;
721
721
  }
722
+ .theme-crazyDomains .tw-mr-1 {
723
+ margin-right: 0.25rem;
724
+ }
722
725
  .theme-crazyDomains .tw-mr-2 {
723
726
  margin-right: 0.5rem;
724
727
  }
@@ -827,6 +830,10 @@ video {
827
830
  .theme-crazyDomains .tw-h-auto {
828
831
  height: auto;
829
832
  }
833
+ .theme-crazyDomains .tw-h-fit {
834
+ height: -moz-fit-content;
835
+ height: fit-content;
836
+ }
830
837
  .theme-crazyDomains .tw-h-full {
831
838
  height: 100%;
832
839
  }
@@ -1446,6 +1453,17 @@ video {
1446
1453
  .theme-crazyDomains .tw-bg-opacity-80 {
1447
1454
  --tw-bg-opacity: 0.8;
1448
1455
  }
1456
+ .theme-crazyDomains .tw-bg-gradient-to-t {
1457
+ background-image: linear-gradient(to top, var(--tw-gradient-stops));
1458
+ }
1459
+ .theme-crazyDomains .tw-from-\[\#d946ef\] {
1460
+ --tw-gradient-from: #d946ef var(--tw-gradient-from-position);
1461
+ --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
1462
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1463
+ }
1464
+ .theme-crazyDomains .tw-to-\[\#8b5cf6\] {
1465
+ --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position);
1466
+ }
1449
1467
  .theme-crazyDomains .tw-bg-no-repeat {
1450
1468
  background-repeat: no-repeat;
1451
1469
  }
@@ -2023,6 +2041,10 @@ video {
2023
2041
  --tw-bg-opacity: 1;
2024
2042
  background-color: rgb(0 129 191 / var(--tw-bg-opacity));
2025
2043
  }
2044
+ .theme-crazyDomains .hover\:tw-bg-primary-100:hover {
2045
+ --tw-bg-opacity: 1;
2046
+ background-color: rgb(226 238 213 / var(--tw-bg-opacity));
2047
+ }
2026
2048
  .theme-crazyDomains .hover\:tw-bg-primary-400:hover {
2027
2049
  --tw-bg-opacity: 1;
2028
2050
  background-color: rgb(140 189 89 / var(--tw-bg-opacity));
@@ -2087,6 +2109,10 @@ video {
2087
2109
  --tw-shadow-color: #00A1EF !important;
2088
2110
  --tw-shadow: var(--tw-shadow-colored) !important;
2089
2111
  }
2112
+ .theme-crazyDomains .hover\:tw-brightness-\[0\.85\]:hover {
2113
+ --tw-brightness: brightness(0.85);
2114
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2115
+ }
2090
2116
  .theme-crazyDomains .focus\:tw-border-error-600:focus {
2091
2117
  --tw-border-opacity: 1;
2092
2118
  border-color: rgb(186 24 79 / var(--tw-border-opacity));
@@ -719,6 +719,9 @@ video {
719
719
  .theme-designCom .tw-ml-auto {
720
720
  margin-left: auto;
721
721
  }
722
+ .theme-designCom .tw-mr-1 {
723
+ margin-right: 0.25rem;
724
+ }
722
725
  .theme-designCom .tw-mr-2 {
723
726
  margin-right: 0.5rem;
724
727
  }
@@ -827,6 +830,10 @@ video {
827
830
  .theme-designCom .tw-h-auto {
828
831
  height: auto;
829
832
  }
833
+ .theme-designCom .tw-h-fit {
834
+ height: -moz-fit-content;
835
+ height: fit-content;
836
+ }
830
837
  .theme-designCom .tw-h-full {
831
838
  height: 100%;
832
839
  }
@@ -1446,6 +1453,17 @@ video {
1446
1453
  .theme-designCom .tw-bg-opacity-80 {
1447
1454
  --tw-bg-opacity: 0.8;
1448
1455
  }
1456
+ .theme-designCom .tw-bg-gradient-to-t {
1457
+ background-image: linear-gradient(to top, var(--tw-gradient-stops));
1458
+ }
1459
+ .theme-designCom .tw-from-\[\#d946ef\] {
1460
+ --tw-gradient-from: #d946ef var(--tw-gradient-from-position);
1461
+ --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
1462
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1463
+ }
1464
+ .theme-designCom .tw-to-\[\#8b5cf6\] {
1465
+ --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position);
1466
+ }
1449
1467
  .theme-designCom .tw-bg-no-repeat {
1450
1468
  background-repeat: no-repeat;
1451
1469
  }
@@ -2023,6 +2041,10 @@ video {
2023
2041
  --tw-bg-opacity: 1;
2024
2042
  background-color: rgb(50 71 197 / var(--tw-bg-opacity));
2025
2043
  }
2044
+ .theme-designCom .hover\:tw-bg-primary-100:hover {
2045
+ --tw-bg-opacity: 1;
2046
+ background-color: rgb(236 238 254 / var(--tw-bg-opacity));
2047
+ }
2026
2048
  .theme-designCom .hover\:tw-bg-primary-400:hover {
2027
2049
  --tw-bg-opacity: 1;
2028
2050
  background-color: rgb(121 139 249 / var(--tw-bg-opacity));
@@ -2087,6 +2109,10 @@ video {
2087
2109
  --tw-shadow-color: #3f59f6 !important;
2088
2110
  --tw-shadow: var(--tw-shadow-colored) !important;
2089
2111
  }
2112
+ .theme-designCom .hover\:tw-brightness-\[0\.85\]:hover {
2113
+ --tw-brightness: brightness(0.85);
2114
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2115
+ }
2090
2116
  .theme-designCom .focus\:tw-border-error-600:focus {
2091
2117
  --tw-border-opacity: 1;
2092
2118
  border-color: rgb(182 58 42 / var(--tw-border-opacity));
@@ -719,6 +719,9 @@ video {
719
719
  .theme-designCrowd .tw-ml-auto {
720
720
  margin-left: auto;
721
721
  }
722
+ .theme-designCrowd .tw-mr-1 {
723
+ margin-right: 0.25rem;
724
+ }
722
725
  .theme-designCrowd .tw-mr-2 {
723
726
  margin-right: 0.5rem;
724
727
  }
@@ -827,6 +830,10 @@ video {
827
830
  .theme-designCrowd .tw-h-auto {
828
831
  height: auto;
829
832
  }
833
+ .theme-designCrowd .tw-h-fit {
834
+ height: -moz-fit-content;
835
+ height: fit-content;
836
+ }
830
837
  .theme-designCrowd .tw-h-full {
831
838
  height: 100%;
832
839
  }
@@ -1446,6 +1453,17 @@ video {
1446
1453
  .theme-designCrowd .tw-bg-opacity-80 {
1447
1454
  --tw-bg-opacity: 0.8;
1448
1455
  }
1456
+ .theme-designCrowd .tw-bg-gradient-to-t {
1457
+ background-image: linear-gradient(to top, var(--tw-gradient-stops));
1458
+ }
1459
+ .theme-designCrowd .tw-from-\[\#d946ef\] {
1460
+ --tw-gradient-from: #d946ef var(--tw-gradient-from-position);
1461
+ --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
1462
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1463
+ }
1464
+ .theme-designCrowd .tw-to-\[\#8b5cf6\] {
1465
+ --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position);
1466
+ }
1449
1467
  .theme-designCrowd .tw-bg-no-repeat {
1450
1468
  background-repeat: no-repeat;
1451
1469
  }
@@ -2023,6 +2041,10 @@ video {
2023
2041
  --tw-bg-opacity: 1;
2024
2042
  background-color: rgb(14 121 188 / var(--tw-bg-opacity));
2025
2043
  }
2044
+ .theme-designCrowd .hover\:tw-bg-primary-100:hover {
2045
+ --tw-bg-opacity: 1;
2046
+ background-color: rgb(207 234 251 / var(--tw-bg-opacity));
2047
+ }
2026
2048
  .theme-designCrowd .hover\:tw-bg-primary-400:hover {
2027
2049
  --tw-bg-opacity: 1;
2028
2050
  background-color: rgb(65 172 239 / var(--tw-bg-opacity));
@@ -2087,6 +2109,10 @@ video {
2087
2109
  --tw-shadow-color: #1197EB !important;
2088
2110
  --tw-shadow: var(--tw-shadow-colored) !important;
2089
2111
  }
2112
+ .theme-designCrowd .hover\:tw-brightness-\[0\.85\]:hover {
2113
+ --tw-brightness: brightness(0.85);
2114
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2115
+ }
2090
2116
  .theme-designCrowd .focus\:tw-border-error-600:focus {
2091
2117
  --tw-border-opacity: 1;
2092
2118
  border-color: rgb(195 50 48 / var(--tw-border-opacity));
@@ -53,7 +53,7 @@ export default {
53
53
  if (this.isDomainCredit) {
54
54
  return 'Domain credit used';
55
55
  }
56
-
56
+
57
57
  if (!this.amount || this.amount === 0) {
58
58
  return 'Free';
59
59
  }
@@ -1,5 +1,52 @@
1
1
  {
2
- "publishModal": {
3
- "test": "DE-Publish Brand Page"
2
+ "publishBrandPageModal": {
3
+ "firstTimePublishHeaderLabel": "Legen Sie die URL für {{brandPageDisplayName}} fest",
4
+ "sitePublishedLabel": "Seite veröffentlicht!",
5
+ "publishSuccessLabel": "Ihr {{brandPageDisplayName}} ist live! Beginnen Sie mit der Nutzung Ihres Links:",
6
+ "freePublishCardTitleLabel": "Freie Adresse",
7
+ "freePublishCardDescriptionLabel": "Wählen Sie jetzt eine kostenlose Adresse zur Veröffentlichung aus. Sie können die URL später jederzeit bearbeiten",
8
+ "slugInputPlaceholderYourNameLabel": "ihr-name",
9
+ "slugInputPlaceholderYourBusinessNameLabel": "ihr-firmen-name",
10
+ "freeDomainLabel": "Kostenlose Domain",
11
+ "purchasedDomainLabel": "Erworbene Domain",
12
+ "setUrlLabel": "URL festlegen",
13
+ "publishLabel": "Veröffentlichen",
14
+ "viewMoreDomainLabel": "WEITERE DOMAINS ANZEIGEN",
15
+ "viewMyWebsiteLabel": "{{brandPageDisplayName}} anzeigen",
16
+ "copyLabel": "Kopieren",
17
+ "copySuccessLabel": "Kopiert!",
18
+ "publishedSuccessDescriptionLabel": "Kaufen Sie eine passende Domain für Ihre Marke",
19
+ "hasAlreadyPurchasedDomainCloseButtonLabel": "Nein, danke, vielleicht später",
20
+ "selectDomainDropdownPlaceholder": "Domain auswählen"
21
+ },
22
+ "sellDomainNameList": {
23
+ "freeDomainButtonLabel": "Kostenlose Domain",
24
+ "buyNowButtonLabel": "Jetzt kaufen",
25
+ "pricePerYearLabel": "/yr",
26
+ "costPriceLabel": "Kostenpreis:"
27
+ },
28
+ "sellDomainNameListModal": {
29
+ "domainSearchHeaderTitle": "Domainname suchen",
30
+ "domainSearchHeaderSubtitle": "Kaufen Sie eine passende Domain für Ihre Marke"
31
+ },
32
+ "sellDomainNameModalApplication": {
33
+ "domainSearchHeaderTitle": "Domainname suchen",
34
+ "domainSearchHeaderSubtitle": "Kaufen Sie eine passende Domain für Ihre Marke"
35
+ },
36
+ "sellDomainNameSearch": {
37
+ "searchButtonLabel": "Suche",
38
+ "searchBarLabel": "Suche",
39
+ "searchBarPlaceholder": "Domainnamen suchen",
40
+ "searchBarPreText": "Domainname"
41
+ },
42
+ "sellDomainNameListSearchResult": {
43
+ "domainSearchEmptyMessage": "Leider konnten wir keine Domain für „{{domainNameSearchTerm}}“ finden.",
44
+ "searchAnotherDomainMessage": "Versuchen Sie, mit einer anderen Domain zu suchen."
45
+ },
46
+ "sellDomainNameWidget": {
47
+ "searchButtonLabel": "Suche",
48
+ "searchBarLabel": "Suche",
49
+ "searchBarPlaceholder": "Domainnamen suchen",
50
+ "domainSearchOrConnectHeaderSubtitle": "Kaufen Sie passende Domains für Ihre Marke oder verknüpfen Sie Ihre bestehende Domain"
4
51
  }
5
52
  }
@@ -1,5 +1,52 @@
1
1
  {
2
- "publishModal": {
3
- "test": "ES-Publish Brand Page"
2
+ "publishBrandPageModal": {
3
+ "firstTimePublishHeaderLabel": "Establece la URL para {{brandPageDisplayName}}",
4
+ "sitePublishedLabel": "¡Sitio publicado!",
5
+ "publishSuccessLabel": "¡Tu {{brandPageDisplayName}} está activo! Comienza a usar tu enlace:",
6
+ "freePublishCardTitleLabel": "Dirección gratuita",
7
+ "freePublishCardDescriptionLabel": "Elige una dirección gratuita para publicar ahora. Siempre puedes editar la URL más tarde",
8
+ "slugInputPlaceholderYourNameLabel": "tu-nombre",
9
+ "slugInputPlaceholderYourBusinessNameLabel": "nombre-de-tu-negocio",
10
+ "freeDomainLabel": "Dominio gratis",
11
+ "purchasedDomainLabel": "Dominio adquirido",
12
+ "setUrlLabel": "Establece URL",
13
+ "publishLabel": "Publicar",
14
+ "viewMoreDomainLabel": "VER MÁS DOMINIOS",
15
+ "viewMyWebsiteLabel": "Ver {{brandPageDisplayName}}",
16
+ "copyLabel": "Copiar",
17
+ "copySuccessLabel": "¡Copiado!",
18
+ "publishedSuccessDescriptionLabel": "Compra un nombre de dominio que coincida con tu marca",
19
+ "hasAlreadyPurchasedDomainCloseButtonLabel": "No gracias, quizás más tarde",
20
+ "selectDomainDropdownPlaceholder": "Selecciona un nombre de dominio"
21
+ },
22
+ "sellDomainNameList": {
23
+ "freeDomainButtonLabel": "Dominio gratis",
24
+ "buyNowButtonLabel": "Comprar ahora",
25
+ "pricePerYearLabel": "/yr",
26
+ "costPriceLabel": "Precio de coste:"
27
+ },
28
+ "sellDomainNameListModal": {
29
+ "domainSearchHeaderTitle": "Busca un nombre de dominio",
30
+ "domainSearchHeaderSubtitle": "Compra un nombre de dominio que coincida con tu marca"
31
+ },
32
+ "sellDomainNameModalApplication": {
33
+ "domainSearchHeaderTitle": "Busca un nombre de dominio",
34
+ "domainSearchHeaderSubtitle": "Compra un nombre de dominio que coincida con tu marca"
35
+ },
36
+ "sellDomainNameSearch": {
37
+ "searchButtonLabel": "Buscar",
38
+ "searchBarLabel": "Buscar",
39
+ "searchBarPlaceholder": "Busca nombres de dominio",
40
+ "searchBarPreText": "Nombre de dominio"
41
+ },
42
+ "sellDomainNameListSearchResult": {
43
+ "domainSearchEmptyMessage": "Lo siento, no hemos podido encontrar ningún dominio para \"{{domainNameSearchTerm}}\".",
44
+ "searchAnotherDomainMessage": "Prueba a buscar con otro nombre de dominio."
45
+ },
46
+ "sellDomainNameWidget": {
47
+ "searchButtonLabel": "Buscar",
48
+ "searchBarLabel": "Buscar",
49
+ "searchBarPlaceholder": "Busca nombres de dominio",
50
+ "domainSearchOrConnectHeaderSubtitle": "Compra un nombre de dominio que coincida con tu marca o conecta tu dominio existente"
4
51
  }
5
52
  }
@@ -1,5 +1,52 @@
1
1
  {
2
- "publishModal": {
3
- "test": "FR-Publish Brand Page"
2
+ "publishBrandPageModal": {
3
+ "firstTimePublishHeaderLabel": "Définissez l'URL pour {{brandPageDisplayName}}",
4
+ "sitePublishedLabel": "Site publié !",
5
+ "publishSuccessLabel": "Votre {{brandPageDisplayName}} est en ligne ! Commencez à utiliser votre lien :",
6
+ "freePublishCardTitleLabel": "Adresse libre",
7
+ "freePublishCardDescriptionLabel": "Choisissez une adresse gratuite pour publier maintenant. Vous pouvez toujours modifier l'URL plus tard",
8
+ "slugInputPlaceholderYourNameLabel": "your-name",
9
+ "slugInputPlaceholderYourBusinessNameLabel": "nom-de-votre-entreprise",
10
+ "freeDomainLabel": "Domaine gratuit",
11
+ "purchasedDomainLabel": "Domaine acheté",
12
+ "setUrlLabel": "Définir l'URL",
13
+ "publishLabel": "Publier",
14
+ "viewMoreDomainLabel": "VOIR PLUS DE NOMS DE DOMAINE",
15
+ "viewMyWebsiteLabel": "Voir {{brandPageDisplayName}}",
16
+ "copyLabel": "Copier",
17
+ "copySuccessLabel": "Copié !",
18
+ "publishedSuccessDescriptionLabel": "Achetez un nom de domaine correspondant à votre marque",
19
+ "hasAlreadyPurchasedDomainCloseButtonLabel": "Non merci, peut-être plus tard",
20
+ "selectDomainDropdownPlaceholder": "Sélectionner un nom de domaine"
21
+ },
22
+ "sellDomainNameList": {
23
+ "freeDomainButtonLabel": "Domaine gratuit",
24
+ "buyNowButtonLabel": "Acheter",
25
+ "pricePerYearLabel": "/yr",
26
+ "costPriceLabel": "Prix de revient :"
27
+ },
28
+ "sellDomainNameListModal": {
29
+ "domainSearchHeaderTitle": "Rechercher un nom de domaine",
30
+ "domainSearchHeaderSubtitle": "Achetez un nom de domaine correspondant à votre marque"
31
+ },
32
+ "sellDomainNameModalApplication": {
33
+ "domainSearchHeaderTitle": "Rechercher un nom de domaine",
34
+ "domainSearchHeaderSubtitle": "Achetez un nom de domaine correspondant à votre marque"
35
+ },
36
+ "sellDomainNameSearch": {
37
+ "searchButtonLabel": "Rechercher",
38
+ "searchBarLabel": "Rechercher",
39
+ "searchBarPlaceholder": "Rechercher des noms de domaine",
40
+ "searchBarPreText": "Nom de domaine"
41
+ },
42
+ "sellDomainNameListSearchResult": {
43
+ "domainSearchEmptyMessage": "Désolé, nous n’avons pas trouvé de nom de domaine pour « {{domainNameSearchTerm}} ».",
44
+ "searchAnotherDomainMessage": "Essayez de faire une recherche avec un autre nom de domaine."
45
+ },
46
+ "sellDomainNameWidget": {
47
+ "searchButtonLabel": "Rechercher",
48
+ "searchBarLabel": "Rechercher",
49
+ "searchBarPlaceholder": "Rechercher des noms de domaine",
50
+ "domainSearchOrConnectHeaderSubtitle": "Achetez un nom de domaine correspondant à votre marque ou connectez votre domaine existant"
4
51
  }
5
52
  }
@@ -1,5 +1,52 @@
1
1
  {
2
- "publishModal": {
3
- "test": "EN-Publish Brand Page"
2
+ "publishBrandPageModal": {
3
+ "firstTimePublishHeaderLabel": "Set the URL for {{brandPageDisplayName}}",
4
+ "sitePublishedLabel": "Site published!",
5
+ "publishSuccessLabel": "Your {{brandPageDisplayName}} is live! Start using your link:",
6
+ "freePublishCardTitleLabel": "Free Address",
7
+ "freePublishCardDescriptionLabel": "Choose a free address to publish now. You can always edit the URL later",
8
+ "slugInputPlaceholderYourNameLabel": "your-name",
9
+ "slugInputPlaceholderYourBusinessNameLabel": "your-business-name",
10
+ "freeDomainLabel": "Free domain",
11
+ "purchasedDomainLabel": "Purchased domain",
12
+ "setUrlLabel": "Set URL",
13
+ "publishLabel": "Publish",
14
+ "viewMoreDomainLabel": "VIEW MORE DOMAINS",
15
+ "viewMyWebsiteLabel": "View {{brandPageDisplayName}}",
16
+ "copyLabel": "Copy",
17
+ "copySuccessLabel": "Copied!",
18
+ "publishedSuccessDescriptionLabel": "Buy matching domain name for your brand",
19
+ "hasAlreadyPurchasedDomainCloseButtonLabel": "No thanks, maybe later",
20
+ "selectDomainDropdownPlaceholder": "Select domain name"
21
+ },
22
+ "sellDomainNameList": {
23
+ "freeDomainButtonLabel": "Free Domain",
24
+ "buyNowButtonLabel": "Buy Now",
25
+ "pricePerYearLabel": "/yr",
26
+ "costPriceLabel": "Cost Price:"
27
+ },
28
+ "sellDomainNameListModal": {
29
+ "domainSearchHeaderTitle": "Search a domain name",
30
+ "domainSearchHeaderSubtitle": "Buy matching domain name for your brand"
31
+ },
32
+ "sellDomainNameModalApplication": {
33
+ "domainSearchHeaderTitle": "Search a domain name",
34
+ "domainSearchHeaderSubtitle": "Buy matching domain name for your brand"
35
+ },
36
+ "sellDomainNameSearch": {
37
+ "searchButtonLabel": "Search",
38
+ "searchBarLabel": "Search",
39
+ "searchBarPlaceholder": "Search domain names",
40
+ "searchBarPreText": "Domain name"
41
+ },
42
+ "sellDomainNameListSearchResult": {
43
+ "domainSearchEmptyMessage": "Sorry, we couldn't find any domain for \"{{domainNameSearchTerm}}\".",
44
+ "searchAnotherDomainMessage": "Try searching with another domain name."
45
+ },
46
+ "sellDomainNameWidget": {
47
+ "searchButtonLabel": "Search",
48
+ "searchBarLabel": "Search",
49
+ "searchBarPlaceholder": "Search domain names",
50
+ "domainSearchOrConnectHeaderSubtitle": "Buy matching domain name for your brand or connect your existing domain"
4
51
  }
5
52
  }
@@ -1,5 +1,52 @@
1
1
  {
2
- "publishModal": {
3
- "test": "PT-Publish Brand Page"
2
+ "publishBrandPageModal": {
3
+ "firstTimePublishHeaderLabel": "Defina o URL para {{brandPageDisplayName}}",
4
+ "sitePublishedLabel": "Site publicado!",
5
+ "publishSuccessLabel": "A sua página {{brandPageDisplayName}} está ativa! Comece a utilizar o link:",
6
+ "freePublishCardTitleLabel": "Endereço gratuito",
7
+ "freePublishCardDescriptionLabel": "Escolha um endereço gratuito para publicar agora. Pode sempre editar o URL mais tarde",
8
+ "slugInputPlaceholderYourNameLabel": "o-seu-nome",
9
+ "slugInputPlaceholderYourBusinessNameLabel": "nome-da-sua-empresa",
10
+ "freeDomainLabel": "Domínio gratuito",
11
+ "purchasedDomainLabel": "Domínio comprado",
12
+ "setUrlLabel": "Definir URL",
13
+ "publishLabel": "Publicar",
14
+ "viewMoreDomainLabel": "VER MAIS DOMÍNIOS",
15
+ "viewMyWebsiteLabel": "Ver {{brandPageDisplayName}}",
16
+ "copyLabel": "Copiar",
17
+ "copySuccessLabel": "Copiado!",
18
+ "publishedSuccessDescriptionLabel": "Compre um nome de domínio que corresponda à sua marca",
19
+ "hasAlreadyPurchasedDomainCloseButtonLabel": "Não, obrigado, talvez mais tarde",
20
+ "selectDomainDropdownPlaceholder": "Selecionar nome de domínio"
21
+ },
22
+ "sellDomainNameList": {
23
+ "freeDomainButtonLabel": "Domínio gratuito",
24
+ "buyNowButtonLabel": "Comprar Agora",
25
+ "pricePerYearLabel": "/yr",
26
+ "costPriceLabel": "Preço de Custo:"
27
+ },
28
+ "sellDomainNameListModal": {
29
+ "domainSearchHeaderTitle": "Pesquisar um nome de domínio",
30
+ "domainSearchHeaderSubtitle": "Compre um nome de domínio que corresponda à sua marca"
31
+ },
32
+ "sellDomainNameModalApplication": {
33
+ "domainSearchHeaderTitle": "Pesquisar um nome de domínio",
34
+ "domainSearchHeaderSubtitle": "Compre um nome de domínio que corresponda à sua marca"
35
+ },
36
+ "sellDomainNameSearch": {
37
+ "searchButtonLabel": "Pesquisar",
38
+ "searchBarLabel": "Pesquisar",
39
+ "searchBarPlaceholder": "Pesquisar nomes de domínio",
40
+ "searchBarPreText": "Nome de domínio"
41
+ },
42
+ "sellDomainNameListSearchResult": {
43
+ "domainSearchEmptyMessage": "Não conseguimos encontrar nenhum domínio para \"{{domainNameSearchTerm}}\".",
44
+ "searchAnotherDomainMessage": "Experimente pesquisar outro nome de domínio."
45
+ },
46
+ "sellDomainNameWidget": {
47
+ "searchButtonLabel": "Pesquisar",
48
+ "searchBarLabel": "Pesquisar",
49
+ "searchBarPlaceholder": "Pesquisar nomes de domínio",
50
+ "domainSearchOrConnectHeaderSubtitle": "Compre um nome de domínio que corresponda à sua marca ou associe ao domínio que já tem"
4
51
  }
5
52
  }
@@ -36,10 +36,11 @@
36
36
  {{ title }}
37
37
  </h2>
38
38
  <p class="tw-mb-8 tw-text-grayscale-600">{{ modalDescription }}</p>
39
- <form id="forgotPassword" ref="forgotPasswordForm" method="post" @submit="validate">
39
+ <form id="forgotPassword" ref="forgotPasswordForm" method="post" novalidate @submit="validate">
40
40
  <input type="hidden" name="__RequestVerificationToken" :value="antiForgeryToken" />
41
41
  <label for="email" class="tw-sr-only"> {{ emailLabel }} </label>
42
42
  <input
43
+ ref="emailInput"
43
44
  v-model="aEmail"
44
45
  name="email"
45
46
  :class="{ 'tw-border-error-500': !!emailError }"
@@ -72,6 +73,7 @@
72
73
  </div>
73
74
  </template>
74
75
  <script>
76
+ import { getCurrentLocale } from '../../../useSharedLibTranslate';
75
77
  import HelloBar from '../../../../src/atoms/components/HelloBar/HelloBar.vue';
76
78
  import SubmissionButton from './SubmissionButton.vue';
77
79
 
@@ -136,11 +138,15 @@ export default {
136
138
  goBackToLoginLabel: this.forgotPasswordContent?.goBackToLoginLabel ?? 'Go back to login',
137
139
  emailAddressPlaceholderLabel: this.forgotPasswordContent?.emailAddressPlaceholderLabel ?? 'Email address',
138
140
  emailLabel: this.forgotPasswordContent?.emailLabel ?? 'Email',
141
+ emailErrorMessage: this.forgotPasswordContent?.emailErrorMessage ?? 'Please enter a valid email address',
139
142
  modalDescription: this.forgotPasswordContent?.description ?? 'Enter your email below. We will then send a reset-password link to your email address.',
140
143
  title: this.forgotPasswordContent?.title ?? 'Forgot your password?',
141
144
  };
142
145
  },
143
146
  computed: {
147
+ currentLocale() {
148
+ return getCurrentLocale();
149
+ },
144
150
  getRedirectToSignInUrl() {
145
151
  const url = new URL(`https://${window.location.host}${this.signInUrl}`);
146
152
  if (this.aEmail) {
@@ -170,21 +176,27 @@ export default {
170
176
  },
171
177
  validate(e) {
172
178
  if (this.submitAction) {
173
- this.$refs.forgotPasswordForm.action = this.submitAction;
174
- }
175
- if (this.aEmail) {
176
- this.isLoading = true;
177
- return true;
179
+ const url = new URL(this.submitAction, window.location.origin);
180
+ url.searchParams.set('locale', this.currentLocale);
181
+ this.$refs.forgotPasswordForm.action = url.toString();
178
182
  }
179
183
 
180
- this.isLoading = false;
181
-
182
184
  this.emailError = undefined;
183
185
 
184
186
  if (!this.aEmail) {
185
- this.emailError = 'Please enter a valid email address';
187
+ this.isLoading = false;
188
+ this.emailError = this.emailErrorMessage;
189
+ e.preventDefault();
190
+ return false;
191
+ }
192
+
193
+ if (this.$refs.emailInput.checkValidity()) {
194
+ this.isLoading = true;
195
+ return true;
186
196
  }
187
197
 
198
+ this.isLoading = false;
199
+ this.emailError = this.emailErrorMessage;
188
200
  e.preventDefault();
189
201
  return false;
190
202
  },