@designcrowd/fe-shared-lib 1.5.7-eng-3522-1 → 1.5.7

package/src/experiences/components/UploadedLogoSearchResultCard/i18n/upload-logo-search-result-card.json

@@ -1,8 +1,8 @@
-{
-  "uploadLogoSearchResultCard": {
-    "replace": "Replace",
-    "replaceLogo": "Replace Logo",
-    "delete": "Delete",
-    "deleteLogo": "Delete Logo"
-  }
-}
+{
+  "uploadLogoSearchResultCard": {
+    "replace": "Replace",
+    "replaceLogo": "Replace Logo",
+    "delete": "Delete",
+    "deleteLogo": "Delete Logo"
+  }
+}

package/src/experiences/components/UploadedLogoSearchResultCard/i18n/upload-logo-search-result-card.pt-BR.json

@@ -1,8 +1,8 @@
-{
-  "uploadLogoSearchResultCard" : {
-    "replace" : "Substituir",
-    "replaceLogo" : "Substituir logotipo",
-    "delete" : "Excluir",
-    "deleteLogo" : "Excluir logotipo"
-  }
-}
+{
+  "uploadLogoSearchResultCard" : {
+    "replace" : "Substituir",
+    "replaceLogo" : "Substituir logotipo",
+    "delete" : "Excluir",
+    "deleteLogo" : "Excluir logotipo"
+  }
+}

package/src/experiences/components/UploadedLogoSearchResultCard/i18n/upload-logo-search-result-card.pt-PT.json

@@ -1,8 +1,8 @@
-{
-  "uploadLogoSearchResultCard" : {
-    "replace" : "Substituir",
-    "replaceLogo" : "Substituir logótipo",
-    "delete" : "Eliminar",
-    "deleteLogo" : "Eliminar Logótipo"
-  }
-}
+{
+  "uploadLogoSearchResultCard" : {
+    "replace" : "Substituir",
+    "replaceLogo" : "Substituir logótipo",
+    "delete" : "Eliminar",
+    "deleteLogo" : "Eliminar Logótipo"
+  }
+}

package/src/experiences/constants/api.js

@@ -1,8 +1,8 @@
-export default {
-  BYO_LOGO_API_URL: '/maker/api',
-  BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT: '/user-logos/logo-image',
-  BYO_LOGO_API_SAVE_ENDPOINT: '/user-logos',
-  BYO_LOGO_API_DELETE_LOGO_ENDPOINT: '/user-logos/delete-user-logo',
-  BYO_LOGO_API_LINK_TEMPLATE_ENDPOINT: '/user-logos/link-user-logo-template',
-  DOMAIN_NAME_SEARCH_API_URL: '/maker/api/domain-names/suggest',
-};
+export default {
+  BYO_LOGO_API_URL: '/maker/api',
+  BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT: '/user-logos/logo-image',
+  BYO_LOGO_API_SAVE_ENDPOINT: '/user-logos',
+  BYO_LOGO_API_DELETE_LOGO_ENDPOINT: '/user-logos/delete-user-logo',
+  BYO_LOGO_API_LINK_TEMPLATE_ENDPOINT: '/user-logos/link-user-logo-template',
+  DOMAIN_NAME_SEARCH_API_URL: '/maker/api/domain-names/suggest',
+};

package/src/experiences/constants/error-constants.js

@@ -1,5 +1,5 @@
-export default {
-  MAX_BYO_FILE_SIZE: 26214400,
-  MAX_BYO_FILE_SIZE_EXCEEDED_MSG: 'Your file exceeds the maximum size of 25MB. Please choose a smaller file.',
-  GENERIC_BYO_ERROR: 'An unexpected error occured. Please try again.',
-};
+export default {
+  MAX_BYO_FILE_SIZE: 26214400,
+  MAX_BYO_FILE_SIZE_EXCEEDED_MSG: 'Your file exceeds the maximum size of 25MB. Please choose a smaller file.',
+  GENERIC_BYO_ERROR: 'An unexpected error occured. Please try again.',
+};

package/src/experiences/constants/event-constants.js

@@ -1,18 +1,18 @@
-export default {
-  InvokeByoUpload: 'INVOKE_BYO_UPLOAD',
-  BeginUploadLogoExperience: 'BEGIN_UPLOAD_LOGO_EXPERIENCE',
-  UploadLogoFileChanged: 'UPLOAD_LOGO_FILE_CHANGED',
-  UploadLogoError: 'UPLOAD_LOGO_ERROR',
-  UploadLogoSuccess: 'UPLOAD_LOGO_SUCCESS',
-  ShowLoginModal: 'SHOW_LOGIN_MODAL',
-  DomainSelectedEvent: 'DOMAIN_SELECTED',
-  DomainSearchEvent: 'DOMAIN_SEARCH',
-  DomainLoadMoreEvent: 'DOMAIN_LOAD_MORE',
-};
-
-export const TRIGGER_TYPE = {
-  UserTriggered: 'user_triggered',
-  Automatic: 'automatic',
-};
-
-export const sitePublishedModal = 'site_published_modal';
+export default {
+  InvokeByoUpload: 'INVOKE_BYO_UPLOAD',
+  BeginUploadLogoExperience: 'BEGIN_UPLOAD_LOGO_EXPERIENCE',
+  UploadLogoFileChanged: 'UPLOAD_LOGO_FILE_CHANGED',
+  UploadLogoError: 'UPLOAD_LOGO_ERROR',
+  UploadLogoSuccess: 'UPLOAD_LOGO_SUCCESS',
+  ShowLoginModal: 'SHOW_LOGIN_MODAL',
+  DomainSelectedEvent: 'DOMAIN_SELECTED',
+  DomainSearchEvent: 'DOMAIN_SEARCH',
+  DomainLoadMoreEvent: 'DOMAIN_LOAD_MORE',
+};
+
+export const TRIGGER_TYPE = {
+  UserTriggered: 'user_triggered',
+  Automatic: 'automatic',
+};
+
+export const sitePublishedModal = 'site_published_modal';

package/src/experiences/constants/partner-dictionary-constants.js

@@ -1,27 +1,27 @@
-// eslint-disable-next-line import/prefer-default-export
-export const LEGAL = {
-  LINK_CLASSES: {
-    crazyDomains: 'tw-text-primary-500 hover:tw-text-primary-600 tw-underline',
-  },
-  BY_PROCEEDING_TEXT: {
-    crazyDomains: 'By proceeding you accept CrazyDomains',
-  },
-  TERMS_AND_CONDITIONS_TEXT: {
-    crazyDomains: 'General Terms',
-  },
-  PRIVACY_POLICY_TEXT: {
-    crazyDomains: 'Privacy Policy',
-  },
-  TERMS_AND_CONDITIONS_LINK: {
-    crazyDomains: 'https://www.crazydomains.com/privacy/',
-  },
-  PRIVACY_POLICY_LINK: {
-    crazyDomains: 'https://www.crazydomains.com/privacy/terms-privacy-policy/',
-  },
-};
-
-export const SIGN_IN = {
-  SIGN_UP_TEXT: {
-    crazyDomains: "Don't have an account?",
-  },
-};
+// eslint-disable-next-line import/prefer-default-export
+export const LEGAL = {
+  LINK_CLASSES: {
+    crazyDomains: 'tw-text-primary-500 hover:tw-text-primary-600 tw-underline',
+  },
+  BY_PROCEEDING_TEXT: {
+    crazyDomains: 'By proceeding you accept CrazyDomains',
+  },
+  TERMS_AND_CONDITIONS_TEXT: {
+    crazyDomains: 'General Terms',
+  },
+  PRIVACY_POLICY_TEXT: {
+    crazyDomains: 'Privacy Policy',
+  },
+  TERMS_AND_CONDITIONS_LINK: {
+    crazyDomains: 'https://www.crazydomains.com/privacy/',
+  },
+  PRIVACY_POLICY_LINK: {
+    crazyDomains: 'https://www.crazydomains.com/privacy/terms-privacy-policy/',
+  },
+};
+
+export const SIGN_IN = {
+  SIGN_UP_TEXT: {
+    crazyDomains: "Don't have an account?",
+  },
+};

package/src/experiences/constants/rego-source-constants.js

@@ -1,3 +1,3 @@
-export default {
-  UploadUserLogo: 'UploadUserLogo',
-};
+export default {
+  UploadUserLogo: 'UploadUserLogo',
+};

package/src/experiences/constants/sell-domain-name-constants.js

@@ -1,4 +1,4 @@
-export const sellDomainNameSearchBarLabel = 'Search';
-export const sellDomainNameSearchBarPlaceholder = 'Search domain names';
-export const sellDomainNameMinSearchTextLength = 2;
-export const sellDomainNameSearchBarPreText = 'Domain name';
+export const sellDomainNameSearchBarLabel = 'Search';
+export const sellDomainNameSearchBarPlaceholder = 'Search domain names';
+export const sellDomainNameMinSearchTextLength = 2;
+export const sellDomainNameSearchBarPreText = 'Domain name';

package/src/experiences/helpers/email-validator.js

@@ -1,5 +1,5 @@
-export default function isValidEmail(email) {
-  const re =
-    /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-  return re.test(String(email).toLowerCase());
-}
+export default function isValidEmail(email) {
+  const re =
+    /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+  return re.test(String(email).toLowerCase());
+}

package/src/experiences/helpers/hex-diff.js

@@ -1,116 +1,116 @@
-/* eslint-disable no-param-reassign */
-/* eslint-disable no-restricted-properties */
-/* eslint-disable prefer-spread */
-/* eslint-disable no-use-before-define */
-/**
- * Mostly copied from
- * https://github.com/Vibrant-Colors/node-vibrant/blob/8843d0094834d4685d1bff3abd77c6dd2daff82c/src/util.ts#L153
- */
-const rgbDiff = (rgb1, rgb2) => {
-  const lab1 = rgbToCIELab.apply(undefined, rgb1);
-  const lab2 = rgbToCIELab.apply(undefined, rgb2);
-  return deltaE94(lab1, lab2);
-};
-
-const hexToRgb = (hex) => {
-  const m = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-  return m === null ? null : [m[1], m[2], m[3]].map((s) => parseInt(s, 16));
-};
-
-const rgbToCIELab = (r, g, b) => {
-  const [x, y, z] = rgbToXyz(r, g, b);
-  return xyzToCIELab(x, y, z);
-};
-
-const rgbToXyz = (r, g, b) => {
-  r /= 255;
-  g /= 255;
-  b /= 255;
-  r = r > 0.04045 ? ((r + 0.005) / 1.055) ** 2.4 : r / 12.92;
-  g = g > 0.04045 ? ((g + 0.005) / 1.055) ** 2.4 : g / 12.92;
-  b = b > 0.04045 ? ((b + 0.005) / 1.055) ** 2.4 : b / 12.92;
-
-  r *= 100;
-  g *= 100;
-  b *= 100;
-
-  const x = r * 0.4124 + g * 0.3576 + b * 0.1805;
-  const y = r * 0.2126 + g * 0.7152 + b * 0.0722;
-  const z = r * 0.0193 + g * 0.1192 + b * 0.9505;
-
-  return [x, y, z];
-};
-
-const xyzToCIELab = (x, y, z) => {
-  const REF_X = 95.047;
-  const REF_Y = 100;
-  const REF_Z = 108.883;
-
-  x /= REF_X;
-  y /= REF_Y;
-  z /= REF_Z;
-
-  x = x > 0.008856 ? x ** (1 / 3) : 7.787 * x + 16 / 116;
-  y = y > 0.008856 ? y ** (1 / 3) : 7.787 * y + 16 / 116;
-  z = z > 0.008856 ? z ** (1 / 3) : 7.787 * z + 16 / 116;
-
-  const L = 116 * y - 16;
-  const a = 500 * (x - y);
-  const b = 200 * (y - z);
-
-  return [L, a, b];
-};
-
-const deltaE94 = (lab1, lab2) => {
-  const WEIGHT_L = 1;
-  const WEIGHT_C = 1;
-  const WEIGHT_H = 1;
-
-  const [L1, a1, b1] = lab1;
-  const [L2, a2, b2] = lab2;
-  const dL = L1 - L2;
-  const da = a1 - a2;
-  const db = b1 - b2;
-
-  const xC1 = Math.sqrt(a1 * a1 + b1 * b1);
-  const xC2 = Math.sqrt(a2 * a2 + b2 * b2);
-
-  let xDL = L2 - L1;
-  let xDC = xC2 - xC1;
-  const xDE = Math.sqrt(dL * dL + da * da + db * db);
-
-  let xDH =
-    Math.sqrt(xDE) > Math.sqrt(Math.abs(xDL)) + Math.sqrt(Math.abs(xDC))
-      ? Math.sqrt(xDE * xDE - xDL * xDL - xDC * xDC)
-      : 0;
-
-  const xSC = 1 + 0.045 * xC1;
-  const xSH = 1 + 0.015 * xC1;
-
-  xDL /= WEIGHT_L;
-  xDC /= WEIGHT_C * xSC;
-  xDH /= WEIGHT_H * xSH;
-
-  return Math.sqrt(xDL * xDL + xDC * xDC + xDH * xDH);
-};
-
-// eslint-disable-next-line consistent-return
-const getColorDiffStatus = (d) => {
-  if (d <= 1) {
-    return 'Same';
-  }
-  // Colours are more similar than different
-  if (d <= 30) {
-    return 'Similar';
-  }
-  // Colours are more different than similar
-  if (d > 30) {
-    return 'Different';
-  }
-};
-
-export default function hexDiff(hex1, hex2) {
-  const rgb1 = hexToRgb(hex1);
-  const rgb2 = hexToRgb(hex2);
-  return getColorDiffStatus(rgbDiff(rgb1, rgb2));
-}
+/* eslint-disable no-param-reassign */
+/* eslint-disable no-restricted-properties */
+/* eslint-disable prefer-spread */
+/* eslint-disable no-use-before-define */
+/**
+ * Mostly copied from
+ * https://github.com/Vibrant-Colors/node-vibrant/blob/8843d0094834d4685d1bff3abd77c6dd2daff82c/src/util.ts#L153
+ */
+const rgbDiff = (rgb1, rgb2) => {
+  const lab1 = rgbToCIELab.apply(undefined, rgb1);
+  const lab2 = rgbToCIELab.apply(undefined, rgb2);
+  return deltaE94(lab1, lab2);
+};
+
+const hexToRgb = (hex) => {
+  const m = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return m === null ? null : [m[1], m[2], m[3]].map((s) => parseInt(s, 16));
+};
+
+const rgbToCIELab = (r, g, b) => {
+  const [x, y, z] = rgbToXyz(r, g, b);
+  return xyzToCIELab(x, y, z);
+};
+
+const rgbToXyz = (r, g, b) => {
+  r /= 255;
+  g /= 255;
+  b /= 255;
+  r = r > 0.04045 ? ((r + 0.005) / 1.055) ** 2.4 : r / 12.92;
+  g = g > 0.04045 ? ((g + 0.005) / 1.055) ** 2.4 : g / 12.92;
+  b = b > 0.04045 ? ((b + 0.005) / 1.055) ** 2.4 : b / 12.92;
+
+  r *= 100;
+  g *= 100;
+  b *= 100;
+
+  const x = r * 0.4124 + g * 0.3576 + b * 0.1805;
+  const y = r * 0.2126 + g * 0.7152 + b * 0.0722;
+  const z = r * 0.0193 + g * 0.1192 + b * 0.9505;
+
+  return [x, y, z];
+};
+
+const xyzToCIELab = (x, y, z) => {
+  const REF_X = 95.047;
+  const REF_Y = 100;
+  const REF_Z = 108.883;
+
+  x /= REF_X;
+  y /= REF_Y;
+  z /= REF_Z;
+
+  x = x > 0.008856 ? x ** (1 / 3) : 7.787 * x + 16 / 116;
+  y = y > 0.008856 ? y ** (1 / 3) : 7.787 * y + 16 / 116;
+  z = z > 0.008856 ? z ** (1 / 3) : 7.787 * z + 16 / 116;
+
+  const L = 116 * y - 16;
+  const a = 500 * (x - y);
+  const b = 200 * (y - z);
+
+  return [L, a, b];
+};
+
+const deltaE94 = (lab1, lab2) => {
+  const WEIGHT_L = 1;
+  const WEIGHT_C = 1;
+  const WEIGHT_H = 1;
+
+  const [L1, a1, b1] = lab1;
+  const [L2, a2, b2] = lab2;
+  const dL = L1 - L2;
+  const da = a1 - a2;
+  const db = b1 - b2;
+
+  const xC1 = Math.sqrt(a1 * a1 + b1 * b1);
+  const xC2 = Math.sqrt(a2 * a2 + b2 * b2);
+
+  let xDL = L2 - L1;
+  let xDC = xC2 - xC1;
+  const xDE = Math.sqrt(dL * dL + da * da + db * db);
+
+  let xDH =
+    Math.sqrt(xDE) > Math.sqrt(Math.abs(xDL)) + Math.sqrt(Math.abs(xDC))
+      ? Math.sqrt(xDE * xDE - xDL * xDL - xDC * xDC)
+      : 0;
+
+  const xSC = 1 + 0.045 * xC1;
+  const xSH = 1 + 0.015 * xC1;
+
+  xDL /= WEIGHT_L;
+  xDC /= WEIGHT_C * xSC;
+  xDH /= WEIGHT_H * xSH;
+
+  return Math.sqrt(xDL * xDL + xDC * xDC + xDH * xDH);
+};
+
+// eslint-disable-next-line consistent-return
+const getColorDiffStatus = (d) => {
+  if (d <= 1) {
+    return 'Same';
+  }
+  // Colours are more similar than different
+  if (d <= 30) {
+    return 'Similar';
+  }
+  // Colours are more different than similar
+  if (d > 30) {
+    return 'Different';
+  }
+};
+
+export default function hexDiff(hex1, hex2) {
+  const rgb1 = hexToRgb(hex1);
+  const rgb2 = hexToRgb(hex2);
+  return getColorDiffStatus(rgbDiff(rgb1, rgb2));
+}

package/src/experiences/helpers/tracking.js

@@ -1,5 +1,5 @@
-export default function trackEvent(obj) {
-  if (!obj || !window) return;
-  window.dataLayer = window.dataLayer || [];
-  window.dataLayer.push(obj);
-}
+export default function trackEvent(obj) {
+  if (!obj || !window) return;
+  window.dataLayer = window.dataLayer || [];
+  window.dataLayer.push(obj);
+}

package/src/experiences/mixins/mediaQueryMixin.js

@@ -1,31 +1,31 @@
-// copied from BrandCrowd.Nuxt/src/client/mixins/mediaQueryMixin.js
-
-export const BREAKPOINTS = {
-  SMALL: 640,
-  MEDIUM: 768,
-  LARGE: 1024,
-};
-
-export default {
-  data() {
-    return {
-      isMobile: false,
-      isLargerThanMobile: false,
-      isDesktop: false,
-    };
-  },
-  mounted() {
-    this.checkWindowWidth();
-    window.addEventListener('resize', this.checkWindowWidth);
-  },
-  unmounted() {
-    window.removeEventListener('resize', this.checkWindowWidth);
-  },
-  methods: {
-    checkWindowWidth() {
-      this.isMobile = window.innerWidth < BREAKPOINTS.SMALL;
-      this.isLargerThanMobile = window.innerWidth > BREAKPOINTS.SMALL;
-      this.isDesktop = window.innerWidth >= BREAKPOINTS.LARGE;
-    },
-  },
-};
+// copied from BrandCrowd.Nuxt/src/client/mixins/mediaQueryMixin.js
+
+export const BREAKPOINTS = {
+  SMALL: 640,
+  MEDIUM: 768,
+  LARGE: 1024,
+};
+
+export default {
+  data() {
+    return {
+      isMobile: false,
+      isLargerThanMobile: false,
+      isDesktop: false,
+    };
+  },
+  mounted() {
+    this.checkWindowWidth();
+    window.addEventListener('resize', this.checkWindowWidth);
+  },
+  unmounted() {
+    window.removeEventListener('resize', this.checkWindowWidth);
+  },
+  methods: {
+    checkWindowWidth() {
+      this.isMobile = window.innerWidth < BREAKPOINTS.SMALL;
+      this.isLargerThanMobile = window.innerWidth > BREAKPOINTS.SMALL;
+      this.isDesktop = window.innerWidth >= BREAKPOINTS.LARGE;
+    },
+  },
+};

package/src/experiences/mixins/themeMixin.js

@@ -1,22 +1,22 @@
-export default {
-  props: {
-    theme: {
-      type: String,
-      required: false,
-      default: 'brandCrowd',
-    },
-    availableThemes: {
-      type: Object,
-      required: false,
-      default: undefined,
-    },
-  },
-  computed: {
-    isPartnerTheme() {
-      if (this.availableThemes && this.theme) {
-        return this.theme.toLowerCase() !== this.availableThemes.BRAND_CROWD.toLowerCase();
-      }
-      return false;
-    },
-  },
-};
+export default {
+  props: {
+    theme: {
+      type: String,
+      required: false,
+      default: 'brandCrowd',
+    },
+    availableThemes: {
+      type: Object,
+      required: false,
+      default: undefined,
+    },
+  },
+  computed: {
+    isPartnerTheme() {
+      if (this.availableThemes && this.theme) {
+        return this.theme.toLowerCase() !== this.availableThemes.BRAND_CROWD.toLowerCase();
+      }
+      return false;
+    },
+  },
+};

package/src/themes/base.js

@@ -1,20 +1,20 @@
-/*
-  Theme: Base
-  All child themes are extended from this base theme.
-*/
-
-module.exports = {
-  colors: {
-    black: "#000000",
-    current: "currentColor",
-    transparent: "transparent",
-    white: "#FFFFFF",
-    "social-facebook": "#1877f2",
-    "social-twitter": "#1DA1F2",
-    "social-google": "#EA4335",
-    "social-linkedin": "#0077B5",
-    "social-youtube": "#FF0000",
-    "social-pinterest": "#BD081C",
-    "social-instagram": "#BC2A8D",
-  },
-};
+/*
+  Theme: Base
+  All child themes are extended from this base theme.
+*/
+
+module.exports = {
+  colors: {
+    black: "#000000",
+    current: "currentColor",
+    transparent: "transparent",
+    white: "#FFFFFF",
+    "social-facebook": "#1877f2",
+    "social-twitter": "#1DA1F2",
+    "social-google": "#EA4335",
+    "social-linkedin": "#0077B5",
+    "social-youtube": "#FF0000",
+    "social-pinterest": "#BD081C",
+    "social-instagram": "#BC2A8D",
+  },
+};