@designcrowd/library.brand-page 6.0.22 → 6.0.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-BS8dQhaZ.js → CreatedOnBrandCrowd-de-de-CiyqScwz.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-45ZyXSxn.js → CreatedOnBrandCrowd-en-us-CZZ_j7Gw.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-B1K3Ojw-.js → CreatedOnBrandCrowd-es-es-CWXjDCio.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-4v9c20Q9.js → CreatedOnBrandCrowd-fr-ca-CfkjOdy9.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-4v9c20Q9.js → CreatedOnBrandCrowd-fr-fr-CfkjOdy9.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-BdDmm1GE.js → CreatedOnBrandCrowd-pt-br-EOc0tNKn.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-BdDmm1GE.js → CreatedOnBrandCrowd-pt-pt-EOc0tNKn.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-Dc8rOxAE.js → CreatedOnDcom-de-de-BJmeOo0W.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-Bq6rusW6.js → CreatedOnDcom-en-us-NQxuJRPk.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-C5gNEuoi.js → CreatedOnDcom-es-es-DLY_-jUJ.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-NL2KoADg.js → CreatedOnDcom-fr-ca-CIQECmJV.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-DZaLN0j-.js → CreatedOnDcom-fr-fr-Cu6db7o5.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-DXZvo45o.js → CreatedOnDcom-pt-br-DbOUnilX.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-GUJ4aTM2.js → CreatedOnDcom-pt-pt-K1MZafvR.js} +1 -1
  15. package/lib/src/css/library.brand-page-brandCrowd.min.css +11 -11
  16. package/lib/src/css/library.brand-page-brandPage.min.css +11 -11
  17. package/lib/src/css/library.brand-page-designCom.min.css +11 -11
  18. package/lib/src/css/library.brand-page-preview.min.css +11 -11
  19. package/lib/src/index.mjs +1 -1
  20. package/lib/src/{lib-Dh4vrmod.js → lib-BhVYr7xx.js} +6 -6
  21. package/package.json +1 -1
  22. package/src/brand-page/components/shop/Shop.vue +3 -3
  23. package/src/brand-page/components/shop/Shop.vue.test.ts +155 -0
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-Dh4vrmod.js";
2
+ import { _ as t } from "./lib-BhVYr7xx.js";
3
3
  const i = {}, h = {
4
4
  width: "275",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-Dh4vrmod.js";
2
+ import { _ as t } from "./lib-BhVYr7xx.js";
3
3
  const i = {}, h = {
4
4
  width: "251",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-Dh4vrmod.js";
2
+ import { _ as t } from "./lib-BhVYr7xx.js";
3
3
  const i = {}, h = {
4
4
  width: "250",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-Dh4vrmod.js";
2
+ import { _ as t } from "./lib-BhVYr7xx.js";
3
3
  const i = {}, h = {
4
4
  width: "237",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-Dh4vrmod.js";
2
+ import { _ as t } from "./lib-BhVYr7xx.js";
3
3
  const i = {}, h = {
4
4
  width: "237",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-Dh4vrmod.js";
2
+ import { _ as t } from "./lib-BhVYr7xx.js";
3
3
  const i = {}, h = {
4
4
  width: "263",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-Dh4vrmod.js";
2
+ import { _ as t } from "./lib-BhVYr7xx.js";
3
3
  const i = {}, h = {
4
4
  width: "263",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-Dh4vrmod.js";
2
+ import { _ as e } from "./lib-BhVYr7xx.js";
3
3
  const M = {}, Z = {
4
4
  width: "242",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-Dh4vrmod.js";
2
+ import { _ as e } from "./lib-BhVYr7xx.js";
3
3
  const i = {}, M = {
4
4
  width: "231",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-Dh4vrmod.js";
2
+ import { _ as e } from "./lib-BhVYr7xx.js";
3
3
  const M = {}, Z = {
4
4
  width: "230",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-Dh4vrmod.js";
2
+ import { _ as e } from "./lib-BhVYr7xx.js";
3
3
  const i = {}, l = {
4
4
  width: "216",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-Dh4vrmod.js";
2
+ import { _ as e } from "./lib-BhVYr7xx.js";
3
3
  const i = {}, l = {
4
4
  width: "216",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as M } from "./lib-Dh4vrmod.js";
2
+ import { _ as M } from "./lib-BhVYr7xx.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as M } from "./lib-Dh4vrmod.js";
2
+ import { _ as M } from "./lib-BhVYr7xx.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
@@ -6889,44 +6889,44 @@ select[data-v-14e7c7c7] {
6889
6889
  color: #f21b3f;
6890
6890
  }
6891
6891
 
6892
- .inner-container[data-v-c359b5e7] {
6892
+ .inner-container[data-v-a880df05] {
6893
6893
  max-width: var(--brandsite-max-width);
6894
6894
  margin: 0 auto;
6895
6895
  }
6896
- .outer-container[data-v-c359b5e7] {
6896
+ .outer-container[data-v-a880df05] {
6897
6897
  padding-left: var(--page-padding);
6898
6898
  padding-right: var(--page-padding);
6899
6899
  }
6900
- .modal-cart[data-v-c359b5e7] .cart-image {
6900
+ .modal-cart[data-v-a880df05] .cart-image {
6901
6901
  width: 3rem;
6902
6902
  }
6903
- .modal-cart[data-v-c359b5e7] .cart-option {
6903
+ .modal-cart[data-v-a880df05] .cart-option {
6904
6904
  width: 100%;
6905
6905
  }
6906
- .success-bar-container[data-v-c359b5e7] .tw-bg-success-500 {
6906
+ .success-bar-container[data-v-a880df05] .tw-bg-success-500 {
6907
6907
  --tw-bg-opacity: 1;
6908
6908
  background-color: rgb(36 168 16 / var(--tw-bg-opacity));
6909
6909
  }
6910
6910
  @media (min-width: 640px) {
6911
- .modal-product-detail[data-v-c359b5e7] .modal {
6911
+ .modal-product-detail[data-v-a880df05] .modal {
6912
6912
  min-width: 100vh;
6913
6913
  }
6914
- .modal-cart[data-v-c359b5e7] .modal {
6914
+ .modal-cart[data-v-a880df05] .modal {
6915
6915
  min-width: 90vh;
6916
6916
  max-height: 90vh;
6917
6917
  }
6918
- .modal-cart[data-v-c359b5e7] .cart-image {
6918
+ .modal-cart[data-v-a880df05] .cart-image {
6919
6919
  width: 8rem;
6920
6920
  }
6921
- .modal-cart[data-v-c359b5e7] .cart-option {
6921
+ .modal-cart[data-v-a880df05] .cart-option {
6922
6922
  width: 75%;
6923
6923
  }
6924
- .success-bar[data-v-c359b5e7] {
6924
+ .success-bar[data-v-a880df05] {
6925
6925
  width: 50%;
6926
6926
  }
6927
6927
  }
6928
6928
  @media (max-width: 640px) {
6929
- .success-bar[data-v-c359b5e7] {
6929
+ .success-bar[data-v-a880df05] {
6930
6930
  width: 91.666667%;
6931
6931
  }
6932
6932
  }
@@ -7500,44 +7500,44 @@ select[data-v-14e7c7c7] {
7500
7500
  color: #f21b3f;
7501
7501
  }
7502
7502
 
7503
- .inner-container[data-v-c359b5e7] {
7503
+ .inner-container[data-v-a880df05] {
7504
7504
  max-width: var(--brandsite-max-width);
7505
7505
  margin: 0 auto;
7506
7506
  }
7507
- .outer-container[data-v-c359b5e7] {
7507
+ .outer-container[data-v-a880df05] {
7508
7508
  padding-left: var(--page-padding);
7509
7509
  padding-right: var(--page-padding);
7510
7510
  }
7511
- .modal-cart[data-v-c359b5e7] .cart-image {
7511
+ .modal-cart[data-v-a880df05] .cart-image {
7512
7512
  width: 3rem;
7513
7513
  }
7514
- .modal-cart[data-v-c359b5e7] .cart-option {
7514
+ .modal-cart[data-v-a880df05] .cart-option {
7515
7515
  width: 100%;
7516
7516
  }
7517
- .success-bar-container[data-v-c359b5e7] .tw-bg-success-500 {
7517
+ .success-bar-container[data-v-a880df05] .tw-bg-success-500 {
7518
7518
  --tw-bg-opacity: 1;
7519
7519
  background-color: rgb(36 168 16 / var(--tw-bg-opacity));
7520
7520
  }
7521
7521
  @media (min-width: 640px) {
7522
- .modal-product-detail[data-v-c359b5e7] .modal {
7522
+ .modal-product-detail[data-v-a880df05] .modal {
7523
7523
  min-width: 100vh;
7524
7524
  }
7525
- .modal-cart[data-v-c359b5e7] .modal {
7525
+ .modal-cart[data-v-a880df05] .modal {
7526
7526
  min-width: 90vh;
7527
7527
  max-height: 90vh;
7528
7528
  }
7529
- .modal-cart[data-v-c359b5e7] .cart-image {
7529
+ .modal-cart[data-v-a880df05] .cart-image {
7530
7530
  width: 8rem;
7531
7531
  }
7532
- .modal-cart[data-v-c359b5e7] .cart-option {
7532
+ .modal-cart[data-v-a880df05] .cart-option {
7533
7533
  width: 75%;
7534
7534
  }
7535
- .success-bar[data-v-c359b5e7] {
7535
+ .success-bar[data-v-a880df05] {
7536
7536
  width: 50%;
7537
7537
  }
7538
7538
  }
7539
7539
  @media (max-width: 640px) {
7540
- .success-bar[data-v-c359b5e7] {
7540
+ .success-bar[data-v-a880df05] {
7541
7541
  width: 91.666667%;
7542
7542
  }
7543
7543
  }
@@ -6919,44 +6919,44 @@ select[data-v-14e7c7c7] {
6919
6919
  color: #f21b3f;
6920
6920
  }
6921
6921
 
6922
- .inner-container[data-v-c359b5e7] {
6922
+ .inner-container[data-v-a880df05] {
6923
6923
  max-width: var(--brandsite-max-width);
6924
6924
  margin: 0 auto;
6925
6925
  }
6926
- .outer-container[data-v-c359b5e7] {
6926
+ .outer-container[data-v-a880df05] {
6927
6927
  padding-left: var(--page-padding);
6928
6928
  padding-right: var(--page-padding);
6929
6929
  }
6930
- .modal-cart[data-v-c359b5e7] .cart-image {
6930
+ .modal-cart[data-v-a880df05] .cart-image {
6931
6931
  width: 3rem;
6932
6932
  }
6933
- .modal-cart[data-v-c359b5e7] .cart-option {
6933
+ .modal-cart[data-v-a880df05] .cart-option {
6934
6934
  width: 100%;
6935
6935
  }
6936
- .success-bar-container[data-v-c359b5e7] .tw-bg-success-500 {
6936
+ .success-bar-container[data-v-a880df05] .tw-bg-success-500 {
6937
6937
  --tw-bg-opacity: 1;
6938
6938
  background-color: rgb(36 168 16 / var(--tw-bg-opacity));
6939
6939
  }
6940
6940
  @media (min-width: 640px) {
6941
- .modal-product-detail[data-v-c359b5e7] .modal {
6941
+ .modal-product-detail[data-v-a880df05] .modal {
6942
6942
  min-width: 100vh;
6943
6943
  }
6944
- .modal-cart[data-v-c359b5e7] .modal {
6944
+ .modal-cart[data-v-a880df05] .modal {
6945
6945
  min-width: 90vh;
6946
6946
  max-height: 90vh;
6947
6947
  }
6948
- .modal-cart[data-v-c359b5e7] .cart-image {
6948
+ .modal-cart[data-v-a880df05] .cart-image {
6949
6949
  width: 8rem;
6950
6950
  }
6951
- .modal-cart[data-v-c359b5e7] .cart-option {
6951
+ .modal-cart[data-v-a880df05] .cart-option {
6952
6952
  width: 75%;
6953
6953
  }
6954
- .success-bar[data-v-c359b5e7] {
6954
+ .success-bar[data-v-a880df05] {
6955
6955
  width: 50%;
6956
6956
  }
6957
6957
  }
6958
6958
  @media (max-width: 640px) {
6959
- .success-bar[data-v-c359b5e7] {
6959
+ .success-bar[data-v-a880df05] {
6960
6960
  width: 91.666667%;
6961
6961
  }
6962
6962
  }
@@ -6889,44 +6889,44 @@ select[data-v-14e7c7c7] {
6889
6889
  color: #f21b3f;
6890
6890
  }
6891
6891
 
6892
- .bp .inner-container[data-v-c359b5e7] {
6892
+ .bp .inner-container[data-v-a880df05] {
6893
6893
  max-width: var(--brandsite-max-width);
6894
6894
  margin: 0 auto;
6895
6895
  }
6896
- .bp .outer-container[data-v-c359b5e7] {
6896
+ .bp .outer-container[data-v-a880df05] {
6897
6897
  padding-left: var(--page-padding);
6898
6898
  padding-right: var(--page-padding);
6899
6899
  }
6900
- .bp .modal-cart[data-v-c359b5e7] .cart-image {
6900
+ .bp .modal-cart[data-v-a880df05] .cart-image {
6901
6901
  width: 3rem;
6902
6902
  }
6903
- .bp .modal-cart[data-v-c359b5e7] .cart-option {
6903
+ .bp .modal-cart[data-v-a880df05] .cart-option {
6904
6904
  width: 100%;
6905
6905
  }
6906
- .bp .success-bar-container[data-v-c359b5e7] .tw-bg-success-500 {
6906
+ .bp .success-bar-container[data-v-a880df05] .tw-bg-success-500 {
6907
6907
  --tw-bg-opacity: 1;
6908
6908
  background-color: rgb(36 168 16 / var(--tw-bg-opacity));
6909
6909
  }
6910
6910
  @media (min-width: 640px) {
6911
- .bp .modal-product-detail[data-v-c359b5e7] .modal {
6911
+ .bp .modal-product-detail[data-v-a880df05] .modal {
6912
6912
  min-width: 100vh;
6913
6913
  }
6914
- .bp .modal-cart[data-v-c359b5e7] .modal {
6914
+ .bp .modal-cart[data-v-a880df05] .modal {
6915
6915
  min-width: 90vh;
6916
6916
  max-height: 90vh;
6917
6917
  }
6918
- .bp .modal-cart[data-v-c359b5e7] .cart-image {
6918
+ .bp .modal-cart[data-v-a880df05] .cart-image {
6919
6919
  width: 8rem;
6920
6920
  }
6921
- .bp .modal-cart[data-v-c359b5e7] .cart-option {
6921
+ .bp .modal-cart[data-v-a880df05] .cart-option {
6922
6922
  width: 75%;
6923
6923
  }
6924
- .bp .success-bar[data-v-c359b5e7] {
6924
+ .bp .success-bar[data-v-a880df05] {
6925
6925
  width: 50%;
6926
6926
  }
6927
6927
  }
6928
6928
  @media (max-width: 640px) {
6929
- .bp .success-bar[data-v-c359b5e7] {
6929
+ .bp .success-bar[data-v-a880df05] {
6930
6930
  width: 91.666667%;
6931
6931
  }
6932
6932
  }
package/lib/src/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { A as T, a as E, b as s, c as I, d as S, e as N, f as e, B as A, g as O, h as C, i as t, j as G, k as D, l as P, m as R, n as o, o as L, p as M, q as r, r as n, s as b, t as l, u as F, v as i, w as g, x as c, y as B, z as Y, C as U, D as d, E as u, F as H, G as p, H as y, I as m, J as K, K as k, L as V, M as X, N as v, O as h, P as f, Q as x, R as W, S as z, T as w, U as Z, V as j, W as q, X as J, Y as Q, Z as $, $ as aa, a0 as _a, a1 as Ta, a2 as Ea, a3 as sa, a4 as Ia, a5 as Sa, a6 as Na, a7 as ea, a8 as Aa, a9 as Oa, aa as Ca, ab as ta, ac as Ga, ad as Da, ae as Pa, af as Ra, ag as oa, ah as La, ai as Ma, aj as ra, ak as na, al as ba, am as la, an as Fa, ao as ia, ap as ga, aq as ca, ar as Ba, as as Ya, at as Ua, au as da, av as ua, aw as Ha, ax as pa, ay as ya, az as ma, aA as Ka, aB as ka, aC as Va, aD as Xa, aE as va, aF as ha, aG as fa, aH as xa, aI as Wa, aJ as za, aK as wa, aL as Za, aM as ja, aN as qa, aO as Ja, aP as Qa, aQ as $a, aR as a_, aS as __, aT as T_, aU as E_, aV as s_, aW as I_, aX as S_, aY as N_, aZ as e_, a_ as A_, a$ as O_, b0 as C_, b1 as t_, b2 as G_, b3 as D_, b4 as P_, b5 as R_, b6 as o_, b7 as L_, b8 as M_, b9 as r_, ba as n_, bb as b_, bc as l_, bd as F_, be as i_, bf as g_, bg as c_, bh as B_, bi as Y_, bj as U_, bk as d_, bl as u_, bm as H_, bn as p_, bo as y_, bp as m_, bq as K_, br as k_, bs as V_, bt as X_, bu as v_, bv as h_, bw as f_, bx as x_, by as W_, bz as z_, bA as w_, bB as Z_, bC as j_, bD as q_, bE as J_, bF as Q_, bG as $_, bH as aT, bI as _T, bJ as TT, bK as ET, bL as sT, bM as IT, bN as ST, bO as NT, bP as eT, bQ as AT, bR as OT, bS as CT, bT as tT, bU as GT, bV as DT, bW as PT, bX as RT, bY as oT, bZ as LT, b_ as MT, b$ as rT, c0 as nT, c1 as bT, c2 as lT, c3 as FT, c4 as iT, c5 as gT, c6 as cT, c7 as BT, c8 as YT, c9 as UT, ca as dT, cb as uT, cc as HT, cd as pT, ce as yT, cf as mT, cg as KT, ch as kT, ci as VT, cj as XT, ck as vT, cl as hT, cm as fT, cn as xT, co as WT, cp as zT, cq as wT, cr as ZT, cs as jT } from "./lib-Dh4vrmod.js";
1
+ import { A as T, a as E, b as s, c as I, d as S, e as N, f as e, B as A, g as O, h as C, i as t, j as G, k as D, l as P, m as R, n as o, o as L, p as M, q as r, r as n, s as b, t as l, u as F, v as i, w as g, x as c, y as B, z as Y, C as U, D as d, E as u, F as H, G as p, H as y, I as m, J as K, K as k, L as V, M as X, N as v, O as h, P as f, Q as x, R as W, S as z, T as w, U as Z, V as j, W as q, X as J, Y as Q, Z as $, $ as aa, a0 as _a, a1 as Ta, a2 as Ea, a3 as sa, a4 as Ia, a5 as Sa, a6 as Na, a7 as ea, a8 as Aa, a9 as Oa, aa as Ca, ab as ta, ac as Ga, ad as Da, ae as Pa, af as Ra, ag as oa, ah as La, ai as Ma, aj as ra, ak as na, al as ba, am as la, an as Fa, ao as ia, ap as ga, aq as ca, ar as Ba, as as Ya, at as Ua, au as da, av as ua, aw as Ha, ax as pa, ay as ya, az as ma, aA as Ka, aB as ka, aC as Va, aD as Xa, aE as va, aF as ha, aG as fa, aH as xa, aI as Wa, aJ as za, aK as wa, aL as Za, aM as ja, aN as qa, aO as Ja, aP as Qa, aQ as $a, aR as a_, aS as __, aT as T_, aU as E_, aV as s_, aW as I_, aX as S_, aY as N_, aZ as e_, a_ as A_, a$ as O_, b0 as C_, b1 as t_, b2 as G_, b3 as D_, b4 as P_, b5 as R_, b6 as o_, b7 as L_, b8 as M_, b9 as r_, ba as n_, bb as b_, bc as l_, bd as F_, be as i_, bf as g_, bg as c_, bh as B_, bi as Y_, bj as U_, bk as d_, bl as u_, bm as H_, bn as p_, bo as y_, bp as m_, bq as K_, br as k_, bs as V_, bt as X_, bu as v_, bv as h_, bw as f_, bx as x_, by as W_, bz as z_, bA as w_, bB as Z_, bC as j_, bD as q_, bE as J_, bF as Q_, bG as $_, bH as aT, bI as _T, bJ as TT, bK as ET, bL as sT, bM as IT, bN as ST, bO as NT, bP as eT, bQ as AT, bR as OT, bS as CT, bT as tT, bU as GT, bV as DT, bW as PT, bX as RT, bY as oT, bZ as LT, b_ as MT, b$ as rT, c0 as nT, c1 as bT, c2 as lT, c3 as FT, c4 as iT, c5 as gT, c6 as cT, c7 as BT, c8 as YT, c9 as UT, ca as dT, cb as uT, cc as HT, cd as pT, ce as yT, cf as mT, cg as KT, ch as kT, ci as VT, cj as XT, ck as vT, cl as hT, cm as fT, cn as xT, co as WT, cp as zT, cq as wT, cr as ZT, cs as jT } from "./lib-BhVYr7xx.js";
2
2
  import { U as JT, u as QT } from "./useEventTracker-DmQ6AkNn.js";
3
3
  import { createPinia as aE, setActivePinia as _E } from "pinia";
4
4
  export {
@@ -66424,10 +66424,10 @@ const zi = /* @__PURE__ */ p9(jz1), Wz1 = (e, t, n) => {
66424
66424
  D2(() => n.context.isDesignCom, async () => {
66425
66425
  const M = a9().toLowerCase(), S = n.context.isDesignCom ? "Dcom" : "BrandCrowd";
66426
66426
  try {
66427
- const { default: _ } = await FV(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-BS8dQhaZ.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-45ZyXSxn.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-B1K3Ojw-.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-4v9c20Q9.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-4v9c20Q9.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-BdDmm1GE.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-BdDmm1GE.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-Dc8rOxAE.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-Bq6rusW6.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-C5gNEuoi.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-NL2KoADg.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-DZaLN0j-.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-DXZvo45o.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-GUJ4aTM2.js") }), `./watermark/CreatedOn${S}-${M}.vue`, 3);
66427
+ const { default: _ } = await FV(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-de-de.vue": () => import("./CreatedOnBrandCrowd-de-de-CiyqScwz.js"), "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-CZZ_j7Gw.js"), "./watermark/CreatedOnBrandCrowd-es-es.vue": () => import("./CreatedOnBrandCrowd-es-es-CWXjDCio.js"), "./watermark/CreatedOnBrandCrowd-fr-ca.vue": () => import("./CreatedOnBrandCrowd-fr-ca-CfkjOdy9.js"), "./watermark/CreatedOnBrandCrowd-fr-fr.vue": () => import("./CreatedOnBrandCrowd-fr-fr-CfkjOdy9.js"), "./watermark/CreatedOnBrandCrowd-pt-br.vue": () => import("./CreatedOnBrandCrowd-pt-br-EOc0tNKn.js"), "./watermark/CreatedOnBrandCrowd-pt-pt.vue": () => import("./CreatedOnBrandCrowd-pt-pt-EOc0tNKn.js"), "./watermark/CreatedOnDcom-de-de.vue": () => import("./CreatedOnDcom-de-de-BJmeOo0W.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-NQxuJRPk.js"), "./watermark/CreatedOnDcom-es-es.vue": () => import("./CreatedOnDcom-es-es-DLY_-jUJ.js"), "./watermark/CreatedOnDcom-fr-ca.vue": () => import("./CreatedOnDcom-fr-ca-CIQECmJV.js"), "./watermark/CreatedOnDcom-fr-fr.vue": () => import("./CreatedOnDcom-fr-fr-Cu6db7o5.js"), "./watermark/CreatedOnDcom-pt-br.vue": () => import("./CreatedOnDcom-pt-br-DbOUnilX.js"), "./watermark/CreatedOnDcom-pt-pt.vue": () => import("./CreatedOnDcom-pt-pt-K1MZafvR.js") }), `./watermark/CreatedOn${S}-${M}.vue`, 3);
66428
66428
  i.value = _;
66429
66429
  } catch {
66430
- const { default: x } = await FV(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-45ZyXSxn.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-Bq6rusW6.js") }), `./watermark/CreatedOn${S}-en-us.vue`, 3);
66430
+ const { default: x } = await FV(/* @__PURE__ */ Object.assign({ "./watermark/CreatedOnBrandCrowd-en-us.vue": () => import("./CreatedOnBrandCrowd-en-us-CZZ_j7Gw.js"), "./watermark/CreatedOnDcom-en-us.vue": () => import("./CreatedOnDcom-en-us-NQxuJRPk.js") }), `./watermark/CreatedOn${S}-en-us.vue`, 3);
66431
66431
  i.value = x;
66432
66432
  }
66433
66433
  }, {
@@ -75305,7 +75305,7 @@ ${e.notes}` : e.notes)) : this.cartItems.push({
75305
75305
  a.isAddCartSuccess = !1, a.isPaymentModalVisible = !1, a.isCartModalVisible = !0;
75306
75306
  }, y = L(() => ({
75307
75307
  ...t.viewModel.buttonStyles?.style,
75308
- color: t.viewModel.buttonTextStyle?.color || t.viewModel.buttonStyles?.style.color
75308
+ color: t.viewModel.buttonTextStyle?.color || t.viewModel.buttonStyles?.style?.color
75309
75309
  })), w = L(() => {
75310
75310
  const N = { ...t.viewModel.buttonStyles?.style };
75311
75311
  return {
@@ -75379,8 +75379,8 @@ ${e.notes}` : e.notes)) : this.cartItems.push({
75379
75379
  ])) : (C(), f("p", m32, P(I(pr)("noProducts")), 1)),
75380
75380
  e.viewModel.products.length >= 1 ? (C(), $(i0, {
75381
75381
  key: 2,
75382
- "selected-button-style-id": e.viewModel.buttonStyles.selectedButtonStyleId,
75383
- "icon-color": e.viewModel.buttonStyles.style.backgroundColor,
75382
+ "selected-button-style-id": e.viewModel.buttonStyles?.selectedButtonStyleId,
75383
+ "icon-color": e.viewModel.buttonStyles?.style?.backgroundColor,
75384
75384
  "no-margin": !0
75385
75385
  }, {
75386
75386
  default: e1(() => [
@@ -75446,7 +75446,7 @@ ${e.notes}` : e.notes)) : this.cartItems.push({
75446
75446
  }, null, 8, ["is-visible", "button-style", "description-style", "shop-payment-config", "context", "success-message", "is-shipping-enabled"])) : k("", !0)
75447
75447
  ]));
75448
75448
  }
75449
- }), v32 = /* @__PURE__ */ v(b32, [["__scopeId", "data-v-c359b5e7"]]), S32 = { "data-component": "booking-section" }, _32 = { class: "tw-flex tw-gap-8 tw-w-full tw-h-full tw-items-center c_banner-container tw-flex-col tw-gap-5" }, M32 = {
75449
+ }), v32 = /* @__PURE__ */ v(b32, [["__scopeId", "data-v-a880df05"]]), S32 = { "data-component": "booking-section" }, _32 = { class: "tw-flex tw-gap-8 tw-w-full tw-h-full tw-items-center c_banner-container tw-flex-col tw-gap-5" }, M32 = {
75450
75450
  key: 2,
75451
75451
  class: "tw-w-full tw-flex tw-justify-center"
75452
75452
  }, k32 = /* @__PURE__ */ Q({
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@designcrowd/library.brand-page",
3
3
  "description": "A collection of Maker/Designer applications",
4
- "version": "6.0.22",
4
+ "version": "6.0.23",
5
5
  "author": "Design.com Eng",
6
6
  "license": "UNLICENSED",
7
7
  "type": "module",
@@ -58,9 +58,9 @@
58
58
  <ButtonStyleWrapper
59
59
  v-if="viewModel.products.length >= 1"
60
60
  :selected-button-style-id="
61
- viewModel.buttonStyles.selectedButtonStyleId
61
+ viewModel.buttonStyles?.selectedButtonStyleId
62
62
  "
63
- :icon-color="viewModel.buttonStyles.style.backgroundColor"
63
+ :icon-color="viewModel.buttonStyles?.style?.backgroundColor"
64
64
  :no-margin="true"
65
65
  >
66
66
  <button
@@ -245,7 +245,7 @@ const buttonStyle = computed((): any => {
245
245
  ...props.viewModel.buttonStyles?.style,
246
246
  color:
247
247
  props.viewModel.buttonTextStyle?.color ||
248
- props.viewModel.buttonStyles?.style.color,
248
+ props.viewModel.buttonStyles?.style?.color,
249
249
  };
250
250
  return buttonStyle;
251
251
  });
@@ -0,0 +1,155 @@
1
+ import { vi } from 'vitest';
2
+ import { shallowMount } from '@vue/test-utils';
3
+ import Shop from './Shop.vue';
4
+ import { createPinia, setActivePinia } from 'pinia';
5
+ import {
6
+ BRAND_PAGE_TYPES,
7
+ ButtonStyles,
8
+ MEDIA_SIZES,
9
+ type BrandPageContext,
10
+ } from '@brand-page/models';
11
+ import type { ShopViewModel } from '@brand-page/view-models';
12
+
13
+ vi.mock('../../clients/brand-page.client', () => ({
14
+ default: {
15
+ getPaymentConfigStatusByPaymentConfigId: vi.fn(),
16
+ },
17
+ }));
18
+
19
+ vi.mock('@brand-page/utils/raygun.util', () => ({
20
+ default: { safeSendRaygunError: vi.fn() },
21
+ }));
22
+
23
+ const createContext = (): BrandPageContext => ({
24
+ brandPageSlug: 'test',
25
+ brandPageToken: '',
26
+ isMobile: false,
27
+ isPreview: true,
28
+ isProduction: false,
29
+ isServerRender: false,
30
+ options: { mediaSizes: MEDIA_SIZES.sizeThumb },
31
+ isTemplate: false,
32
+ isDesignCom: false,
33
+ pageTitle: 'Test',
34
+ runtimeEnvironment: '',
35
+ stripePublishableKey: undefined,
36
+ customDomain: undefined,
37
+ brandPageType: BRAND_PAGE_TYPES.brandSite,
38
+ isBrandPage: false,
39
+ isBrandPageOrIsBrandContact: false,
40
+ isBrandSite: true,
41
+ isBrandContact: false,
42
+ pages: [],
43
+ isCapturingPreview: false,
44
+ recaptchaSiteKey: undefined,
45
+ nav: { navItems: [] },
46
+ });
47
+
48
+ const createViewModel = (
49
+ overrides: Partial<ShopViewModel> = {},
50
+ ): ShopViewModel =>
51
+ ({
52
+ id: '1',
53
+ type: 'shop-section',
54
+ role: 'shop-section',
55
+ title: 'Shop',
56
+ description: '',
57
+ successMessage: 'Thanks!',
58
+ products: [],
59
+ displayStyle: 'text',
60
+ aspectRatio: '1:1',
61
+ fillColor: {},
62
+ defaultBorderColor: {},
63
+ itemTextStyle: {},
64
+ backgroundStyle: {},
65
+ buttonStyles: new ButtonStyles(),
66
+ isFullWidth: true,
67
+ isShippingEnabled: false,
68
+ shopPaymentConfig: {
69
+ paymentConfig: {},
70
+ paymentOptionDisplayType: 'text',
71
+ paymentOptionImageType: 'none',
72
+ isCustomerRequestDetailsEnabled: false,
73
+ isShippingEnabled: false,
74
+ },
75
+ ...overrides,
76
+ }) as ShopViewModel;
77
+
78
+ const mountShop = (viewModel: ShopViewModel) =>
79
+ shallowMount(Shop, {
80
+ props: {
81
+ context: createContext(),
82
+ viewModel,
83
+ contentIndex: 0,
84
+ },
85
+ });
86
+
87
+ describe('Shop', () => {
88
+ beforeEach(() => {
89
+ setActivePinia(createPinia());
90
+ });
91
+
92
+ describe('buttonStyles defensive access', () => {
93
+ it('does not throw when buttonStyles has no style property', () => {
94
+ const vm = createViewModel({
95
+ buttonStyles: { selectedButtonStyleId: 'BUTTON_STYLE_1' } as any,
96
+ products: [
97
+ {
98
+ id: '1',
99
+ name: 'Test',
100
+ price: 1,
101
+ description: '',
102
+ imageUrl: '',
103
+ } as any,
104
+ ],
105
+ });
106
+
107
+ expect(() => mountShop(vm)).not.toThrow();
108
+ });
109
+
110
+ it('does not throw when buttonStyles is undefined', () => {
111
+ const vm = createViewModel({
112
+ buttonStyles: undefined as any,
113
+ products: [
114
+ {
115
+ id: '1',
116
+ name: 'Test',
117
+ price: 1,
118
+ description: '',
119
+ imageUrl: '',
120
+ } as any,
121
+ ],
122
+ });
123
+
124
+ expect(() => mountShop(vm)).not.toThrow();
125
+ });
126
+
127
+ it('renders correctly with fully populated buttonStyles', () => {
128
+ const vm = createViewModel({
129
+ buttonStyles: new ButtonStyles({
130
+ selectedButtonStyleId: 'BUTTON_STYLE_1',
131
+ style: {
132
+ color: 'rgb(255, 0, 0)',
133
+ backgroundColor: 'rgb(0, 0, 255)',
134
+ },
135
+ }),
136
+ products: [
137
+ {
138
+ id: '1',
139
+ name: 'Test',
140
+ price: 1,
141
+ description: '',
142
+ imageUrl: '',
143
+ } as any,
144
+ ],
145
+ });
146
+
147
+ const wrapper = mountShop(vm);
148
+
149
+ expect(
150
+ wrapper.find('[data-component="button-style-wrapper"]').exists() ||
151
+ wrapper.findComponent({ name: 'ButtonStyleWrapper' }).exists(),
152
+ ).toBe(true);
153
+ });
154
+ });
155
+ });