@designcrowd/fe-shared-lib 1.4.4-promocardv0 → 1.4.5-eng-3418

package/src/atoms/components/PromoCard/PromoCard.stories.ts

@@ -1,265 +0,0 @@
-import PromoCard from './PromoCard.vue';
-
-export default {
-  title: 'Components/PromoCard',
-  component: PromoCard,
-};
-
-export const Standard = {
-  render: (args) => {
-    return {
-      components: {
-        PromoCard,
-      },
-      setup() {
-        return { args };
-      },
-      template: `
-        <PromoCard
-          v-bind="args"
-          @button-clicked="handleButtonClick"
-        />
-      `,
-      methods: {
-        handleButtonClick() {
-          console.log('Button clicked!');
-        },
-      },
-    };
-  },
-  args: {
-    title: 'Special Offer',
-    description: 'Get 20% off your next purchase. Limited time offer!',
-    imageUrl: 'https://bcassetcdn.com/assets/images/promo/brandpage-design-support.png',
-    altText: 'Promotional image',
-    buttonLabel: 'Learn More',
-    horizontalLayout: false,
-    scaleImageDown: false,
-    imageWidthFull: false,
-    shouldShowImageOnTop: false,
-  },
-};
-
-export const HorizontalLayout = {
-  render: (args) => {
-    return {
-      components: {
-        PromoCard,
-      },
-      setup() {
-        return { args };
-      },
-      template: `
-        <PromoCard
-          v-bind="args"
-          @button-clicked="handleButtonClick"
-        />
-      `,
-      methods: {
-        handleButtonClick() {
-          console.log('Button clicked!');
-        },
-      },
-    };
-  },
-  args: {
-    title: 'Premium Package',
-    description: 'Upgrade to premium and unlock exclusive features today.',
-    imageUrl: 'https://bcassetcdn.com/assets/images/promo/brandpage-design-support.png',
-    altText: 'Premium package image',
-    buttonLabel: 'Upgrade Now',
-    horizontalLayout: true,
-    scaleImageDown: false,
-    imageWidthFull: false,
-    shouldShowImageOnTop: false,
-  },
-};
-
-export const ImageOnTop = {
-  render: (args) => {
-    return {
-      components: {
-        PromoCard,
-      },
-      setup() {
-        return { args };
-      },
-      template: `
-        <PromoCard
-          v-bind="args"
-          @button-clicked="handleButtonClick"
-        />
-      `,
-      methods: {
-        handleButtonClick() {
-          console.log('Button clicked!');
-        },
-      },
-    };
-  },
-  args: {
-    title: 'Mobile Friendly',
-    description: 'This layout works great on mobile devices with the image displayed on top.',
-    imageUrl: 'https://bcassetcdn.com/assets/images/promo/brandpage-design-support.png',
-    altText: 'Mobile friendly layout',
-    buttonLabel: 'Try It',
-    horizontalLayout: false,
-    scaleImageDown: false,
-    imageWidthFull: false,
-    shouldShowImageOnTop: true,
-  },
-};
-
-export const ScaledDownImage = {
-  render: (args) => {
-    return {
-      components: {
-        PromoCard,
-      },
-      setup() {
-        return { args };
-      },
-      template: `
-        <PromoCard
-          v-bind="args"
-          @button-clicked="handleButtonClick"
-        />
-      `,
-      methods: {
-        handleButtonClick() {
-          console.log('Button clicked!');
-        },
-      },
-    };
-  },
-  args: {
-    title: 'Logo Showcase',
-    description: 'Display your logo with proper spacing and scaling.',
-    imageUrl: 'https://via.placeholder.com/120x120',
-    altText: 'Logo showcase',
-    buttonLabel: 'View More',
-    horizontalLayout: false,
-    scaleImageDown: true,
-    imageWidthFull: false,
-    shouldShowImageOnTop: false,
-  },
-};
-
-export const FullWidthImage = {
-  render: (args) => {
-    return {
-      components: {
-        PromoCard,
-      },
-      setup() {
-        return { args };
-      },
-      template: `
-        <PromoCard
-          v-bind="args"
-          @button-clicked="handleButtonClick"
-        />
-      `,
-      methods: {
-        handleButtonClick() {
-          console.log('Button clicked!');
-        },
-      },
-    };
-  },
-  args: {
-    title: 'Full Width Banner',
-    description: 'Images that stretch to fill the available space.',
-    imageUrl: 'https://bcassetcdn.com/assets/images/promo/brandpage-design-support.png',
-    altText: 'Full width banner',
-    buttonLabel: 'Explore',
-    horizontalLayout: false,
-    scaleImageDown: false,
-    imageWidthFull: true,
-    shouldShowImageOnTop: false,
-  },
-};
-
-export const AllOptions = {
-  render: (args) => {
-    return {
-      components: {
-        PromoCard,
-      },
-      setup() {
-        return { args };
-      },
-      template: `
-        <div class="tw-space-y-4">
-          <div>
-            <h3 class="tw-mb-2 tw-font-bold">Standard Layout</h3>
-            <PromoCard
-              title="Standard Promo"
-              description="This is the default vertical layout with image on the left."
-              imageUrl="https://bcassetcdn.com/assets/images/promo/brandpage-design-support.png"
-              altText="Standard layout"
-              buttonLabel="Click Me"
-              @button-clicked="handleButtonClick"
-            />
-          </div>
-          
-          <div>
-            <h3 class="tw-mb-2 tw-font-bold">Horizontal Layout</h3>
-            <PromoCard
-              title="Horizontal Promo"
-              description="This layout is better for desktop with content side by side."
-              imageUrl="https://bcassetcdn.com/assets/images/promo/brandpage-design-support.png"
-              altText="Horizontal layout"
-              buttonLabel="Click Me"
-              :horizontal-layout="true"
-              @button-clicked="handleButtonClick"
-            />
-          </div>
-          
-          <div>
-            <h3 class="tw-mb-2 tw-font-bold">Image On Top</h3>
-            <PromoCard
-              title="Mobile Optimized"
-              description="Perfect for mobile views with image stacked on top."
-              imageUrl="https://bcassetcdn.com/assets/images/promo/brandpage-design-support.png"
-              altText="Image on top"
-              buttonLabel="Click Me"
-              :should-show-image-on-top="true"
-              @button-clicked="handleButtonClick"
-            />
-          </div>
-        </div>
-      `,
-      methods: {
-        handleButtonClick() {
-          console.log('Button clicked!');
-        },
-      },
-    };
-  },
-  args: {},
-};
-
-Standard.story = {
-  name: 'PromoCard - Standard',
-};
-
-HorizontalLayout.story = {
-  name: 'PromoCard - Horizontal Layout',
-};
-
-ImageOnTop.story = {
-  name: 'PromoCard - Image On Top',
-};
-
-ScaledDownImage.story = {
-  name: 'PromoCard - Scaled Down Image',
-};
-
-FullWidthImage.story = {
-  name: 'PromoCard - Full Width Image',
-};
-
-AllOptions.story = {
-  name: 'PromoCard - All Variants',
-};

package/src/atoms/components/PromoCard/PromoCard.vue

@@ -1,89 +0,0 @@
-<template>
-  <div class="tw-flex" :class="shouldShowImageOnTop ? 'tw-flex-col' : 'tw-flex-row'">
-    <div
-      class="tw-flex tw-justify-center tw-items-center tw-bg-grayscale-400 tw-w-60 tw-p-1 dcom-rounded-tl dcom-rounded-bl"
-      :class="{
-        'tw-w-full tw-px-8 md:tw-px-12 lg:tw-px-20 tw-py-4': shouldShowImageOnTop,
-        'tw-px-4': !shouldShowImageOnTop,
-      }"
-    >
-      <img :src="imageUrl" :alt="altText" />
-    </div>
-    <div
-      class="tw-flex tw-bg-white tw-w-full tw-p-4 tw-grow dcom-rounded-tr dcom-rounded-br tw-flex-col tw-justify-between"
-      :class="{
-        'lg:tw-flex-row lg:tw-items-center lg:tw-justify-normal': horizontalLayout,
-      }"
-    >
-      <div class="tw-text-left tw-overflow-hidden tw-text-ellipsis" :class="lineClampStyle">
-        <div class="tw-font-bold tw-text-black tw-mb-0.5">
-          {{ title }}
-        </div>
-        <p>
-          {{ description }}
-        </p>
-      </div>
-      <Button
-        variant="primary"
-        size="small"
-        :full-width="!horizontalLayout"
-        class="tw-text-left tw-mt-4"
-        :class="horizontalLayout ? 'tw-w-full tw-mr-2 md:tw-mt-0 md:tw-w-auto' : ''"
-        :label="buttonLabel"
-        @on-click="buttonClicked"
-      />
-    </div>
-  </div>
-</template>
-<script>
-import Button from '../Button/Button.vue';
-
-export default {
-  components: { Button },
-  props: {
-    title: {
-      type: String,
-      required: true,
-    },
-    description: {
-      type: String,
-      required: true,
-    },
-    imageUrl: { type: String, required: true },
-    altText: { type: String, default: '' },
-    buttonLabel: {
-      type: String,
-      required: true,
-    },
-    horizontalLayout: {
-      type: Boolean,
-      default: false,
-    },
-    shouldShowImageOnTop: {
-      type: Boolean,
-      default: false,
-    },
-    textLineClamp: {
-      type: Number,
-      default: 0, // 0 is infinite
-    },
-  },
-  computed: {
-    shouldUseHorizontalLayout() {
-      // when in desktop view, display horizontal mode
-      return this.horizontalLayout;
-    },
-    lineClampStyle() {
-      if (this.textLineClamp > 0) {
-        return `tw-line-clamp-${this.textLineClamp}`;
-      }
-      return 'tw-line-clamp-none';
-    },
-  },
-  methods: {
-    buttonClicked() {
-      this.$emit('button-clicked');
-    },
-  },
-};
-</script>

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

@@ -1,105 +0,0 @@
-{
-  "price": {
-    "domainCreditUsed": "Crédit de domaine utilisé",
-    "free": "Gratuit"
-  },
-  "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",
-    "currencyLabel": "Devise"
-  },
-  "publishBrandPageModal": {
-    "firstTimePublishHeaderLabel": "Définissez l'URL pour {{brandPageDisplayName}}",
-    "sitePublishedLabel": "Site publié !",
-    "publishSuccessLabel": "Votre {{brandPageDisplayName}} est en ligne ! Commencez à utiliser votre lien :",
-    "freePublishCardTitleLabel": "Adresse libre",
-    "freePublishCardDescriptionLabel": "Choisissez une adresse gratuite pour publier maintenant. Vous pouvez toujours modifier l'URL plus tard",
-    "slugInputPlaceholderYourNameLabel": "your-name",
-    "slugInputPlaceholderYourBusinessNameLabel": "nom-de-votre-entreprise",
-    "freeDomainLabel": "Domaine gratuit",
-    "purchasedDomainLabel": "Domaine acheté",
-    "setUrlLabel": "Définir l'URL",
-    "publishLabel": "Publier",
-    "viewMoreDomainLabel": "VOIR PLUS DE NOMS DE DOMAINE",
-    "viewMyWebsiteLabel": "Voir {{brandPageDisplayName}}",
-    "copyLabel": "Copier",
-    "copySuccessLabel": "Copié !",
-    "publishedSuccessDescriptionLabel": "Achetez un nom de domaine correspondant à votre marque",
-    "hasAlreadyPurchasedDomainCloseButtonLabel": "Non merci, peut-être plus tard",
-    "selectDomainDropdownPlaceholder": "Sélectionner un nom de domaine",
-    "websiteFriendlyName": "Site Web",
-    "digitalBusinessCardFriendlyName": "Carte professionnelle numérique"
-  },
-  "sellDomainNameList": {
-    "freeDomainButtonLabel": "Domaine gratuit",
-    "buyNowButtonLabel": "Acheter",
-    "pricePerYearLabel": "/yr",
-    "costPriceLabel": "Prix de revient :"
-  },
-  "sellDomainNameListModal": {
-    "domainSearchHeaderTitle": "Rechercher un nom de domaine",
-    "domainSearchHeaderSubtitle": "Achetez un nom de domaine correspondant à votre marque"
-  },
-  "sellDomainNameModalApplication": {
-    "domainSearchHeaderTitle": "Rechercher un nom de domaine",
-    "domainSearchHeaderSubtitle": "Achetez un nom de domaine correspondant à votre marque"
-  },
-  "sellDomainNameSearch": {
-    "searchButtonLabel": "Rechercher",
-    "searchBarLabel": "Rechercher",
-    "searchBarPlaceholder": "Rechercher des noms de domaine",
-    "searchBarPreText": "Nom de domaine"
-  },
-  "sellDomainNameListSearchResult": {
-    "domainSearchEmptyMessage": "Désolé, nous n’avons pas trouvé de nom de domaine pour « {{domainNameSearchTerm}} ».",
-    "searchAnotherDomainMessage": "Essayez de faire une recherche avec un autre nom de domaine."
-  },
-  "sellDomainNameWidget": {
-    "searchButtonLabel": "Rechercher",
-    "searchBarLabel": "Rechercher",
-    "searchBarPlaceholder": "Rechercher des noms de domaine",
-    "domainSearchOrConnectHeaderSubtitle": "Achetez un nom de domaine correspondant à votre marque ou connectez votre domaine existant"
-  },
-  "uploadYourLogo": {
-    "uploadYourLogoText": "Téléchargez votre logo",
-    "disclaimerText": "Veuillez vous assurer que vous avez le droit d'utiliser toute image que vous téléchargez.",
-    "generatingDesigns": "Génération de designs...",
-    "uploadingAndConverting": "Téléchargement et conversion de votre logo...",
-    "stepOf": "Étape {{CURRENT}} sur {{TOTAL}}",
-    "uploadError": "Erreur de téléchargement",
-    "cancel": "Annuler",
-    "continue": "Continuer",
-    "back": "Retour",
-    "no": "Non",
-    "yes": "Oui",
-    "businessName": "Nom de l’entreprise",
-    "businessNameDescription": "Saisissez le texte de votre logo ou le nom de votre entreprise",
-    "cropYourLogo": "Recadrez votre logo",
-    "cropDescription": "Recadrez votre logo pour qu'il s'adapte au canevas de notre outil de création de logos",
-    "logoPreview": "Aperçu du logo",
-    "logoPreviewDescription": "Votre logo est magnifique ! Aidez-nous à configurer votre logo en suivant les étapes suivantes.",
-    "primaryTextColor": "Couleur principale du texte",
-    "primaryTextColorDescription": "Aidez-nous à configurer votre logo en confirmant la couleur principale du texte. Choisissez parmi les couleurs disponibles ou cliquez sur l'icône plus pour en ajouter une autre.",
-    "backgroundColor": "Couleur d’arrière-plan",
-    "backgroundColorDescription": "Aidez-nous à configurer votre logo en confirmant la couleur d'arrière-plan. Choisissez parmi les couleurs disponibles ou cliquez sur l'icône plus pour en ajouter une autre.",
-    "colorsWarning": "Les couleurs de votre texte et de votre arrière-plan sont trop semblables. Veuillez choisir une combinaison plus distincte pour garantir un design de qualité.",
-    "exitConfirmationTitle": "Voulez-vous vraiment quitter ?",
-    "exitConfirmationDescription": "La progression du téléchargement de votre logo au cours de cette session sera perdue",
-    "maxByoFileErrorMessage": "Votre fichier dépasse la taille maximale de 25 Mo. Veuillez choisir un fichier plus petit.",
-    "genericByoErrorMessage": "Une erreur inattendue s'est produite. Veuillez réessayer.",
-    "dropYourFileHere": "Déposez votre fichier ici ou",
-    "clickToUpload": "cliquez pour télécharger",
-    "acceptedFiles": "Nous acceptons les fichiers PNG, JPG, SVG ou EPS jusqu'à 25 Mo",
-    "wrongUploadType": "Vous ne pouvez pas télécharger des fichiers de ce type."
-  },
-  "uploadLogoSearchResultCard": {
-    "replace": "Remplacer",
-    "replaceLogo": "Remplacez le logo",
-    "delete": "Supprimer",
-    "deleteLogo": "Supprimez le logo"
-  }
-}

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

@@ -1,105 +0,0 @@
-{
-  "price": {
-    "domainCreditUsed": "Crédito de domínio utilizado",
-    "free": "Grátis"
-  },
-  "sharedPaymentConfig": {
-    "onboardingIncomplete": "Integração incompleta",
-    "pendingVerification": "Verificação Pendente",
-    "connected": "Conectado",
-    "inactive": "Inativo",
-    "addPaymentProvider": "Adicionar fornecedor de pagamentos",
-    "deletePaymentMethod": "Excluir método de pagamento",
-    "currencyLabel": "Moeda"
-  },
-  "publishBrandPageModal": {
-    "firstTimePublishHeaderLabel": "Defina o URL para {{brandPageDisplayName}}",
-    "sitePublishedLabel": "Site publicado!",
-    "publishSuccessLabel": "Seu {{brandPageDisplayName}} está ativo! Comece a usar seu link:",
-    "freePublishCardTitleLabel": "Endereço gratuito",
-    "freePublishCardDescriptionLabel": "Escolha um endereço gratuito para publicar agora. Você pode editar o URL depois",
-    "slugInputPlaceholderYourNameLabel": "Seu nome",
-    "slugInputPlaceholderYourBusinessNameLabel": "nome-da-sua-empresa",
-    "freeDomainLabel": "Domínio gratuito",
-    "purchasedDomainLabel": "Domínio comprado",
-    "setUrlLabel": "Definir URL",
-    "publishLabel": "Publicar",
-    "viewMoreDomainLabel": "Ver mais domínios",
-    "viewMyWebsiteLabel": "Ver {{brandPageDisplayName}}",
-    "copyLabel": "Copiar",
-    "copySuccessLabel": "Copiado!",
-    "publishedSuccessDescriptionLabel": "Compre um nome de domínio que corresponda à sua marca",
-    "hasAlreadyPurchasedDomainCloseButtonLabel": "Não, obrigado. Talvez depois",
-    "selectDomainDropdownPlaceholder": "Selecionar nome de domínio",
-    "websiteFriendlyName": "Site",
-    "digitalBusinessCardFriendlyName": "Cartão de visita digital"
-  },
-  "sellDomainNameList": {
-    "freeDomainButtonLabel": "Domínio gratuito",
-    "buyNowButtonLabel": "Comprar Agora",
-    "pricePerYearLabel": "/yr",
-    "costPriceLabel": "Preço de custo:"
-  },
-  "sellDomainNameListModal": {
-    "domainSearchHeaderTitle": "Pesquise um nome de domínio",
-    "domainSearchHeaderSubtitle": "Compre um nome de domínio que corresponda à sua marca"
-  },
-  "sellDomainNameModalApplication": {
-    "domainSearchHeaderTitle": "Pesquisar um nome de domínio",
-    "domainSearchHeaderSubtitle": "Compre um nome de domínio correspondente à sua marca"
-  },
-  "sellDomainNameSearch": {
-    "searchButtonLabel": "Pesquisar",
-    "searchBarLabel": "Pesquisar",
-    "searchBarPlaceholder": "Pesquisar nomes de domínio",
-    "searchBarPreText": "Nome de domínio"
-  },
-  "sellDomainNameListSearchResult": {
-    "domainSearchEmptyMessage": "Não encontramos nenhum domínio com \"{{domainNameSearchTerm}}\".",
-    "searchAnotherDomainMessage": "Tente pesquisar outro nome de domínio."
-  },
-  "sellDomainNameWidget": {
-    "searchButtonLabel": "Pesquisar",
-    "searchBarLabel": "Pesquisar",
-    "searchBarPlaceholder": "Pesquisar nomes de domínio",
-    "domainSearchOrConnectHeaderSubtitle": "Compre um nome de domínio que corresponda à sua marca ou associe ao domínio que já tem"
-  },
-  "uploadYourLogo": {
-    "uploadYourLogoText": "Carregue o seu logotipo",
-    "disclaimerText": "Certifique-se de que você tem o direito de usar qualquer imagem que você enviar.",
-    "generatingDesigns": "A gerar designs…",
-    "uploadingAndConverting": "Carregando e convertendo o seu logotipo...",
-    "stepOf": "Etapa {{CURRENT}} de {{TOTAL}}",
-    "uploadError": "Erro no carregamento",
-    "cancel": "Cancelar",
-    "continue": "Continuar",
-    "back": "Voltar",
-    "no": "Não",
-    "yes": "Sim",
-    "businessName": "Nome da empresa",
-    "businessNameDescription": "Insira o texto do seu logotipo ou nome da empresa",
-    "cropYourLogo": "Recorte o seu logotipo",
-    "cropDescription": "Recorte o design do seu logotipo para caber na tela do nosso criador de logotipos",
-    "logoPreview": "Prévia do logotipo",
-    "logoPreviewDescription": "Seu logotipo está ótimo! Ajude-nos a configurar seu logotipo concluindo as próximas etapas.",
-    "primaryTextColor": "Cor principal do texto",
-    "primaryTextColorDescription": "Para criar o logotipo, confirme a cor principal do texto. Escolha uma das cores disponíveis ou clique no ícone de mais para adicionar outra.",
-    "backgroundColor": "Cor de fundo",
-    "backgroundColorDescription": "Ajude-nos a configurar seu logotipo confirmando a cor de fundo. Escolha entre as cores disponíveis ou clique no ícone de adição para adicionar outra.",
-    "colorsWarning": "As cores do texto e do fundo são muito parecidas. Escolha uma combinação mais distinta para garantir que eles criem designs de qualidade.",
-    "exitConfirmationTitle": "Tem certeza de que deseja sair?",
-    "exitConfirmationDescription": "O progresso do carregamento do seu logotipo nesta sessão será perdido",
-    "maxByoFileErrorMessage": "Seu arquivo excede o tamanho máximo de 25 MB. Escolha um arquivo menor.",
-    "genericByoErrorMessage": "Ocorreu um erro inesperado. Tente novamente.",
-    "dropYourFileHere": "Arraste o seu ficheiro aqui ou",
-    "clickToUpload": "clique para carregar",
-    "acceptedFiles": "Aceitamos arquivos PNG, JPG, SVG ou EPS de até 25 MB",
-    "wrongUploadType": "Você não pode baixar arquivos deste tipo."
-  },
-  "uploadLogoSearchResultCard": {
-    "replace": "Substituir",
-    "replaceLogo": "Substituir logotipo",
-    "delete": "Excluir",
-    "deleteLogo": "Excluir logotipo"
-  }
-}