@designcrowd/fe-shared-lib 1.5.28-ast-jy-7 → 1.5.28

package/src/atoms/components/Icon/icons/discount-badge.vue

@@ -1,5 +0,0 @@
-<template>
-  <path
-    d="M4.99447 0.743491C5.51026 0.529844 6.09 0.529834 6.60579 0.743491L7.7679 1.22494L7.88216 1.25912C7.99836 1.28193 8.1198 1.27099 8.23079 1.22494L8.23177 1.22396L9.39583 0.743491V0.744468C9.91142 0.531171 10.4907 0.530929 11.0062 0.744468C11.5217 0.958072 11.9312 1.36768 12.1449 1.88314L12.6273 3.04623L12.6829 3.15072C12.7489 3.24943 12.8432 3.32719 12.9544 3.37337H12.9535L14.1175 3.85482C14.6332 4.0685 15.0426 4.47872 15.2562 4.99447C15.4698 5.51028 15.4698 6.08999 15.2562 6.6058L14.7747 7.76791C14.7285 7.87956 14.7174 8.00149 14.7406 8.11751L14.7747 8.2308L14.7757 8.23177L15.2562 9.39388L15.3255 9.58919C15.3854 9.78676 15.4163 9.99235 15.4163 10.1995C15.4164 10.4761 15.362 10.7507 15.2562 11.0062C15.1504 11.2614 14.9955 11.4934 14.8001 11.6888C14.6534 11.8355 14.4855 11.9595 14.3031 12.057L14.1165 12.1449L12.9535 12.6273C12.8053 12.6886 12.6878 12.8063 12.6263 12.9544L12.1439 14.1165C11.9303 14.6323 11.5209 15.0425 11.0052 15.2562C10.4894 15.4698 9.90968 15.4698 9.39388 15.2562L8.23079 14.7747V14.7738C8.08285 14.713 7.91662 14.7144 7.76888 14.7757H7.7679L6.60482 15.2572C6.0893 15.4703 5.50985 15.4697 4.99447 15.2562C4.4792 15.0427 4.06958 14.6336 3.85579 14.1185V14.1175L3.37337 12.9544V12.9535C3.31206 12.8053 3.19429 12.6878 3.04622 12.6263V12.6253L1.88314 12.1439C1.36774 11.9303 0.958138 11.5206 0.744466 11.0052C0.530902 10.4898 0.530333 9.91046 0.74349 9.39486L1.22493 8.23177C1.28589 8.08374 1.28623 7.91776 1.22493 7.76986L1.22396 7.76888L0.74349 6.60482L0.674154 6.41048C0.614089 6.21266 0.583367 6.00665 0.583333 5.79916C0.583296 5.52269 0.63772 5.24893 0.74349 4.99349C0.849321 4.73798 1.00494 4.50543 1.20052 4.3099C1.39597 4.11458 1.62785 3.95954 1.88314 3.85384L3.04622 3.3724L3.15169 3.31576C3.24998 3.24996 3.32725 3.15606 3.37337 3.04525L3.85482 1.88314C4.06847 1.36733 4.47866 0.957153 4.99447 0.743491ZM10.1361 4.80306C10.4289 4.51022 10.9037 4.51033 11.1966 4.80306C11.4895 5.09595 11.4895 5.57071 11.1966 5.86361L5.86361 11.1966C5.57071 11.4895 5.09595 11.4895 4.80306 11.1966C4.51033 10.9037 4.51022 10.4289 4.80306 10.1361L10.1361 4.80306ZM10.1107 8.9222C10.657 8.97764 11.0833 9.43938 11.0833 10.0003C11.0832 10.5984 10.5984 11.0832 10.0003 11.0833C9.43938 11.0833 8.97764 10.657 8.9222 10.1107L8.91634 10.0003L8.9222 9.889C8.97778 9.34283 9.43949 8.91634 10.0003 8.91634L10.1107 8.9222ZM6.11068 4.9222C6.657 4.97764 7.08333 5.43938 7.08333 6.00033C7.08316 6.59838 6.59838 7.08316 6.00033 7.08333C5.43938 7.08333 4.97764 6.657 4.9222 6.11068L4.91634 6.00033L4.9222 5.889C4.97778 5.34283 5.43949 4.91634 6.00033 4.91634L6.11068 4.9222ZM2.08333 5.79916C2.08337 5.87856 2.09884 5.95725 2.12923 6.0306L2.13021 6.03158L2.61068 7.19466L2.68001 7.39095C2.82043 7.8541 2.79798 8.35378 2.61165 8.80501V8.80599L2.13021 9.9681C2.06894 10.1163 2.06883 10.2828 2.13021 10.431C2.19162 10.5791 2.30927 10.6967 2.45736 10.7581L3.62044 11.2406H3.62142C4.13673 11.4545 4.54581 11.8646 4.75911 12.3802L5.24154 13.5433L5.2972 13.6488C5.36318 13.7472 5.45761 13.8244 5.56868 13.8704C5.71682 13.9318 5.88341 13.9317 6.03158 13.8704L7.19368 13.39L7.38997 13.3197C7.78717 13.1992 8.21136 13.1988 8.60872 13.3187L8.80501 13.389L9.9681 13.8704C10.1163 13.9318 10.2828 13.9318 10.431 13.8704C10.5791 13.8091 10.6967 13.6914 10.7581 13.5433L11.2406 12.3792L11.3294 12.1908C11.5583 11.7641 11.9289 11.4272 12.3802 11.2406L13.5423 10.7591C13.6158 10.7287 13.6834 10.6845 13.7396 10.6283C13.7957 10.5721 13.8401 10.5053 13.8704 10.432C13.9008 10.3587 13.9163 10.2799 13.9163 10.2005C13.9163 10.1609 13.9123 10.121 13.9046 10.0824L13.8704 9.9681L13.389 8.80599V8.80501C13.1748 8.28889 13.1759 7.70951 13.389 7.19466L13.8704 6.03158C13.9318 5.88337 13.9318 5.71691 13.8704 5.56869C13.809 5.42042 13.6915 5.30198 13.5433 5.24056L12.3792 4.75912C11.8646 4.54539 11.4551 4.1361 11.2415 3.62142L10.7591 2.45736C10.6977 2.30928 10.5801 2.19157 10.432 2.13021C10.2838 2.06883 10.1173 2.06889 9.96908 2.13021H9.9681L8.80404 2.61068L8.80306 2.6097C8.28806 2.8228 7.70983 2.82452 7.19466 2.61165V2.61068L6.03158 2.12923C5.88341 2.06788 5.71686 2.06792 5.56868 2.12923C5.42043 2.19064 5.30198 2.30908 5.24056 2.45736L4.75911 3.62044V3.62142C4.57175 4.07181 4.23437 4.44122 3.80794 4.66927L3.61947 4.75814L2.45736 5.23958C2.3841 5.2699 2.31719 5.31445 2.26107 5.37044C2.20485 5.42665 2.15965 5.49426 2.12923 5.56771C2.09892 5.64104 2.08332 5.7198 2.08333 5.79916Z"
-  />
-</template>

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

@@ -1,76 +0,0 @@
-<template>
-  <div class="tw-border tw-border-solid tw-rounded-lg tw-p-4" :style="bannerStyles">
-    <div class="tw-flex tw-gap-3" :class="{ 'tw-items-center': direction === 'row' }">
-      <Icon name="discount-badge" size="sm" class="tw-shrink-0" :class="{ 'tw-mt-0.5': direction === 'column' }" :style="{ color: colors.icon }" />
-      <div
-        class="tw-flex tw-grow tw-gap-3"
-        :class="direction === 'row' ? 'tw-flex-row tw-items-center tw-justify-between' : 'tw-flex-col'"
-      >
-        <p class="tw-font-sans tw-text-sm tw-text-grayscale-800 tw-m-0">
-          {{ sharedPaymentConfigTr('upgradeBannerMessage') }}
-        </p>
-        <Button
-          class="tw-shrink-0"
-          :class="{ 'tw-uppercase': !isDesignCom, 'tw-self-start': direction === 'column' }"
-          :label="sharedPaymentConfigTr('upgradeBannerButtonLabel')"
-          variant="primary"
-          size="small"
-          @on-click.stop="$emit('on-upgrade-click')"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import Button from '../../../atoms/components/Button/Button.vue';
-import Icon from '../../../atoms/components/Icon/Icon.vue';
-import { sharedPaymentConfigTr } from '../../../useSharedLibTranslate';
-
-const BC_COLORS = {
-  background: '#CCEAF7',
-  border: '#0097D7',
-  icon: '#0097D7',
-};
-
-const DCOM_COLORS = {
-  background: '#ECEEFE',
-  border: '#3F59F6',
-  icon: '#3F59F6',
-};
-
-export default {
-  components: {
-    Button,
-    Icon,
-  },
-  props: {
-    isDesignCom: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-    direction: {
-      type: String,
-      required: false,
-      default: 'column',
-      validator: (value) => ['row', 'column'].includes(value),
-    },
-  },
-  emits: ['on-upgrade-click'],
-  computed: {
-    colors() {
-      return this.isDesignCom ? DCOM_COLORS : BC_COLORS;
-    },
-    bannerStyles() {
-      return {
-        borderColor: this.colors.border,
-        backgroundColor: this.colors.background,
-      };
-    },
-  },
-  methods: {
-    sharedPaymentConfigTr,
-  },
-};
-</script>