@designcrowd/fe-shared-lib 1.2.5-ml-jj-2 → 1.2.5-ml-currency

package/Dockerfile

@@ -29,7 +29,7 @@ COPY .npmignore ./
 RUN npm run bundle-translation
 
 RUN mkdir artifacts
-RUN npm publish || touch artifacts/npm_publish_failed
+RUN npm publish -otp=761180 || touch artifacts/npm_publish_failed
 RUN cp package.json artifacts/
 
 ENTRYPOINT ["/bin/echo", "Nothing to do."]

package/dist/css/tailwind-brandCrowd.css

@@ -651,6 +651,10 @@ video {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
+.tw-my-5 {
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+}
 .tw-my-auto {
   margin-top: auto;
   margin-bottom: auto;
@@ -679,6 +683,9 @@ video {
 .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
+.tw-mb-10 {
+  margin-bottom: 2.5rem;
+}
 .tw-mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -835,6 +842,9 @@ video {
 .tw-max-h-screen {
   max-height: 100vh;
 }
+.tw-w-1\/3 {
+  width: 33.333333%;
+}
 .tw-w-10 {
   width: 2.5rem;
 }
@@ -1184,6 +1194,9 @@ video {
 .tw-border-b-0 {
   border-bottom-width: 0px;
 }
+.tw-border-b-2 {
+  border-bottom-width: 2px;
+}
 .tw-border-b-4 {
   border-bottom-width: 4px;
 }
@@ -1715,6 +1728,9 @@ video {
 .tw-text-center {
   text-align: center;
 }
+.tw-align-top {
+  vertical-align: top;
+}
 .tw-align-middle {
   vertical-align: middle;
 }
@@ -2229,6 +2245,10 @@ video {
     display: grid;
   }
 
+  .md\:tw-hidden {
+    display: none;
+  }
+
   .md\:tw-h-10 {
     height: 2.5rem;
   }
@@ -2245,6 +2265,10 @@ video {
     width: 2.5rem;
   }
 
+  .md\:tw-w-24 {
+    width: 6rem;
+  }
+
   .md\:tw-w-auto {
     width: auto;
   }
@@ -2253,6 +2277,14 @@ video {
     width: 100%;
   }
 
+  .md\:tw-max-w-full {
+    max-width: 100%;
+  }
+
+  .md\:tw-grow {
+    flex-grow: 1;
+  }
+
   .md\:tw-grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -2281,6 +2313,10 @@ video {
     justify-content: flex-start;
   }
 
+  .md\:tw-justify-end {
+    justify-content: flex-end;
+  }
+
   .md\:tw-justify-center {
     justify-content: center;
   }
@@ -2335,6 +2371,10 @@ video {
     padding-bottom: 0.5rem;
   }
 
+  .md\:tw-pl-4 {
+    padding-left: 1rem;
+  }
+
   .md\:tw-pr-2 {
     padding-right: 0.5rem;
   }

package/dist/css/tailwind-brandPage.css

@@ -651,6 +651,10 @@ video {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
+.tw-my-5 {
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+}
 .tw-my-auto {
   margin-top: auto;
   margin-bottom: auto;
@@ -679,6 +683,9 @@ video {
 .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
+.tw-mb-10 {
+  margin-bottom: 2.5rem;
+}
 .tw-mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -835,6 +842,9 @@ video {
 .tw-max-h-screen {
   max-height: 100vh;
 }
+.tw-w-1\/3 {
+  width: 33.333333%;
+}
 .tw-w-10 {
   width: 2.5rem;
 }
@@ -1184,6 +1194,9 @@ video {
 .tw-border-b-0 {
   border-bottom-width: 0px;
 }
+.tw-border-b-2 {
+  border-bottom-width: 2px;
+}
 .tw-border-b-4 {
   border-bottom-width: 4px;
 }
@@ -1563,6 +1576,9 @@ video {
 .tw-text-center {
   text-align: center;
 }
+.tw-align-top {
+  vertical-align: top;
+}
 .tw-align-middle {
   vertical-align: middle;
 }
@@ -1917,6 +1933,10 @@ video {
     display: grid;
   }
 
+  .md\:tw-hidden {
+    display: none;
+  }
+
   .md\:tw-h-10 {
     height: 2.5rem;
   }
@@ -1933,6 +1953,10 @@ video {
     width: 2.5rem;
   }
 
+  .md\:tw-w-24 {
+    width: 6rem;
+  }
+
   .md\:tw-w-auto {
     width: auto;
   }
@@ -1941,6 +1965,14 @@ video {
     width: 100%;
   }
 
+  .md\:tw-max-w-full {
+    max-width: 100%;
+  }
+
+  .md\:tw-grow {
+    flex-grow: 1;
+  }
+
   .md\:tw-grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -1969,6 +2001,10 @@ video {
     justify-content: flex-start;
   }
 
+  .md\:tw-justify-end {
+    justify-content: flex-end;
+  }
+
   .md\:tw-justify-center {
     justify-content: center;
   }
@@ -2023,6 +2059,10 @@ video {
     padding-bottom: 0.5rem;
   }
 
+  .md\:tw-pl-4 {
+    padding-left: 1rem;
+  }
+
   .md\:tw-pr-2 {
     padding-right: 0.5rem;
   }

package/dist/css/tailwind-crazyDomains.css

@@ -651,6 +651,10 @@ video {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
+.tw-my-5 {
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+}
 .tw-my-auto {
   margin-top: auto;
   margin-bottom: auto;
@@ -679,6 +683,9 @@ video {
 .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
+.tw-mb-10 {
+  margin-bottom: 2.5rem;
+}
 .tw-mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -835,6 +842,9 @@ video {
 .tw-max-h-screen {
   max-height: 100vh;
 }
+.tw-w-1\/3 {
+  width: 33.333333%;
+}
 .tw-w-10 {
   width: 2.5rem;
 }
@@ -1184,6 +1194,9 @@ video {
 .tw-border-b-0 {
   border-bottom-width: 0px;
 }
+.tw-border-b-2 {
+  border-bottom-width: 2px;
+}
 .tw-border-b-4 {
   border-bottom-width: 4px;
 }
@@ -1715,6 +1728,9 @@ video {
 .tw-text-center {
   text-align: center;
 }
+.tw-align-top {
+  vertical-align: top;
+}
 .tw-align-middle {
   vertical-align: middle;
 }
@@ -2229,6 +2245,10 @@ video {
     display: grid;
   }
 
+  .md\:tw-hidden {
+    display: none;
+  }
+
   .md\:tw-h-10 {
     height: 2.5rem;
   }
@@ -2245,6 +2265,10 @@ video {
     width: 2.5rem;
   }
 
+  .md\:tw-w-24 {
+    width: 6rem;
+  }
+
   .md\:tw-w-auto {
     width: auto;
   }
@@ -2253,6 +2277,14 @@ video {
     width: 100%;
   }
 
+  .md\:tw-max-w-full {
+    max-width: 100%;
+  }
+
+  .md\:tw-grow {
+    flex-grow: 1;
+  }
+
   .md\:tw-grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -2281,6 +2313,10 @@ video {
     justify-content: flex-start;
   }
 
+  .md\:tw-justify-end {
+    justify-content: flex-end;
+  }
+
   .md\:tw-justify-center {
     justify-content: center;
   }
@@ -2335,6 +2371,10 @@ video {
     padding-bottom: 0.5rem;
   }
 
+  .md\:tw-pl-4 {
+    padding-left: 1rem;
+  }
+
   .md\:tw-pr-2 {
     padding-right: 0.5rem;
   }

package/dist/css/tailwind-designCom.css

@@ -651,6 +651,10 @@ video {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
+.tw-my-5 {
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+}
 .tw-my-auto {
   margin-top: auto;
   margin-bottom: auto;
@@ -679,6 +683,9 @@ video {
 .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
+.tw-mb-10 {
+  margin-bottom: 2.5rem;
+}
 .tw-mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -835,6 +842,9 @@ video {
 .tw-max-h-screen {
   max-height: 100vh;
 }
+.tw-w-1\/3 {
+  width: 33.333333%;
+}
 .tw-w-10 {
   width: 2.5rem;
 }
@@ -1184,6 +1194,9 @@ video {
 .tw-border-b-0 {
   border-bottom-width: 0px;
 }
+.tw-border-b-2 {
+  border-bottom-width: 2px;
+}
 .tw-border-b-4 {
   border-bottom-width: 4px;
 }
@@ -1715,6 +1728,9 @@ video {
 .tw-text-center {
   text-align: center;
 }
+.tw-align-top {
+  vertical-align: top;
+}
 .tw-align-middle {
   vertical-align: middle;
 }
@@ -2229,6 +2245,10 @@ video {
     display: grid;
   }
 
+  .md\:tw-hidden {
+    display: none;
+  }
+
   .md\:tw-h-10 {
     height: 2.5rem;
   }
@@ -2245,6 +2265,10 @@ video {
     width: 2.5rem;
   }
 
+  .md\:tw-w-24 {
+    width: 6rem;
+  }
+
   .md\:tw-w-auto {
     width: auto;
   }
@@ -2253,6 +2277,14 @@ video {
     width: 100%;
   }
 
+  .md\:tw-max-w-full {
+    max-width: 100%;
+  }
+
+  .md\:tw-grow {
+    flex-grow: 1;
+  }
+
   .md\:tw-grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -2281,6 +2313,10 @@ video {
     justify-content: flex-start;
   }
 
+  .md\:tw-justify-end {
+    justify-content: flex-end;
+  }
+
   .md\:tw-justify-center {
     justify-content: center;
   }
@@ -2335,6 +2371,10 @@ video {
     padding-bottom: 0.5rem;
   }
 
+  .md\:tw-pl-4 {
+    padding-left: 1rem;
+  }
+
   .md\:tw-pr-2 {
     padding-right: 0.5rem;
   }

package/dist/css/tailwind-designCrowd.css

@@ -651,6 +651,10 @@ video {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
+.tw-my-5 {
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+}
 .tw-my-auto {
   margin-top: auto;
   margin-bottom: auto;
@@ -679,6 +683,9 @@ video {
 .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
+.tw-mb-10 {
+  margin-bottom: 2.5rem;
+}
 .tw-mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -835,6 +842,9 @@ video {
 .tw-max-h-screen {
   max-height: 100vh;
 }
+.tw-w-1\/3 {
+  width: 33.333333%;
+}
 .tw-w-10 {
   width: 2.5rem;
 }
@@ -1184,6 +1194,9 @@ video {
 .tw-border-b-0 {
   border-bottom-width: 0px;
 }
+.tw-border-b-2 {
+  border-bottom-width: 2px;
+}
 .tw-border-b-4 {
   border-bottom-width: 4px;
 }
@@ -1715,6 +1728,9 @@ video {
 .tw-text-center {
   text-align: center;
 }
+.tw-align-top {
+  vertical-align: top;
+}
 .tw-align-middle {
   vertical-align: middle;
 }
@@ -2229,6 +2245,10 @@ video {
     display: grid;
   }
 
+  .md\:tw-hidden {
+    display: none;
+  }
+
   .md\:tw-h-10 {
     height: 2.5rem;
   }
@@ -2245,6 +2265,10 @@ video {
     width: 2.5rem;
   }
 
+  .md\:tw-w-24 {
+    width: 6rem;
+  }
+
   .md\:tw-w-auto {
     width: auto;
   }
@@ -2253,6 +2277,14 @@ video {
     width: 100%;
   }
 
+  .md\:tw-max-w-full {
+    max-width: 100%;
+  }
+
+  .md\:tw-grow {
+    flex-grow: 1;
+  }
+
   .md\:tw-grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -2281,6 +2313,10 @@ video {
     justify-content: flex-start;
   }
 
+  .md\:tw-justify-end {
+    justify-content: flex-end;
+  }
+
   .md\:tw-justify-center {
     justify-content: center;
   }
@@ -2335,6 +2371,10 @@ video {
     padding-bottom: 0.5rem;
   }
 
+  .md\:tw-pl-4 {
+    padding-left: 1rem;
+  }
+
   .md\:tw-pr-2 {
     padding-right: 0.5rem;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.2.5-ml-jj-2",
+  "version": "1.2.5-ml-currency",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",
@@ -113,4 +113,4 @@
   "overrides": {
     "storybook": "$storybook"
   }
-}
+}

package/src/atoms/components/Price/Price.vue

@@ -22,6 +22,11 @@ export default {
       required: false,
       default: null,
     },
+    localeCurrency: {
+      type: String,
+      required: false,
+      default: null,
+    },
     fraction: {
       type: [Number, String],
       required: false,
@@ -53,11 +58,16 @@ export default {
       if (this.isDomainCredit) {
         return 'Domain credit used';
       }
-
+      
       if (!this.amount || this.amount === 0) {
         return 'Free';
       }
 
+      if (this.localeCurrency != null && this.amount.includes(this.localeCurrency))
+      {
+        return this.amount.replace(this.localeCurrency, '').trim();
+      }
+
       const parsedAmount = Number.parseFloat(this.amount);
 
       if (Number.isNaN(parsedAmount)) {

package/src/bundles/bundled-translations.de-DE.json

@@ -1,52 +1,5 @@
 {
-  "publishBrandPageModal": {
-    "firstTimePublishHeaderLabel": "Legen Sie die URL für {{brandPageDisplayName}} fest",
-    "sitePublishedLabel": "Seite veröffentlicht!",
-    "publishSuccessLabel": "Ihr {{brandPageDisplayName}} ist live! Beginnen Sie mit der Nutzung Ihres Links:",
-    "freePublishCardTitleLabel": "Freie Adresse",
-    "freePublishCardDescriptionLabel": "Wählen Sie jetzt eine kostenlose Adresse zur Veröffentlichung aus. Sie können die URL später jederzeit bearbeiten",
-    "slugInputPlaceholderYourNameLabel": "ihr-name",
-    "slugInputPlaceholderYourBusinessNameLabel": "ihr-firmen-name",
-    "freeDomainLabel": "Kostenlose Domain",
-    "purchasedDomainLabel": "Erworbene Domain",
-    "setUrlLabel": "URL festlegen",
-    "publishLabel": "Veröffentlichen",
-    "viewMoreDomainLabel": "WEITERE DOMAINS ANZEIGEN",
-    "viewMyWebsiteLabel": "{{brandPageDisplayName}} anzeigen",
-    "copyLabel": "Kopieren",
-    "copySuccessLabel": "Kopiert!",
-    "publishedSuccessDescriptionLabel": "Kaufen Sie eine passende Domain für Ihre Marke",
-    "hasAlreadyPurchasedDomainCloseButtonLabel": "Nein, danke, vielleicht später",
-    "selectDomainDropdownPlaceholder": "Domain auswählen"
-  },
-  "sellDomainNameList": {
-    "freeDomainButtonLabel": "Kostenlose Domain",
-    "buyNowButtonLabel": "Jetzt kaufen",
-    "pricePerYearLabel": "/Jahr",
-    "costPriceLabel": "Kostenpreis:"
-  },
-  "sellDomainNameListModal": {
-    "domainSearchHeaderTitle": "Domainname suchen",
-    "domainSearchHeaderSubtitle": "Kaufen Sie eine passende Domain für Ihre Marke"
-  },
-  "sellDomainNameModalApplication": {
-    "domainSearchHeaderTitle": "Domainname suchen",
-    "domainSearchHeaderSubtitle": "Kaufen Sie eine passende Domain für Ihre Marke"
-  },
-  "sellDomainNameSearch": {
-    "searchButtonLabel": "Suche",
-    "searchBarLabel": "Suche",
-    "searchBarPlaceholder": "Domainnamen suchen",
-    "searchBarPreText": "Domainname"
-  },
-  "sellDomainNameListSearchResult": {
-    "domainSearchEmptyMessage": "Leider konnten wir keine Domain für \"{domainNameSearchTerm}\" finden.",
-    "searchAnotherDomainMessage": "Versuchen Sie, mit einer anderen Domain zu suchen."
-  },
-  "sellDomainNameWidget": {
-    "searchButtonLabel": "Suche",
-    "searchBarLabel": "Suche",
-    "searchBarPlaceholder": "Domainnamen suchen",
-    "domainSearchOrConnectHeaderSubtitle": "Kaufen Sie passende Domains für Ihre Marke oder verknüpfen Sie Ihre bestehende Domain"
+  "publishModal": {
+    "test": "DE-Publish Brand Page"
   }
 }

package/src/bundles/bundled-translations.es-ES.json

@@ -1,52 +1,5 @@
 {
-  "publishBrandPageModal": {
-    "firstTimePublishHeaderLabel": "Establece la URL para {{brandPageDisplayName}}",
-    "sitePublishedLabel": "¡Sitio publicado!",
-    "publishSuccessLabel": "¡Tu {{brandPageDisplayName}} está activo! Comienza a usar tu enlace:",
-    "freePublishCardTitleLabel": "Dirección gratuita",
-    "freePublishCardDescriptionLabel": "Elige una dirección gratuita para publicar ahora. Siempre puedes editar la URL más tarde",
-    "slugInputPlaceholderYourNameLabel": "tu-nombre",
-    "slugInputPlaceholderYourBusinessNameLabel": "nombre-de-tu-negocio",
-    "freeDomainLabel": "Dominio gratis",
-    "purchasedDomainLabel": "Dominio adquirido",
-    "setUrlLabel": "Establece URL",
-    "publishLabel": "Publicar",
-    "viewMoreDomainLabel": "VER MÁS DOMINIOS",
-    "viewMyWebsiteLabel": "Ver {{brandPageDisplayName}}",
-    "copyLabel": "Copiar",
-    "copySuccessLabel": "¡Copiado!",
-    "publishedSuccessDescriptionLabel": "Compra un nombre de dominio que coincida con tu marca",
-    "hasAlreadyPurchasedDomainCloseButtonLabel": "No gracias, quizás más tarde",
-    "selectDomainDropdownPlaceholder": "Selecciona un nombre de dominio"
-  },
-  "sellDomainNameList": {
-    "freeDomainButtonLabel": "Dominio gratis",
-    "buyNowButtonLabel": "Comprar ahora",
-    "pricePerYearLabel": "/año",
-    "costPriceLabel": "Precio de coste:"
-  },
-  "sellDomainNameListModal": {
-    "domainSearchHeaderTitle": "Busca un nombre de dominio",
-    "domainSearchHeaderSubtitle": "Compra un nombre de dominio que coincida con tu marca"
-  },
-  "sellDomainNameModalApplication": {
-    "domainSearchHeaderTitle": "Busca un nombre de dominio",
-    "domainSearchHeaderSubtitle": "Compra un nombre de dominio que coincida con tu marca"
-  },
-  "sellDomainNameSearch": {
-    "searchButtonLabel": "Buscar",
-    "searchBarLabel": "Buscar",
-    "searchBarPlaceholder": "Busca nombres de dominio",
-    "searchBarPreText": "Nombre de dominio"
-  },
-  "sellDomainNameListSearchResult": {
-    "domainSearchEmptyMessage": "Lo siento, no hemos podido encontrar ningún dominio para \"{domainNameSearchTerm}\".",
-    "searchAnotherDomainMessage": "Prueba a buscar con otro nombre de dominio."
-  },
-  "sellDomainNameWidget": {
-    "searchButtonLabel": "Buscar",
-    "searchBarLabel": "Buscar",
-    "searchBarPlaceholder": "Busca nombres de dominio",
-    "domainSearchOrConnectHeaderSubtitle": "Compra un nombre de dominio que coincida con tu marca o conecta tu dominio existente"
+  "publishModal": {
+    "test": "ES-Publish Brand Page"
   }
 }