@designcrowd/fe-shared-lib 1.2.9-icon-remove-title-desc → 1.2.9-shared-branch-1

package/public/css/tailwind-crazyDomains.css

@@ -643,6 +643,10 @@ video {
   margin-top: 0px;
   margin-bottom: 0px;
 }
+.theme-crazyDomains .tw-my-1 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
 .theme-crazyDomains .tw-my-10 {
   margin-top: 2.5rem;
   margin-bottom: 2.5rem;
@@ -719,6 +723,9 @@ video {
 .theme-crazyDomains .tw-ml-auto {
   margin-left: auto;
 }
+.theme-crazyDomains .tw-mr-1 {
+  margin-right: 0.25rem;
+}
 .theme-crazyDomains .tw-mr-2 {
   margin-right: 0.5rem;
 }
@@ -846,9 +853,6 @@ video {
 .theme-crazyDomains .tw-max-h-screen {
   max-height: 100vh;
 }
-.theme-crazyDomains .tw-w-1\/3 {
-  width: 33.333333%;
-}
 .theme-crazyDomains .tw-w-10 {
   width: 2.5rem;
 }
@@ -1017,6 +1021,9 @@ video {
 .theme-crazyDomains .tw-animate-spin {
   animation: tw-spin 1s linear infinite;
 }
+.\!tw-cursor-not-allowed {
+  cursor: not-allowed !important;
+}
 .theme-crazyDomains .tw-cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -1450,6 +1457,17 @@ video {
 .theme-crazyDomains .tw-bg-opacity-80 {
   --tw-bg-opacity: 0.8;
 }
+.theme-crazyDomains .tw-bg-gradient-to-t {
+  background-image: linear-gradient(to top, var(--tw-gradient-stops));
+}
+.theme-crazyDomains .tw-from-\[\#d946ef\] {
+  --tw-gradient-from: #d946ef var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.theme-crazyDomains .tw-to-\[\#8b5cf6\] {
+  --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position);
+}
 .theme-crazyDomains .tw-bg-no-repeat {
   background-repeat: no-repeat;
 }
@@ -2027,6 +2045,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(0 129 191 / var(--tw-bg-opacity));
 }
+.theme-crazyDomains .hover\:tw-bg-primary-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(226 238 213 / var(--tw-bg-opacity));
+}
 .theme-crazyDomains .hover\:tw-bg-primary-400:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(140 189 89 / var(--tw-bg-opacity));
@@ -2091,6 +2113,10 @@ video {
   --tw-shadow-color: #00A1EF !important;
   --tw-shadow: var(--tw-shadow-colored) !important;
 }
+.theme-crazyDomains .hover\:tw-brightness-\[0\.85\]:hover {
+  --tw-brightness: brightness(0.85);
+  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);
+}
 .theme-crazyDomains .focus\:tw-border-error-600:focus {
   --tw-border-opacity: 1;
   border-color: rgb(186 24 79 / var(--tw-border-opacity));
@@ -2205,6 +2231,9 @@ video {
 .theme-crazyDomains .md\:tw-ml-4 {
     margin-left: 1rem;
   }
+.theme-crazyDomains .md\:tw-mr-2 {
+    margin-right: 0.5rem;
+  }
 .theme-crazyDomains .md\:tw-mt-0 {
     margin-top: 0px;
   }

package/public/css/tailwind-designCom.css

@@ -643,6 +643,10 @@ video {
   margin-top: 0px;
   margin-bottom: 0px;
 }
+.theme-designCom .tw-my-1 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
 .theme-designCom .tw-my-10 {
   margin-top: 2.5rem;
   margin-bottom: 2.5rem;
@@ -719,6 +723,9 @@ video {
 .theme-designCom .tw-ml-auto {
   margin-left: auto;
 }
+.theme-designCom .tw-mr-1 {
+  margin-right: 0.25rem;
+}
 .theme-designCom .tw-mr-2 {
   margin-right: 0.5rem;
 }
@@ -846,9 +853,6 @@ video {
 .theme-designCom .tw-max-h-screen {
   max-height: 100vh;
 }
-.theme-designCom .tw-w-1\/3 {
-  width: 33.333333%;
-}
 .theme-designCom .tw-w-10 {
   width: 2.5rem;
 }
@@ -1017,6 +1021,9 @@ video {
 .theme-designCom .tw-animate-spin {
   animation: tw-spin 1s linear infinite;
 }
+.\!tw-cursor-not-allowed {
+  cursor: not-allowed !important;
+}
 .theme-designCom .tw-cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -1450,6 +1457,17 @@ video {
 .theme-designCom .tw-bg-opacity-80 {
   --tw-bg-opacity: 0.8;
 }
+.theme-designCom .tw-bg-gradient-to-t {
+  background-image: linear-gradient(to top, var(--tw-gradient-stops));
+}
+.theme-designCom .tw-from-\[\#d946ef\] {
+  --tw-gradient-from: #d946ef var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.theme-designCom .tw-to-\[\#8b5cf6\] {
+  --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position);
+}
 .theme-designCom .tw-bg-no-repeat {
   background-repeat: no-repeat;
 }
@@ -2027,6 +2045,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(50 71 197 / var(--tw-bg-opacity));
 }
+.theme-designCom .hover\:tw-bg-primary-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(236 238 254 / var(--tw-bg-opacity));
+}
 .theme-designCom .hover\:tw-bg-primary-400:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(121 139 249 / var(--tw-bg-opacity));
@@ -2091,6 +2113,10 @@ video {
   --tw-shadow-color: #3f59f6 !important;
   --tw-shadow: var(--tw-shadow-colored) !important;
 }
+.theme-designCom .hover\:tw-brightness-\[0\.85\]:hover {
+  --tw-brightness: brightness(0.85);
+  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);
+}
 .theme-designCom .focus\:tw-border-error-600:focus {
   --tw-border-opacity: 1;
   border-color: rgb(182 58 42 / var(--tw-border-opacity));
@@ -2205,6 +2231,9 @@ video {
 .theme-designCom .md\:tw-ml-4 {
     margin-left: 1rem;
   }
+.theme-designCom .md\:tw-mr-2 {
+    margin-right: 0.5rem;
+  }
 .theme-designCom .md\:tw-mt-0 {
     margin-top: 0px;
   }

package/public/css/tailwind-designCrowd.css

@@ -643,6 +643,10 @@ video {
   margin-top: 0px;
   margin-bottom: 0px;
 }
+.theme-designCrowd .tw-my-1 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
 .theme-designCrowd .tw-my-10 {
   margin-top: 2.5rem;
   margin-bottom: 2.5rem;
@@ -719,6 +723,9 @@ video {
 .theme-designCrowd .tw-ml-auto {
   margin-left: auto;
 }
+.theme-designCrowd .tw-mr-1 {
+  margin-right: 0.25rem;
+}
 .theme-designCrowd .tw-mr-2 {
   margin-right: 0.5rem;
 }
@@ -846,9 +853,6 @@ video {
 .theme-designCrowd .tw-max-h-screen {
   max-height: 100vh;
 }
-.theme-designCrowd .tw-w-1\/3 {
-  width: 33.333333%;
-}
 .theme-designCrowd .tw-w-10 {
   width: 2.5rem;
 }
@@ -1017,6 +1021,9 @@ video {
 .theme-designCrowd .tw-animate-spin {
   animation: tw-spin 1s linear infinite;
 }
+.\!tw-cursor-not-allowed {
+  cursor: not-allowed !important;
+}
 .theme-designCrowd .tw-cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -1450,6 +1457,17 @@ video {
 .theme-designCrowd .tw-bg-opacity-80 {
   --tw-bg-opacity: 0.8;
 }
+.theme-designCrowd .tw-bg-gradient-to-t {
+  background-image: linear-gradient(to top, var(--tw-gradient-stops));
+}
+.theme-designCrowd .tw-from-\[\#d946ef\] {
+  --tw-gradient-from: #d946ef var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.theme-designCrowd .tw-to-\[\#8b5cf6\] {
+  --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position);
+}
 .theme-designCrowd .tw-bg-no-repeat {
   background-repeat: no-repeat;
 }
@@ -2027,6 +2045,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(14 121 188 / var(--tw-bg-opacity));
 }
+.theme-designCrowd .hover\:tw-bg-primary-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(207 234 251 / var(--tw-bg-opacity));
+}
 .theme-designCrowd .hover\:tw-bg-primary-400:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(65 172 239 / var(--tw-bg-opacity));
@@ -2091,6 +2113,10 @@ video {
   --tw-shadow-color: #1197EB !important;
   --tw-shadow: var(--tw-shadow-colored) !important;
 }
+.theme-designCrowd .hover\:tw-brightness-\[0\.85\]:hover {
+  --tw-brightness: brightness(0.85);
+  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);
+}
 .theme-designCrowd .focus\:tw-border-error-600:focus {
   --tw-border-opacity: 1;
   border-color: rgb(195 50 48 / var(--tw-border-opacity));
@@ -2205,6 +2231,9 @@ video {
 .theme-designCrowd .md\:tw-ml-4 {
     margin-left: 1rem;
   }
+.theme-designCrowd .md\:tw-mr-2 {
+    margin-right: 0.5rem;
+  }
 .theme-designCrowd .md\:tw-mt-0 {
     margin-top: 0px;
   }

package/src/atoms/components/Icon/Icon.vue

@@ -21,6 +21,8 @@
       aria-describedby="desc"
       :data-id="`${name}-${id}-title`"
     >
+      <title v-if="title" :id="`${name}-${id}-title`" lang="en">{{ title }}</title>
+      <desc v-if="description" :id="`${name}-${id}-desc`" lang="en">{{ description }}</desc>
       <component :is="`icon-${iconName}`"></component>
     </svg>
   </div>

package/src/bundleTranslation.js

@@ -64,6 +64,7 @@ const bundle = () => {
     const translations = {};
 
     translationFiles.forEach((file) => {
+      console.log(file);
       const fileContent = fs.readFileSync(file, 'utf-8');
 
       Object.assign(translations, JSON.parse(fileContent));

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

@@ -1,4 +1,12 @@
 {
+  "sharedPaymentConfig": {
+    "onboardingIncomplete": "Das Onboarding wurde noch nicht abgeschlossen.",
+    "pendingVerification": "Ausstehende Verifizierung",
+    "connected": "Verbunden",
+    "inactive": "Inaktiv",
+    "addPaymentProvider": "Zahlungsanbieter hinzufügen",
+    "deletePaymentMethod": "Zahlungsmethode löschen"
+  },
   "publishBrandPageModal": {
     "firstTimePublishHeaderLabel": "Legen Sie die URL für {{brandPageDisplayName}} fest",
     "sitePublishedLabel": "Seite veröffentlicht!",

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

@@ -1,4 +1,12 @@
 {
+  "sharedPaymentConfig": {
+    "onboardingIncomplete": "Incorporación incompleta",
+    "pendingVerification": "Pendiente de verificación",
+    "connected": "Conectado",
+    "inactive": "Inactivo",
+    "addPaymentProvider": "Añadir proveedor de pago",
+    "deletePaymentMethod": "Eliminar método de pago"
+  },
   "publishBrandPageModal": {
     "firstTimePublishHeaderLabel": "Establece la URL para {{brandPageDisplayName}}",
     "sitePublishedLabel": "¡Sitio publicado!",

package/src/bundles/bundled-translations.fr-FR.json

@@ -1,4 +1,12 @@
 {
+  "sharedPaymentConfig": {
+    "onboardingIncomplete": "Inscription incomplète",
+    "pendingVerification": "Vérification en attente",
+    "connected": "Connecté",
+    "inactive": "Inactif",
+    "addPaymentProvider": "Ajouter un fournisseur de paiement",
+    "deletePaymentMethod": "Supprimer le mode de paiement"
+  },
   "publishBrandPageModal": {
     "firstTimePublishHeaderLabel": "Définissez l'URL pour {{brandPageDisplayName}}",
     "sitePublishedLabel": "Site publié !",

package/src/bundles/bundled-translations.json

@@ -1,4 +1,12 @@
 {
+  "sharedPaymentConfig": {
+    "onboardingIncomplete": "Onboarding Incomplete",
+    "pendingVerification": "Pending Verification",
+    "connected": "Connected",
+    "inactive": "Inactive",
+    "addPaymentProvider": "Add Payment Provider",
+    "deletePaymentMethod": "Delete payment method"
+  },
   "publishBrandPageModal": {
     "firstTimePublishHeaderLabel": "Set the URL for {{brandPageDisplayName}}",
     "sitePublishedLabel": "Site published!",

package/src/bundles/bundled-translations.pt-PT.json

@@ -1,4 +1,12 @@
 {
+  "sharedPaymentConfig": {
+    "onboardingIncomplete": "Integração incompleta",
+    "pendingVerification": "Verificação Pendente",
+    "connected": "Ligado",
+    "inactive": "Inativo",
+    "addPaymentProvider": "Adicionar fornecedor de pagamentos",
+    "deletePaymentMethod": "Eliminar método de pagamento"
+  },
   "publishBrandPageModal": {
     "firstTimePublishHeaderLabel": "Defina o URL para {{brandPageDisplayName}}",
     "sitePublishedLabel": "Site publicado!",

package/src/experiences/components/PaymentConfigList/PaymentConfig.mixin.js

@@ -1,5 +1,6 @@
 import vClickOutside from 'click-outside-vue3';
 import brandPageApiClient from '../../clients/brand-page-api.client';
+import { sharedPaymentConfigTr } from '../../../useSharedLibTranslate';
 
 export const paymentConfigStatuses = Object.freeze({
   active: 'Active',
@@ -38,13 +39,13 @@ export default {
     getPaymentConfigStatusDisplayText(paymentConfigStatus) {
       switch (paymentConfigStatus) {
         case paymentConfigStatuses.pendingPreOnboarding:
-          return 'Onboarding Incomplete';
+          return sharedPaymentConfigTr('onboardingIncomplete');
         case paymentConfigStatuses.pendingPostOnboarding:
-          return 'Pending Verification';
+          return sharedPaymentConfigTr('pendingVerification');
         case paymentConfigStatuses.active:
-          return 'Connected';
+          return sharedPaymentConfigTr('connected');
         case paymentConfigStatuses.unactivatedByCustomer:
-          return 'Inactive';
+          return sharedPaymentConfigTr('inactive');
         default:
           if (process.env.NODE_ENV !== 'production') {
             console.warn(`Unsupported payment config status ${paymentConfigStatus}`);

package/src/experiences/components/PaymentConfigList/PaymentConfigDropdown.vue

@@ -5,7 +5,7 @@
     </div>
     <Button
       v-if="isAddPaymentProviderButtonVisible"
-      label="Add Payment Provider"
+      :label="sharedPaymentConfigTr('addPaymentProvider')"
       size="small"
       variant="outline"
       @on-click="onAddPaymentProviderButtonClick"
@@ -43,7 +43,7 @@
       <DropdownItem v-if="showAddPaymentProvider" class="tw-border-t-2" @click="onAddPaymentProviderButtonClick">
         <Button
           :full-width="true"
-          label="Add Payment Provider"
+          :label="sharedPaymentConfigTr('addPaymentProvider')"
           size="small"
           variant="outline"
           @on-click="onAddPaymentProviderButtonClick"
@@ -60,6 +60,7 @@ import Loader from '../../../../src/atoms/components/Loader/Loader.vue';
 import Pill from '../../../../src/atoms/components/Pill/Pill.vue';
 
 import PaymentConfigMixin, { paymentConfigStatuses } from './PaymentConfig.mixin';
+import { sharedPaymentConfigTr } from '../../../useSharedLibTranslate';
 
 export default {
   components: {
@@ -109,6 +110,8 @@ export default {
     }
   },
   methods: {
+    sharedPaymentConfigTr,
+
     onAddPaymentProviderButtonClick() {
       this.$emit('on-add-payment-provider-click');
     },

package/src/experiences/components/PaymentConfigList/PaymentConfigList.vue

@@ -48,7 +48,7 @@
             @click="onClickDeleteConfirmation(paymentConfig.id)"
           >
             <span class="tw-whitespace-nowrap tw-flex tw-gap-2"
-              ><Icon name="delete" size="sm" />Delete payment method</span
+              ><Icon name="delete" size="sm" />{{ sharedPaymentConfigTr('deletePaymentMethod') }}</span
             >
           </li>
         </ul>
@@ -71,6 +71,7 @@ import PaymentConfigDeleteConfigModal from './PaymentConfigDeleteConfigModal.vue
 import Icon from '../../../../src/atoms/components/Icon/Icon.vue';
 
 import PaymentConfigMixin from './PaymentConfig.mixin';
+import { sharedPaymentConfigTr } from '../../../useSharedLibTranslate';
 
 export default {
   components: {
@@ -89,6 +90,8 @@ export default {
     };
   },
   methods: {
+    sharedPaymentConfigTr,
+
     onClickStripeOptions(index) {
       this.activeStripeOptionIndex = this.activeStripeOptionIndex === index ? null : index;
     },

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.de-DE.json

@@ -0,0 +1,10 @@
+{
+  "sharedPaymentConfig" : {
+    "onboardingIncomplete" : "Das Onboarding wurde noch nicht abgeschlossen.",
+    "pendingVerification" : "Ausstehende Verifizierung",
+    "connected" : "Verbunden",
+    "inactive" : "Inaktiv",
+    "addPaymentProvider" : "Zahlungsanbieter hinzufügen",
+    "deletePaymentMethod" : "Zahlungsmethode löschen"
+  }
+}

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.es-ES.json

@@ -0,0 +1,10 @@
+{
+  "sharedPaymentConfig" : {
+    "onboardingIncomplete" : "Incorporación incompleta",
+    "pendingVerification" : "Pendiente de verificación",
+    "connected" : "Conectado",
+    "inactive" : "Inactivo",
+    "addPaymentProvider" : "Añadir proveedor de pago",
+    "deletePaymentMethod" : "Eliminar método de pago"
+  }
+}

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.fr-FR.json

@@ -0,0 +1,10 @@
+{
+  "sharedPaymentConfig" : {
+    "onboardingIncomplete" : "Inscription incomplète",
+    "pendingVerification" : "Vérification en attente",
+    "connected" : "Connecté",
+    "inactive" : "Inactif",
+    "addPaymentProvider" : "Ajouter un fournisseur de paiement",
+    "deletePaymentMethod" : "Supprimer le mode de paiement"
+  }
+}

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.json

@@ -0,0 +1,10 @@
+{
+  "sharedPaymentConfig": {
+    "onboardingIncomplete": "Onboarding Incomplete",
+    "pendingVerification": "Pending Verification",
+    "connected": "Connected",
+    "inactive": "Inactive",
+    "addPaymentProvider": "Add Payment Provider",
+    "deletePaymentMethod": "Delete payment method"
+  }
+}

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.pt-PT.json

@@ -0,0 +1,10 @@
+{
+  "sharedPaymentConfig" : {
+    "onboardingIncomplete" : "Integração incompleta",
+    "pendingVerification" : "Verificação Pendente",
+    "connected" : "Ligado",
+    "inactive" : "Inativo",
+    "addPaymentProvider" : "Adicionar fornecedor de pagamentos",
+    "deletePaymentMethod" : "Eliminar método de pagamento"
+  }
+}

package/src/useSharedLibTranslate.js

@@ -55,6 +55,8 @@ const sellDomainNameListModalTr = (key, valuesToInterpolate = {}) =>
 
 const sellDomainNameListTr = (key, valuesToInterpolate = {}) => tr(`sellDomainNameList.${key}`, valuesToInterpolate);
 
+const sharedPaymentConfigTr = (key, valuesToInterpolate = {}) => tr(`sharedPaymentConfig.${key}`, valuesToInterpolate);
+
 const getCurrentLocale = () => {
   return i18next.language || 'en-US';
 };
@@ -70,5 +72,5 @@ export {
   sellDomainNameModalApplicationTr,
   sellDomainNameListModalTr,
   sellDomainNameListTr,
+  sharedPaymentConfigTr,
 };
-

package/.storybook-static/assets/Auth-Cog6hw8U.css

@@ -1 +0,0 @@
-.email-input[data-v-ca06c217]{background-image:url(https://dcstatic.com/images/icons/forms/forms-email-58207f9a5c.svg);background-position:top 50% left .5rem}.password-input[data-v-ca06c217]{background-image:url(https://dcstatic.com/images/icons/forms/forms-password-ff538cd5e4.svg);background-position:top 50% left .5rem}.tw-pl-10-important[data-v-ca06c217]{padding-left:2.5rem!important}.email-input[data-v-decd2a1c]{background-image:url(https://dcstatic.com/images/icons/forms/forms-email-58207f9a5c.svg);background-position:top 50% left .5rem}.tw-pl-10-important[data-v-decd2a1c]{padding-left:2.5rem!important}.password-input[data-v-da12bb42]{background-image:url(https://dcstatic.com/images/icons/forms/forms-password-ff538cd5e4.svg);background-position:top 50% left .5rem}.tw-pl-10-important[data-v-da12bb42]{padding-left:2.5rem!important}