@designcrowd/library.brand-page 5.15.4 → 5.15.6-getty-2

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 (162) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-D-JqIBXF.js → CreatedOnBrandCrowd-de-de-DIPGG30j.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-rj1RdP3D.js → CreatedOnBrandCrowd-en-us-BK3FsEfV.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-CQjoXEVn.js → CreatedOnBrandCrowd-es-es-C-nGUDev.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-BLfDC22k.js → CreatedOnBrandCrowd-fr-ca-CouiQIKf.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-BLfDC22k.js → CreatedOnBrandCrowd-fr-fr-CouiQIKf.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-DA4HMlpw.js → CreatedOnBrandCrowd-pt-br-BamTlktu.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-DA4HMlpw.js → CreatedOnBrandCrowd-pt-pt-BamTlktu.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-DcSzC02I.js → CreatedOnDcom-de-de-Do7dJE5k.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-Cj099v1g.js → CreatedOnDcom-en-us-BfSEcfKe.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-BLMAaoWm.js → CreatedOnDcom-es-es-BUbQSvVA.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-DT5jxd5X.js → CreatedOnDcom-fr-ca-CVyJtg6i.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-BVT8h3pj.js → CreatedOnDcom-fr-fr-B93mBE71.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-DP4jKxkV.js → CreatedOnDcom-pt-br-DugQ-wGK.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-B6K9BtIo.js → CreatedOnDcom-pt-pt-CqEpwFJ6.js} +1 -1
  15. package/lib/src/brand-page/components/media/Media.mixin.d.ts +12 -0
  16. package/lib/src/brand-page/components/media/Media.mixin.js +5 -0
  17. package/lib/src/brand-page/models/index.d.ts +16 -0
  18. package/lib/src/brand-page/models/index.js +19 -0
  19. package/lib/src/brand-page/utils/view-model.util.d.ts +14 -2
  20. package/lib/src/brand-page/utils/view-model.util.js +35 -4
  21. package/lib/src/brand-page/view-models.d.ts +19 -1
  22. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts +3 -3
  23. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.js +2 -0
  24. package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.js +2 -0
  25. package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts +2 -0
  26. package/lib/src/brand-page-maker/constants/config-settings-constant.js +27 -13
  27. package/lib/src/brand-page-maker/constants/index.js +2 -0
  28. package/lib/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.d.ts +13 -0
  29. package/lib/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.js +20 -3
  30. package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.js +5 -3
  31. package/lib/src/brand-page-maker/stores/index.d.ts +1 -0
  32. package/lib/src/brand-page-maker/stores/index.js +1 -0
  33. package/lib/src/brand-page-maker/stores/user/user-store.js +1 -0
  34. package/lib/src/brand-page-maker/stores/video/index.d.ts +1 -0
  35. package/lib/src/brand-page-maker/stores/video/index.js +1 -0
  36. package/lib/src/brand-page-maker/stores/video/video-store.d.ts +18 -0
  37. package/lib/src/brand-page-maker/stores/video/video-store.js +19 -0
  38. package/lib/src/{bundled-translations-C35ICQCS.js → bundled-translations-Cmyak1c7.js} +18 -16
  39. package/lib/src/{bundled-translations.de-DE-B3sIK6Yw.js → bundled-translations.de-DE-CB4KkNf3.js} +13 -11
  40. package/lib/src/{bundled-translations.es-ES-CJCflztK.js → bundled-translations.es-ES-27tfJoU5.js} +15 -13
  41. package/lib/src/{bundled-translations.fr-CA-CtlwKcDs.js → bundled-translations.fr-CA-SDhUJ5C0.js} +18 -16
  42. package/lib/src/{bundled-translations.fr-FR-CjDBsRhl.js → bundled-translations.fr-FR-_THRUXSu.js} +22 -20
  43. package/lib/src/{bundled-translations.pt-BR-CNuFzR0R.js → bundled-translations.pt-BR-Cet1bnj3.js} +19 -17
  44. package/lib/src/{bundled-translations.pt-PT-D2Ak5M-w.js → bundled-translations.pt-PT-BWuPalqF.js} +6 -4
  45. package/lib/src/bundles/bundled-translations.de-DE.json +7 -0
  46. package/lib/src/bundles/bundled-translations.es-ES.json +7 -0
  47. package/lib/src/bundles/bundled-translations.fr-CA.json +7 -0
  48. package/lib/src/bundles/bundled-translations.fr-FR.json +7 -0
  49. package/lib/src/bundles/bundled-translations.json +11 -0
  50. package/lib/src/bundles/bundled-translations.pt-BR.json +7 -0
  51. package/lib/src/bundles/bundled-translations.pt-PT.json +7 -0
  52. package/lib/src/clients/gettyimages-client.js +1 -1
  53. package/lib/src/composables/useTranslate.d.ts +2 -1
  54. package/lib/src/composables/useTranslate.js +2 -1
  55. package/lib/src/constants/ui.d.ts +1 -0
  56. package/lib/src/css/library.brand-page-brandCrowd.min.css +83 -37
  57. package/lib/src/css/library.brand-page-brandPage.min.css +83 -37
  58. package/lib/src/css/library.brand-page-designCom.min.css +83 -37
  59. package/lib/src/css/library.brand-page-preview.min.css +83 -37
  60. package/lib/src/helpers/ts.helper.d.ts +1 -0
  61. package/lib/src/helpers/ts.helper.js +22 -0
  62. package/lib/src/index.mjs +188 -186
  63. package/lib/src/{lib-DV-z72zv.js → lib-DOh7RMGI.js} +21245 -20854
  64. package/lib/src/shared/content-settings/components/GenericTextInput.mixin.d.ts +1 -1
  65. package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts +2 -0
  66. package/lib/src/shared/content-settings/components/content-settings/ContentSettings.stories.js +1 -0
  67. package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts +4 -1
  68. package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.js +3 -0
  69. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.d.ts +2 -0
  70. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts +2 -0
  71. package/lib/src/shared/content-settings/components/email-field/EmailField.mixin.d.ts +1 -1
  72. package/lib/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.mixin.d.ts +2 -0
  73. package/lib/src/shared/content-settings/components/image-field/ImageField.mixin.d.ts +23 -1
  74. package/lib/src/shared/content-settings/components/image-field/ImageField.mixin.js +25 -1
  75. package/lib/src/shared/content-settings/components/payment-config-field/PaymentConfigField.mixin.d.ts +1 -3
  76. package/lib/src/shared/content-settings/components/payment-config-field/PaymentConfigField.mixin.js +1 -3
  77. package/lib/src/shared/content-settings/components/tel-field/TelField.mixin.d.ts +1 -1
  78. package/lib/src/shared/content-settings/components/text-field/TextField.mixin.d.ts +1 -1
  79. package/lib/src/shared/content-settings/components/textarea-field/TextareaField.mixin.d.ts +1 -1
  80. package/lib/src/shared/content-settings/components/url-field/UrlField.mixin.d.ts +1 -1
  81. package/lib/src/shared/content-settings/components/youtube-video-field/YoutubeVideoField.mixin.d.ts +1 -1
  82. package/lib/src/shared/content-settings/models.d.ts +3 -0
  83. package/lib/src/shared/content-settings/models.js +1 -0
  84. package/lib/src/shared/content-settings/store/content-settings-store.d.ts +3 -0
  85. package/lib/src/shared/content-settings/store/content-settings-store.js +37 -1
  86. package/lib/src/shared/ecommerce-settings/store/shop-settings-store.d.ts +1 -3
  87. package/lib/src/shared/ecommerce-settings/store/shop-settings-store.js +2 -2
  88. package/lib/src/shared/models.d.ts +1 -0
  89. package/lib/src/shared/my-uploads/MyMedia.stories.js +1 -0
  90. package/lib/src/shared/my-uploads/models.d.ts +12 -0
  91. package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts +3 -0
  92. package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts +2 -0
  93. package/package.json +1 -1
  94. package/src/brand-page/components/banner-section/BannerSection.vue +6 -1
  95. package/src/brand-page/components/logo/LogoRender.vue +0 -1
  96. package/src/brand-page/components/media/Media.mixin.ts +11 -1
  97. package/src/brand-page/components/media/Media.vue +15 -3
  98. package/src/brand-page/components/media/Video.vue +38 -0
  99. package/src/brand-page/components/shop/FeaturedDisplay.vue +7 -6
  100. package/src/brand-page/components/shop/PaymentModal.vue +0 -2
  101. package/src/brand-page/components/shop/ProductDetailModal.vue +2 -1
  102. package/src/brand-page/components/shop/Shop.vue +12 -31
  103. package/src/brand-page/components/shop/TextDisplay.vue +7 -6
  104. package/src/brand-page/components/shop/ThumbnailDisplay.vue +7 -6
  105. package/src/brand-page/models/index.ts +34 -0
  106. package/src/brand-page/utils/view-model.util.ts +74 -2
  107. package/src/brand-page/view-models.ts +24 -0
  108. package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.ts +2 -0
  109. package/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.ts +2 -0
  110. package/src/brand-page-maker/components/shop/AddOrEditProductContainer.vue +3 -8
  111. package/src/brand-page-maker/constants/config-settings-constant.ts +28 -12
  112. package/src/brand-page-maker/constants/index.ts +2 -0
  113. package/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.ts +47 -1
  114. package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.ts +9 -0
  115. package/src/brand-page-maker/stores/index.ts +1 -0
  116. package/src/brand-page-maker/stores/user/user-store.ts +1 -0
  117. package/src/brand-page-maker/stores/video/index.ts +1 -0
  118. package/src/brand-page-maker/stores/video/video-store.ts +37 -0
  119. package/src/bundles/bundled-translations.de-DE.json +7 -0
  120. package/src/bundles/bundled-translations.es-ES.json +7 -0
  121. package/src/bundles/bundled-translations.fr-CA.json +7 -0
  122. package/src/bundles/bundled-translations.fr-FR.json +7 -0
  123. package/src/bundles/bundled-translations.json +11 -0
  124. package/src/bundles/bundled-translations.pt-BR.json +7 -0
  125. package/src/bundles/bundled-translations.pt-PT.json +7 -0
  126. package/src/clients/gettyimages-client.js +1 -1
  127. package/src/composables/useTranslate.ts +2 -0
  128. package/src/constants/ui.ts +1 -0
  129. package/src/helpers/ts.helper.ts +30 -0
  130. package/src/shared/common/i18n/common.json +2 -0
  131. package/src/shared/content-settings/components/content-settings/ContentSettings.stories.ts +1 -0
  132. package/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.ts +10 -1
  133. package/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.vue +1 -0
  134. package/src/shared/content-settings/components/content-settings/i18n/content-settings.json +4 -0
  135. package/src/shared/content-settings/components/image-field/ImageField.mixin.ts +31 -1
  136. package/src/shared/content-settings/components/payment-config-field/PaymentConfigField.mixin.ts +1 -3
  137. package/src/shared/content-settings/components/replace-image-base-settings/ReplaceImageBaseSettings.vue +223 -19
  138. package/src/shared/content-settings/components/replace-image-base-settings/i18n/replace-image-setting.de-DE.json +1 -0
  139. package/src/shared/content-settings/components/replace-image-base-settings/i18n/replace-image-setting.es-ES.json +1 -0
  140. package/src/shared/content-settings/components/replace-image-base-settings/i18n/replace-image-setting.fr-CA.json +1 -0
  141. package/src/shared/content-settings/components/replace-image-base-settings/i18n/replace-image-setting.fr-FR.json +1 -0
  142. package/src/shared/content-settings/components/replace-image-base-settings/i18n/replace-image-setting.json +1 -0
  143. package/src/shared/content-settings/components/replace-image-base-settings/i18n/replace-image-setting.pt-BR.json +1 -0
  144. package/src/shared/content-settings/components/replace-image-base-settings/i18n/replace-image-setting.pt-PT.json +1 -0
  145. package/src/shared/content-settings/models.ts +4 -0
  146. package/src/shared/content-settings/store/content-settings-store.ts +68 -0
  147. package/src/shared/ecommerce-settings/components/product-config-field/ProductConfigOption.vue +4 -2
  148. package/src/shared/ecommerce-settings/store/shop-settings-store.ts +2 -4
  149. package/src/shared/models.ts +1 -0
  150. package/src/shared/my-uploads/MyMedia.stories.ts +1 -0
  151. package/src/shared/my-uploads/models.ts +16 -0
  152. package/src/shared/video-library/VideoLibrary.vue +380 -0
  153. package/src/shared/video-library/i18n/video-library.de-DE.json +8 -0
  154. package/src/shared/video-library/i18n/video-library.es-ES.json +8 -0
  155. package/src/shared/video-library/i18n/video-library.fr-CA.json +8 -0
  156. package/src/shared/video-library/i18n/video-library.fr-FR.json +8 -0
  157. package/src/shared/video-library/i18n/video-library.json +8 -0
  158. package/src/shared/video-library/i18n/video-library.pt-BR.json +8 -0
  159. package/src/shared/video-library/i18n/video-library.pt-PT.json +8 -0
  160. package/lib/src/shared/content-settings/components/replace-image-base-settings/ReplaceImageBaseSettings.mixin.d.ts +0 -112
  161. package/lib/src/shared/content-settings/components/replace-image-base-settings/ReplaceImageBaseSettings.mixin.js +0 -135
  162. package/src/shared/content-settings/components/replace-image-base-settings/ReplaceImageBaseSettings.mixin.ts +0 -168
@@ -5234,7 +5234,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5234
5234
  object-fit: cover
5235
5235
  }
5236
5236
 
5237
- .c-image--height-limited[data-v-4dbc9bf6] {
5237
+ .c-image--height-limited[data-v-f94c58c6] {
5238
5238
  max-height: 45vh;
5239
5239
  }
5240
5240
 
@@ -5354,11 +5354,11 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5354
5354
  }
5355
5355
  }
5356
5356
 
5357
- .logo__container[data-v-970e7f5e] {
5357
+ .logo__container[data-v-308ab5ea] {
5358
5358
  border: 0.125rem solid var(--logo-border-colour);
5359
5359
  border-radius: 0.75rem;
5360
5360
  }
5361
- .logo__image[data-v-970e7f5e] {
5361
+ .logo__image[data-v-308ab5ea] {
5362
5362
  display: block;
5363
5363
  -o-object-fit: contain;
5364
5364
  object-fit: contain;
@@ -5833,10 +5833,10 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5833
5833
  text-align: center
5834
5834
  }
5835
5835
 
5836
- .c_banner--with-image-overlay[data-v-dcac170d] {
5836
+ .c_banner--with-image-overlay[data-v-be5be4ad] {
5837
5837
  min-height: 24rem;
5838
5838
  }
5839
- .c_banner--divided-container[data-v-dcac170d] {
5839
+ .c_banner--divided-container[data-v-be5be4ad] {
5840
5840
  min-height: 30rem;
5841
5841
  -webkit-box-orient: horizontal;
5842
5842
  -webkit-box-direction: normal;
@@ -5844,67 +5844,67 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5844
5844
  flex-direction: row;
5845
5845
  gap: 1rem;
5846
5846
  }
5847
- .device-wrapper--mobile .c_banner--divided-container[data-v-dcac170d] {
5847
+ .device-wrapper--mobile .c_banner--divided-container[data-v-be5be4ad] {
5848
5848
  -webkit-box-orient: vertical;
5849
5849
  -webkit-box-direction: reverse;
5850
5850
  -ms-flex-direction: column-reverse;
5851
5851
  flex-direction: column-reverse;
5852
5852
  }
5853
- .c_banner-container[data-v-dcac170d] {
5853
+ .c_banner-container[data-v-be5be4ad] {
5854
5854
  max-width: var(--brandsite-max-width);
5855
5855
  margin: 0 auto;
5856
5856
  }
5857
- .c_banner--with-image-flip[data-v-dcac170d] {
5857
+ .c_banner--with-image-flip[data-v-be5be4ad] {
5858
5858
  -webkit-box-orient: horizontal;
5859
5859
  -webkit-box-direction: reverse;
5860
5860
  -ms-flex-direction: row-reverse;
5861
5861
  flex-direction: row-reverse;
5862
5862
  }
5863
- .c_banner--divided-container[data-v-dcac170d] .full-square-image {
5863
+ .c_banner--divided-container[data-v-be5be4ad] .full-square-image {
5864
5864
  width: 100%;
5865
5865
  aspect-ratio: 1/1;
5866
5866
  -o-object-fit: cover;
5867
5867
  object-fit: cover;
5868
5868
  }
5869
5869
  @container (min-width: 640px) {
5870
- .c_banner-container--left-aligned-stacking[data-v-dcac170d] {
5870
+ .c_banner-container--left-aligned-stacking[data-v-be5be4ad] {
5871
5871
  -webkit-box-orient: horizontal;
5872
5872
  -webkit-box-direction: normal;
5873
5873
  -ms-flex-direction: row;
5874
5874
  flex-direction: row;
5875
5875
  }
5876
- .c_banner-container--right-aligned-stacking[data-v-dcac170d] {
5876
+ .c_banner-container--right-aligned-stacking[data-v-be5be4ad] {
5877
5877
  -webkit-box-orient: horizontal;
5878
5878
  -webkit-box-direction: reverse;
5879
5879
  -ms-flex-direction: row-reverse;
5880
5880
  flex-direction: row-reverse;
5881
5881
  }
5882
- .c_banner-button--stacking[data-v-dcac170d] {
5882
+ .c_banner-button--stacking[data-v-be5be4ad] {
5883
5883
  width: -webkit-fit-content;
5884
5884
  width: -moz-fit-content;
5885
5885
  width: fit-content;
5886
5886
  }
5887
5887
  }
5888
5888
  @container (max-width: 640px) {
5889
- .c_banner-container--left-aligned-stacking[data-v-dcac170d] {
5889
+ .c_banner-container--left-aligned-stacking[data-v-be5be4ad] {
5890
5890
  -webkit-box-orient: vertical;
5891
5891
  -webkit-box-direction: normal;
5892
5892
  -ms-flex-direction: column;
5893
5893
  flex-direction: column;
5894
5894
  }
5895
- .c_banner-container--right-aligned-stacking[data-v-dcac170d] {
5895
+ .c_banner-container--right-aligned-stacking[data-v-be5be4ad] {
5896
5896
  -webkit-box-orient: vertical;
5897
5897
  -webkit-box-direction: normal;
5898
5898
  -ms-flex-direction: column;
5899
5899
  flex-direction: column;
5900
5900
  }
5901
- .c_banner-item--stacking[data-v-dcac170d] {
5901
+ .c_banner-item--stacking[data-v-be5be4ad] {
5902
5902
  width: 100%;
5903
5903
  }
5904
- .c_banner-button--stacking[data-v-dcac170d] {
5904
+ .c_banner-button--stacking[data-v-be5be4ad] {
5905
5905
  width: 100%;
5906
5906
  }
5907
- .c_banner--divided-container[data-v-dcac170d] {
5907
+ .c_banner--divided-container[data-v-be5be4ad] {
5908
5908
  -webkit-box-orient: vertical;
5909
5909
  -webkit-box-direction: reverse;
5910
5910
  -ms-flex-direction: column-reverse;
@@ -6332,7 +6332,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6332
6332
  max-height: 45vh;
6333
6333
  }
6334
6334
 
6335
- .payment-width[data-v-398e85d5] {
6335
+ .payment-width[data-v-ebfc00aa] {
6336
6336
  margin: 0.375rem;
6337
6337
  -ms-flex-negative: 1;
6338
6338
  flex-shrink: 1;
@@ -6344,7 +6344,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6344
6344
  min-width: calc(16.666667% - 0.5rem)
6345
6345
  }
6346
6346
 
6347
- .payment-width[data-v-f1cde2c0] {
6347
+ .payment-width[data-v-f03c2ca9] {
6348
6348
  -ms-flex-negative: 1;
6349
6349
  flex-shrink: 1;
6350
6350
  overflow-wrap: break-word;
@@ -6354,7 +6354,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6354
6354
  min-width: calc(16.666667% - 0.5rem)
6355
6355
  }
6356
6356
 
6357
- .payment-width[data-v-7b37eea9] {
6357
+ .payment-width[data-v-7071ffed] {
6358
6358
  margin: 0.375rem;
6359
6359
  -ms-flex-negative: 1;
6360
6360
  flex-shrink: 1;
@@ -6366,27 +6366,27 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6366
6366
  min-width: calc(16.666667% - 0.5rem)
6367
6367
  }
6368
6368
  @media (min-width: 768px) {
6369
- .device--mobile .payment-options[data-v-7b37eea9] {
6369
+ .device--mobile .payment-options[data-v-7071ffed] {
6370
6370
  display: block
6371
6371
  }
6372
6372
  }
6373
- .device--mobile .payment-option[data-v-7b37eea9] {
6373
+ .device--mobile .payment-option[data-v-7071ffed] {
6374
6374
  margin-top: 0.5rem;
6375
6375
  margin-bottom: 0.5rem
6376
6376
  }
6377
6377
 
6378
- .form-error[data-v-0c25ca2e] {
6378
+ .form-error[data-v-f6c89027] {
6379
6379
  font-size: 0.875rem;
6380
6380
  line-height: 1.25rem;
6381
6381
  color: #f21b3f
6382
6382
  }
6383
6383
  @media (max-width: 767px) {
6384
- .product-detail[data-v-0c25ca2e] {
6384
+ .product-detail[data-v-f6c89027] {
6385
6385
  grid-template-columns: repeat(1, minmax(0, 1fr))
6386
6386
  }
6387
6387
  }
6388
6388
  @media (min-width: 767px) {
6389
- .product-detail[data-v-0c25ca2e] {
6389
+ .product-detail[data-v-f6c89027] {
6390
6390
  grid-template-columns: repeat(2, minmax(0, 1fr))
6391
6391
  }
6392
6392
  }
@@ -6403,44 +6403,44 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6403
6403
  color: #f21b3f;
6404
6404
  }
6405
6405
 
6406
- .inner-container[data-v-0d6cc354] {
6406
+ .inner-container[data-v-c7c55426] {
6407
6407
  max-width: var(--brandsite-max-width);
6408
6408
  margin: 0 auto;
6409
6409
  }
6410
- .outer-container[data-v-0d6cc354] {
6410
+ .outer-container[data-v-c7c55426] {
6411
6411
  padding-left: var(--page-padding);
6412
6412
  padding-right: var(--page-padding);
6413
6413
  }
6414
- .modal-cart[data-v-0d6cc354] .cart-image {
6414
+ .modal-cart[data-v-c7c55426] .cart-image {
6415
6415
  width: 3rem;
6416
6416
  }
6417
- .modal-cart[data-v-0d6cc354] .cart-option {
6417
+ .modal-cart[data-v-c7c55426] .cart-option {
6418
6418
  width: 100%;
6419
6419
  }
6420
- .success-bar-container[data-v-0d6cc354] .tw-bg-success-500 {
6420
+ .success-bar-container[data-v-c7c55426] .tw-bg-success-500 {
6421
6421
  --tw-bg-opacity: 1;
6422
6422
  background-color: rgb(36 168 16 / var(--tw-bg-opacity));
6423
6423
  }
6424
6424
  @media (min-width: 640px) {
6425
- .modal-product-detail[data-v-0d6cc354] .modal {
6425
+ .modal-product-detail[data-v-c7c55426] .modal {
6426
6426
  min-width: 100vh;
6427
6427
  }
6428
- .modal-cart[data-v-0d6cc354] .modal {
6428
+ .modal-cart[data-v-c7c55426] .modal {
6429
6429
  min-width: 90vh;
6430
6430
  max-height: 90vh;
6431
6431
  }
6432
- .modal-cart[data-v-0d6cc354] .cart-image {
6432
+ .modal-cart[data-v-c7c55426] .cart-image {
6433
6433
  width: 8rem;
6434
6434
  }
6435
- .modal-cart[data-v-0d6cc354] .cart-option {
6435
+ .modal-cart[data-v-c7c55426] .cart-option {
6436
6436
  width: 75%;
6437
6437
  }
6438
- .success-bar[data-v-0d6cc354] {
6438
+ .success-bar[data-v-c7c55426] {
6439
6439
  width: 50%;
6440
6440
  }
6441
6441
  }
6442
6442
  @media (max-width: 640px) {
6443
- .success-bar[data-v-0d6cc354] {
6443
+ .success-bar[data-v-c7c55426] {
6444
6444
  width: 91.666667%;
6445
6445
  }
6446
6446
  }
@@ -8010,6 +8010,52 @@ body {
8010
8010
  background-color: rgba(17, 21, 23, 0.33);
8011
8011
  }
8012
8012
 
8013
+ .c-media-btn__img[data-v-1b38c83b] {
8014
+ width: 100%;
8015
+ border-radius: 0.375rem;
8016
+ -webkit-transition-property: -webkit-box-shadow;
8017
+ transition-property: -webkit-box-shadow;
8018
+ transition-property: box-shadow;
8019
+ transition-property: box-shadow, -webkit-box-shadow;
8020
+ -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
8021
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
8022
+ -webkit-transition-duration: 200ms;
8023
+ transition-duration: 200ms;
8024
+ -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
8025
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
8026
+ aspect-ratio: 1;
8027
+ -o-object-fit: cover;
8028
+ object-fit: cover;
8029
+ max-height: 150px;
8030
+ }
8031
+ .c-media-btn__overlay[data-v-1b38c83b] {
8032
+ position: absolute;
8033
+ left: 0px;
8034
+ bottom: 0px;
8035
+ top: 0px;
8036
+ right: 0px;
8037
+ border-radius: 0.375rem;
8038
+ --tw-text-opacity: 1;
8039
+ color: rgb(255 255 255 / var(--tw-text-opacity));
8040
+ -webkit-transition-property: all;
8041
+ transition-property: all;
8042
+ -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
8043
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
8044
+ -webkit-transition-duration: 200ms;
8045
+ transition-duration: 200ms;
8046
+ }
8047
+ .c-media-btn__overlay--category[data-v-1b38c83b] {
8048
+ background-color: rgba(17, 21, 23, 0.66);
8049
+ }
8050
+ .c-media-btn__overlay--video[data-v-1b38c83b]:hover {
8051
+ background-color: rgba(17, 21, 23, 0.33);
8052
+ }
8053
+ .c-media-btn[data-v-1b38c83b] {
8054
+ width: 100%;
8055
+ aspect-ratio: 1;
8056
+ max-height: 150px;
8057
+ }
8058
+
8013
8059
  .reorderable-list-move[data-v-f7e4513e] {
8014
8060
  -webkit-transition-property: -webkit-transform;
8015
8061
  transition-property: -webkit-transform;
@@ -8384,7 +8430,7 @@ input[type='number'][data-v-28a532b4] {
8384
8430
  }
8385
8431
 
8386
8432
  @media (min-width: 640px) {
8387
- .modal-product-config[data-v-04058263] .modal {
8433
+ .modal-product-config[data-v-b1306175] .modal {
8388
8434
  max-height: 75vh;
8389
8435
  min-height: 60vh;
8390
8436
  }
@@ -4976,7 +4976,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
4976
4976
  object-fit: cover
4977
4977
  }
4978
4978
 
4979
- .bp .c-image--height-limited[data-v-4dbc9bf6] {
4979
+ .bp .c-image--height-limited[data-v-f94c58c6] {
4980
4980
  max-height: 45vh;
4981
4981
  }
4982
4982
 
@@ -5096,11 +5096,11 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5096
5096
  }
5097
5097
  }
5098
5098
 
5099
- .bp .logo__container[data-v-970e7f5e] {
5099
+ .bp .logo__container[data-v-308ab5ea] {
5100
5100
  border: 0.125rem solid var(--logo-border-colour);
5101
5101
  border-radius: 0.75rem;
5102
5102
  }
5103
- .bp .logo__image[data-v-970e7f5e] {
5103
+ .bp .logo__image[data-v-308ab5ea] {
5104
5104
  display: block;
5105
5105
  -o-object-fit: contain;
5106
5106
  object-fit: contain;
@@ -5575,10 +5575,10 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5575
5575
  text-align: center
5576
5576
  }
5577
5577
 
5578
- .bp .c_banner--with-image-overlay[data-v-dcac170d] {
5578
+ .bp .c_banner--with-image-overlay[data-v-be5be4ad] {
5579
5579
  min-height: 24rem;
5580
5580
  }
5581
- .bp .c_banner--divided-container[data-v-dcac170d] {
5581
+ .bp .c_banner--divided-container[data-v-be5be4ad] {
5582
5582
  min-height: 30rem;
5583
5583
  -webkit-box-orient: horizontal;
5584
5584
  -webkit-box-direction: normal;
@@ -5586,67 +5586,67 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5586
5586
  flex-direction: row;
5587
5587
  gap: 1rem;
5588
5588
  }
5589
- .bp .device-wrapper--mobile .c_banner--divided-container[data-v-dcac170d] {
5589
+ .bp .device-wrapper--mobile .c_banner--divided-container[data-v-be5be4ad] {
5590
5590
  -webkit-box-orient: vertical;
5591
5591
  -webkit-box-direction: reverse;
5592
5592
  -ms-flex-direction: column-reverse;
5593
5593
  flex-direction: column-reverse;
5594
5594
  }
5595
- .bp .c_banner-container[data-v-dcac170d] {
5595
+ .bp .c_banner-container[data-v-be5be4ad] {
5596
5596
  max-width: var(--brandsite-max-width);
5597
5597
  margin: 0 auto;
5598
5598
  }
5599
- .bp .c_banner--with-image-flip[data-v-dcac170d] {
5599
+ .bp .c_banner--with-image-flip[data-v-be5be4ad] {
5600
5600
  -webkit-box-orient: horizontal;
5601
5601
  -webkit-box-direction: reverse;
5602
5602
  -ms-flex-direction: row-reverse;
5603
5603
  flex-direction: row-reverse;
5604
5604
  }
5605
- .bp .c_banner--divided-container[data-v-dcac170d] .full-square-image {
5605
+ .bp .c_banner--divided-container[data-v-be5be4ad] .full-square-image {
5606
5606
  width: 100%;
5607
5607
  aspect-ratio: 1/1;
5608
5608
  -o-object-fit: cover;
5609
5609
  object-fit: cover;
5610
5610
  }
5611
5611
  @container (min-width: 640px) {
5612
- .bp .c_banner-container--left-aligned-stacking[data-v-dcac170d] {
5612
+ .bp .c_banner-container--left-aligned-stacking[data-v-be5be4ad] {
5613
5613
  -webkit-box-orient: horizontal;
5614
5614
  -webkit-box-direction: normal;
5615
5615
  -ms-flex-direction: row;
5616
5616
  flex-direction: row;
5617
5617
  }
5618
- .bp .c_banner-container--right-aligned-stacking[data-v-dcac170d] {
5618
+ .bp .c_banner-container--right-aligned-stacking[data-v-be5be4ad] {
5619
5619
  -webkit-box-orient: horizontal;
5620
5620
  -webkit-box-direction: reverse;
5621
5621
  -ms-flex-direction: row-reverse;
5622
5622
  flex-direction: row-reverse;
5623
5623
  }
5624
- .bp .c_banner-button--stacking[data-v-dcac170d] {
5624
+ .bp .c_banner-button--stacking[data-v-be5be4ad] {
5625
5625
  width: -webkit-fit-content;
5626
5626
  width: -moz-fit-content;
5627
5627
  width: fit-content;
5628
5628
  }
5629
5629
  }
5630
5630
  @container (max-width: 640px) {
5631
- .bp .c_banner-container--left-aligned-stacking[data-v-dcac170d] {
5631
+ .bp .c_banner-container--left-aligned-stacking[data-v-be5be4ad] {
5632
5632
  -webkit-box-orient: vertical;
5633
5633
  -webkit-box-direction: normal;
5634
5634
  -ms-flex-direction: column;
5635
5635
  flex-direction: column;
5636
5636
  }
5637
- .bp .c_banner-container--right-aligned-stacking[data-v-dcac170d] {
5637
+ .bp .c_banner-container--right-aligned-stacking[data-v-be5be4ad] {
5638
5638
  -webkit-box-orient: vertical;
5639
5639
  -webkit-box-direction: normal;
5640
5640
  -ms-flex-direction: column;
5641
5641
  flex-direction: column;
5642
5642
  }
5643
- .bp .c_banner-item--stacking[data-v-dcac170d] {
5643
+ .bp .c_banner-item--stacking[data-v-be5be4ad] {
5644
5644
  width: 100%;
5645
5645
  }
5646
- .bp .c_banner-button--stacking[data-v-dcac170d] {
5646
+ .bp .c_banner-button--stacking[data-v-be5be4ad] {
5647
5647
  width: 100%;
5648
5648
  }
5649
- .bp .c_banner--divided-container[data-v-dcac170d] {
5649
+ .bp .c_banner--divided-container[data-v-be5be4ad] {
5650
5650
  -webkit-box-orient: vertical;
5651
5651
  -webkit-box-direction: reverse;
5652
5652
  -ms-flex-direction: column-reverse;
@@ -6074,7 +6074,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6074
6074
  max-height: 45vh;
6075
6075
  }
6076
6076
 
6077
- .bp .payment-width[data-v-398e85d5] {
6077
+ .bp .payment-width[data-v-ebfc00aa] {
6078
6078
  margin: 0.375rem;
6079
6079
  -ms-flex-negative: 1;
6080
6080
  flex-shrink: 1;
@@ -6086,7 +6086,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6086
6086
  min-width: calc(16.666667% - 0.5rem)
6087
6087
  }
6088
6088
 
6089
- .bp .payment-width[data-v-f1cde2c0] {
6089
+ .bp .payment-width[data-v-f03c2ca9] {
6090
6090
  -ms-flex-negative: 1;
6091
6091
  flex-shrink: 1;
6092
6092
  overflow-wrap: break-word;
@@ -6096,7 +6096,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6096
6096
  min-width: calc(16.666667% - 0.5rem)
6097
6097
  }
6098
6098
 
6099
- .bp .payment-width[data-v-7b37eea9] {
6099
+ .bp .payment-width[data-v-7071ffed] {
6100
6100
  margin: 0.375rem;
6101
6101
  -ms-flex-negative: 1;
6102
6102
  flex-shrink: 1;
@@ -6108,27 +6108,27 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6108
6108
  min-width: calc(16.666667% - 0.5rem)
6109
6109
  }
6110
6110
  @media (min-width: 768px) {
6111
- .bp .device--mobile .payment-options[data-v-7b37eea9] {
6111
+ .bp .device--mobile .payment-options[data-v-7071ffed] {
6112
6112
  display: block
6113
6113
  }
6114
6114
  }
6115
- .bp .device--mobile .payment-option[data-v-7b37eea9] {
6115
+ .bp .device--mobile .payment-option[data-v-7071ffed] {
6116
6116
  margin-top: 0.5rem;
6117
6117
  margin-bottom: 0.5rem
6118
6118
  }
6119
6119
 
6120
- .bp .form-error[data-v-0c25ca2e] {
6120
+ .bp .form-error[data-v-f6c89027] {
6121
6121
  font-size: 0.875rem;
6122
6122
  line-height: 1.25rem;
6123
6123
  color: #f21b3f
6124
6124
  }
6125
6125
  @media (max-width: 767px) {
6126
- .bp .product-detail[data-v-0c25ca2e] {
6126
+ .bp .product-detail[data-v-f6c89027] {
6127
6127
  grid-template-columns: repeat(1, minmax(0, 1fr))
6128
6128
  }
6129
6129
  }
6130
6130
  @media (min-width: 767px) {
6131
- .bp .product-detail[data-v-0c25ca2e] {
6131
+ .bp .product-detail[data-v-f6c89027] {
6132
6132
  grid-template-columns: repeat(2, minmax(0, 1fr))
6133
6133
  }
6134
6134
  }
@@ -6145,44 +6145,44 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
6145
6145
  color: #f21b3f;
6146
6146
  }
6147
6147
 
6148
- .bp .inner-container[data-v-0d6cc354] {
6148
+ .bp .inner-container[data-v-c7c55426] {
6149
6149
  max-width: var(--brandsite-max-width);
6150
6150
  margin: 0 auto;
6151
6151
  }
6152
- .bp .outer-container[data-v-0d6cc354] {
6152
+ .bp .outer-container[data-v-c7c55426] {
6153
6153
  padding-left: var(--page-padding);
6154
6154
  padding-right: var(--page-padding);
6155
6155
  }
6156
- .bp .modal-cart[data-v-0d6cc354] .cart-image {
6156
+ .bp .modal-cart[data-v-c7c55426] .cart-image {
6157
6157
  width: 3rem;
6158
6158
  }
6159
- .bp .modal-cart[data-v-0d6cc354] .cart-option {
6159
+ .bp .modal-cart[data-v-c7c55426] .cart-option {
6160
6160
  width: 100%;
6161
6161
  }
6162
- .bp .success-bar-container[data-v-0d6cc354] .tw-bg-success-500 {
6162
+ .bp .success-bar-container[data-v-c7c55426] .tw-bg-success-500 {
6163
6163
  --tw-bg-opacity: 1;
6164
6164
  background-color: rgb(36 168 16 / var(--tw-bg-opacity));
6165
6165
  }
6166
6166
  @media (min-width: 640px) {
6167
- .bp .modal-product-detail[data-v-0d6cc354] .modal {
6167
+ .bp .modal-product-detail[data-v-c7c55426] .modal {
6168
6168
  min-width: 100vh;
6169
6169
  }
6170
- .bp .modal-cart[data-v-0d6cc354] .modal {
6170
+ .bp .modal-cart[data-v-c7c55426] .modal {
6171
6171
  min-width: 90vh;
6172
6172
  max-height: 90vh;
6173
6173
  }
6174
- .bp .modal-cart[data-v-0d6cc354] .cart-image {
6174
+ .bp .modal-cart[data-v-c7c55426] .cart-image {
6175
6175
  width: 8rem;
6176
6176
  }
6177
- .bp .modal-cart[data-v-0d6cc354] .cart-option {
6177
+ .bp .modal-cart[data-v-c7c55426] .cart-option {
6178
6178
  width: 75%;
6179
6179
  }
6180
- .bp .success-bar[data-v-0d6cc354] {
6180
+ .bp .success-bar[data-v-c7c55426] {
6181
6181
  width: 50%;
6182
6182
  }
6183
6183
  }
6184
6184
  @media (max-width: 640px) {
6185
- .bp .success-bar[data-v-0d6cc354] {
6185
+ .bp .success-bar[data-v-c7c55426] {
6186
6186
  width: 91.666667%;
6187
6187
  }
6188
6188
  }
@@ -7752,6 +7752,52 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
7752
7752
  background-color: rgba(17, 21, 23, 0.33);
7753
7753
  }
7754
7754
 
7755
+ .bp .c-media-btn__img[data-v-1b38c83b] {
7756
+ width: 100%;
7757
+ border-radius: 0.375rem;
7758
+ -webkit-transition-property: -webkit-box-shadow;
7759
+ transition-property: -webkit-box-shadow;
7760
+ transition-property: box-shadow;
7761
+ transition-property: box-shadow, -webkit-box-shadow;
7762
+ -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7763
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7764
+ -webkit-transition-duration: 200ms;
7765
+ transition-duration: 200ms;
7766
+ -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
7767
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
7768
+ aspect-ratio: 1;
7769
+ -o-object-fit: cover;
7770
+ object-fit: cover;
7771
+ max-height: 150px;
7772
+ }
7773
+ .bp .c-media-btn__overlay[data-v-1b38c83b] {
7774
+ position: absolute;
7775
+ left: 0px;
7776
+ bottom: 0px;
7777
+ top: 0px;
7778
+ right: 0px;
7779
+ border-radius: 0.375rem;
7780
+ --tw-text-opacity: 1;
7781
+ color: rgb(255 255 255 / var(--tw-text-opacity));
7782
+ -webkit-transition-property: all;
7783
+ transition-property: all;
7784
+ -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7785
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7786
+ -webkit-transition-duration: 200ms;
7787
+ transition-duration: 200ms;
7788
+ }
7789
+ .bp .c-media-btn__overlay--category[data-v-1b38c83b] {
7790
+ background-color: rgba(17, 21, 23, 0.66);
7791
+ }
7792
+ .bp .c-media-btn__overlay--video[data-v-1b38c83b]:hover {
7793
+ background-color: rgba(17, 21, 23, 0.33);
7794
+ }
7795
+ .bp .c-media-btn[data-v-1b38c83b] {
7796
+ width: 100%;
7797
+ aspect-ratio: 1;
7798
+ max-height: 150px;
7799
+ }
7800
+
7755
7801
  .bp .reorderable-list-move[data-v-f7e4513e] {
7756
7802
  -webkit-transition-property: -webkit-transform;
7757
7803
  transition-property: -webkit-transform;
@@ -8126,7 +8172,7 @@ input[type='number'][data-v-28a532b4] {
8126
8172
  }
8127
8173
 
8128
8174
  @media (min-width: 640px) {
8129
- .bp .modal-product-config[data-v-04058263] .modal {
8175
+ .bp .modal-product-config[data-v-b1306175] .modal {
8130
8176
  max-height: 75vh;
8131
8177
  min-height: 60vh;
8132
8178
  }
@@ -6,4 +6,5 @@ export declare function getQueryParam(name: string, url?: string): string | null
6
6
  type Callback = (...args: any) => void;
7
7
  export declare function refDebounce(fn: Callback, timeout: number, ref?: string): (...args: any[]) => void;
8
8
  export declare function sanitiseObject(obj: any): {};
9
+ export declare const findValuesByKey: (obj: any, keyToFind: string, results?: string[]) => string[];
9
10
  export {};
@@ -40,3 +40,25 @@ export function sanitiseObject(obj) {
40
40
  return ac;
41
41
  }, {});
42
42
  }
43
+ export const findValuesByKey = (obj, keyToFind, results = []) => {
44
+ if (typeof obj !== 'object' || obj === null) {
45
+ return results;
46
+ }
47
+ if (Array.isArray(obj)) {
48
+ for (const item of obj) {
49
+ findValuesByKey(item, keyToFind, results);
50
+ }
51
+ }
52
+ else {
53
+ for (const key in obj) {
54
+ if (Object.prototype.hasOwnProperty.call(obj, key)) {
55
+ const value = obj[key];
56
+ if (key === keyToFind && value && typeof value === 'string') {
57
+ results.push(value);
58
+ }
59
+ findValuesByKey(value, keyToFind, results);
60
+ }
61
+ }
62
+ }
63
+ return results;
64
+ };