@stock-in-the-channel/sinch-vue-components 0.0.310 → 0.0.311

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.
package/dist/index.es.js CHANGED
@@ -24816,7 +24816,7 @@ sy = new ZP({
24816
24816
  link: c$.concat(u$),
24817
24817
  cache: s$
24818
24818
  });
24819
- const Yt = sy, d$ = { class: "flex justify-center items-center half-height" }, f$ = { class: "pdp-page" }, p$ = { class: "flex no-wrap" }, v$ = { class: "full-width row" }, m$ = { class: "col-md-10 col-xs-12" }, h$ = ["src", "alt"], g$ = ["alt"], y$ = { class: "block-multimedia flex flex-wrap q-mx-sm" }, b$ = ["href"], _$ = /* @__PURE__ */ C("span", { class: "material-icons" }, "picture_as_pdf", -1), w$ = [
24819
+ const Yt = sy, d$ = { class: "text-center q-ma-xl spinner-overlay" }, f$ = { class: "pdp-page" }, p$ = { class: "flex no-wrap" }, v$ = { class: "full-width row" }, m$ = { class: "col-md-10 col-xs-12" }, h$ = ["src", "alt"], g$ = ["alt"], y$ = { class: "block-multimedia flex flex-wrap q-mx-sm" }, b$ = ["href"], _$ = /* @__PURE__ */ C("span", { class: "material-icons" }, "picture_as_pdf", -1), w$ = [
24820
24820
  _$
24821
24821
  ], S$ = {
24822
24822
  key: 1,
@@ -24850,17 +24850,14 @@ const Yt = sy, d$ = { class: "flex justify-center items-center half-height" }, f
24850
24850
  emits: ["addProductToBasket", "navigateToConfigureUrl"],
24851
24851
  setup(e, { emit: t }) {
24852
24852
  const { t: n } = un(), r = N(), o = N(!1), a = N(), i = N(!1);
24853
- function l(x) {
24854
- v("navigateToConfigureUrl", x);
24855
- }
24856
- function u() {
24853
+ function l() {
24857
24854
  i.value = !1;
24858
24855
  }
24859
- function c(x) {
24856
+ function u(x) {
24860
24857
  const O = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/, I = x.match(O);
24861
24858
  return I && I[2].length === 11 ? "//www.youtube.com/embed/" + I[2] : x;
24862
24859
  }
24863
- const s = e, f = b(() => ({ ...{
24860
+ const c = e, s = b(() => ({ ...{
24864
24861
  image: !0,
24865
24862
  product_name: !0,
24866
24863
  sku: !0,
@@ -24868,11 +24865,11 @@ const Yt = sy, d$ = { class: "flex justify-center items-center half-height" }, f
24868
24865
  price: !0,
24869
24866
  margin: !0,
24870
24867
  action: !0
24871
- }, ...s.columnVisibility }));
24872
- function d(x) {
24873
- return f.value[x];
24868
+ }, ...c.columnVisibility }));
24869
+ function f(x) {
24870
+ return s.value[x];
24874
24871
  }
24875
- const v = t, m = N([
24872
+ const d = t, v = N([
24876
24873
  {
24877
24874
  name: "image",
24878
24875
  required: !0,
@@ -24887,11 +24884,11 @@ const Yt = sy, d$ = { class: "flex justify-center items-center half-height" }, f
24887
24884
  { name: "price", align: "left", label: n("Price"), field: "price", sortable: !0, show: !0 },
24888
24885
  { name: "margin", align: "left", label: n("Margin"), field: "price", sortable: !0, show: !0 },
24889
24886
  { name: "action", align: "right", label: "", field: "action", sortable: !0 }
24890
- ]), w = b(() => m.value.map((x) => ({
24887
+ ]), m = b(() => v.value.map((x) => ({
24891
24888
  ...x,
24892
- show: f.value[x.name] !== void 0 ? f.value[x.name] : x.show
24893
- })).filter((x) => x.show)), _ = N("info"), g = N([]);
24894
- async function S(x) {
24889
+ show: s.value[x.name] !== void 0 ? s.value[x.name] : x.show
24890
+ })).filter((x) => x.show)), w = N("info"), _ = N([]);
24891
+ async function g(x) {
24895
24892
  try {
24896
24893
  if (!x)
24897
24894
  return;
@@ -24914,8 +24911,11 @@ const Yt = sy, d$ = { class: "flex justify-center items-center half-height" }, f
24914
24911
  console.error(I);
24915
24912
  }
24916
24913
  }
24917
- async function h(x) {
24918
- v("addProductToBasket", x);
24914
+ async function S(x) {
24915
+ d("addProductToBasket", x);
24916
+ }
24917
+ function h(x, O) {
24918
+ d("navigateToConfigureUrl", x, O);
24919
24919
  }
24920
24920
  function y() {
24921
24921
  if (window.testseek.init)
@@ -24924,9 +24924,10 @@ const Yt = sy, d$ = { class: "flex justify-center items-center half-height" }, f
24924
24924
  return void console.error("Error loading TestSeek library");
24925
24925
  }
24926
24926
  async function k(x) {
24927
+ o.value = !0;
24927
24928
  try {
24928
24929
  const I = await new os().products(x, void 0, !1);
24929
- I && I.shortDescription && (I.shortDescription = I.shortDescription.replace(/\\n/g, "<br />")), I && I.longDescription && (I.longDescription = I.longDescription.replace(/\\n/g, "<br />")), r.value = I, I && I.distributorProducts && I.distributorProducts.length > 0 && (g.value = I.distributorProducts.map((T, D) => ({
24930
+ I && I.shortDescription && (I.shortDescription = I.shortDescription.replace(/\\n/g, "<br />")), I && I.longDescription && (I.longDescription = I.longDescription.replace(/\\n/g, "<br />")), r.value = I, I && I.distributorProducts && I.distributorProducts.length > 0 && (_.value = I.distributorProducts.map((T, D) => ({
24930
24931
  id: D,
24931
24932
  // Assign a unique id (can use a more meaningful unique field if available)
24932
24933
  image: T.distributorLogoImageUrl,
@@ -24941,8 +24942,8 @@ const Yt = sy, d$ = { class: "flex justify-center items-center half-height" }, f
24941
24942
  vendor: I.brandName,
24942
24943
  distributorName: T.distributorName,
24943
24944
  distributorId: T.distributorId,
24944
- margin: s.enabledDistributorIds.some((M) => M == T.distributorId) && T.rrp && T.rrp > 0 && T.clientPrice && T.clientPrice > 0 ? Math.round((T.rrp - T.clientPrice) * 100 / T.rrp) / 100 : null
24945
- }))), I && I.sku && (a.value = await S(I.sku));
24945
+ margin: c.enabledDistributorIds.some((M) => M == T.distributorId) && T.rrp && T.rrp > 0 && T.clientPrice && T.clientPrice > 0 ? Math.round((T.rrp - T.clientPrice) * 100 / T.rrp) / 100 : null
24946
+ }))), I && I.sku && (a.value = await g(I.sku));
24946
24947
  } catch (O) {
24947
24948
  console.error(O);
24948
24949
  } finally {
@@ -24972,8 +24973,8 @@ const Yt = sy, d$ = { class: "flex justify-center items-center half-height" }, f
24972
24973
  }
24973
24974
  }
24974
24975
  return ot(async () => {
24975
- if (s.route.params.productId) {
24976
- const x = parseInt(s.route.params.productId.toString());
24976
+ if (c.route.params.productId) {
24977
+ const x = parseInt(c.route.params.productId.toString());
24977
24978
  await k(x), E();
24978
24979
  }
24979
24980
  }), (x, O) => {
@@ -25055,7 +25056,7 @@ const Yt = sy, d$ = { class: "flex justify-center items-center half-height" }, f
25055
25056
  flat: "",
25056
25057
  round: "",
25057
25058
  dense: "",
25058
- onClick: O[1] || (O[1] = (D) => u())
25059
+ onClick: O[1] || (O[1] = (D) => l())
25059
25060
  })
25060
25061
  ]),
25061
25062
  _: 2
@@ -25064,7 +25065,7 @@ const Yt = sy, d$ = { class: "flex justify-center items-center half-height" }, f
25064
25065
  default: H(() => [
25065
25066
  A(q(vw), {
25066
25067
  ratio: 16 / 9,
25067
- src: T.url ? c(T.url) : ""
25068
+ src: T.url ? u(T.url) : ""
25068
25069
  }, null, 8, ["src"])
25069
25070
  ]),
25070
25071
  _: 2
@@ -25097,9 +25098,9 @@ const Yt = sy, d$ = { class: "flex justify-center items-center half-height" }, f
25097
25098
  C("div", P$, [
25098
25099
  C("span", $$, V(x.$t("Brand")) + ":", 1),
25099
25100
  C("span", N$, [
25100
- s.router ? (W(), He(cr, {
25101
+ c.router ? (W(), He(cr, {
25101
25102
  key: 0,
25102
- router: s.router,
25103
+ router: c.router,
25103
25104
  to: { name: "search", query: { brandId: r.value?.brandID } }
25104
25105
  }, {
25105
25106
  default: H(() => [
@@ -25112,9 +25113,9 @@ const Yt = sy, d$ = { class: "flex justify-center items-center half-height" }, f
25112
25113
  C("div", R$, [
25113
25114
  C("span", A$, V(x.$t("Category")) + ":", 1),
25114
25115
  C("span", L$, [
25115
- r.value?.categoryId && r.value?.categoryId > 0 && s.router ? (W(), He(cr, {
25116
+ r.value?.categoryId && r.value?.categoryId > 0 && c.router ? (W(), He(cr, {
25116
25117
  key: 0,
25117
- router: s.router,
25118
+ router: c.router,
25118
25119
  to: { name: "category", params: { category: q(gd)(r.value.categoryName), id: r.value.categoryId } }
25119
25120
  }, {
25120
25121
  default: H(() => [
@@ -25145,8 +25146,8 @@ const Yt = sy, d$ = { class: "flex justify-center items-center half-height" }, f
25145
25146
  }),
25146
25147
  C("h6", B$, V(x.$t("AutomateBilling")), 1),
25147
25148
  C("div", U$, [
25148
- s.viewAsTiles ? (W(), ue("div", j$, [
25149
- (W(!0), ue(rt, null, jt(g.value, (T) => (W(), ue("div", {
25149
+ c.viewAsTiles ? (W(), ue("div", j$, [
25150
+ (W(!0), ue(rt, null, jt(_.value, (T) => (W(), ue("div", {
25150
25151
  key: T.id,
25151
25152
  class: "q-mb-md q-px-sm col-sm-3"
25152
25153
  }, [
@@ -25164,7 +25165,7 @@ const Yt = sy, d$ = { class: "flex justify-center items-center half-height" }, f
25164
25165
  C("div", Q$, V(T.distributorName), 1)
25165
25166
  ]),
25166
25167
  C("div", W$, [
25167
- s.siteCloud ? (W(), He(q(Fe), {
25168
+ c.siteCloud ? (W(), He(q(Fe), {
25168
25169
  key: 0,
25169
25170
  color: "primary",
25170
25171
  to: "/contact_us"
@@ -25173,21 +25174,21 @@ const Yt = sy, d$ = { class: "flex justify-center items-center half-height" }, f
25173
25174
  ze(V(x.$t("Get started")), 1)
25174
25175
  ]),
25175
25176
  _: 1
25176
- })) : T.distributorId && s.enabledDistributorIds.indexOf(T.distributorId) > -1 ? (W(), ue(rt, { key: 1 }, [
25177
- d("price") ? (W(), ue("div", K$, [
25177
+ })) : T.distributorId && c.enabledDistributorIds.indexOf(T.distributorId) > -1 ? (W(), ue(rt, { key: 1 }, [
25178
+ f("price") ? (W(), ue("div", K$, [
25178
25179
  T.price ? (W(), ue("span", Y$, V(x.$formatCurrency(T.price)), 1)) : Be("", !0)
25179
25180
  ])) : Be("", !0),
25180
25181
  A(q(Fe), {
25181
25182
  color: "primary",
25182
25183
  label: x.$t("AddToBasket"),
25183
- onClick: (D) => h(T),
25184
+ onClick: (D) => S(T),
25184
25185
  loading: x.addProductToBasketLoading,
25185
25186
  "no-wrap": ""
25186
25187
  }, null, 8, ["label", "onClick", "loading"])
25187
25188
  ], 64)) : (W(), He(q(Fe), {
25188
25189
  key: 2,
25189
25190
  color: "primary",
25190
- onClick: (D) => l(T.distributorName)
25191
+ onClick: (D) => h(T, D)
25191
25192
  }, {
25192
25193
  default: H(() => [
25193
25194
  ze(V(x.$t("Sign Up")), 1)
@@ -25206,16 +25207,16 @@ const Yt = sy, d$ = { class: "flex justify-center items-center half-height" }, f
25206
25207
  A(q(Mn), {
25207
25208
  class: "q-mt-md products-pricing",
25208
25209
  flat: "",
25209
- rows: g.value,
25210
- columns: w.value,
25210
+ rows: _.value,
25211
+ columns: m.value,
25211
25212
  "row-key": "image",
25212
25213
  "wrap-cells": "",
25213
- "rows-per-page-options": s.rowsPerPageOptions
25214
+ "rows-per-page-options": c.rowsPerPageOptions
25214
25215
  }, {
25215
25216
  body: H((T) => [
25216
25217
  A(q(er), null, {
25217
25218
  default: H(() => [
25218
- d("image") ? (W(), He(q(Ne), {
25219
+ f("image") ? (W(), He(q(Ne), {
25219
25220
  key: "image",
25220
25221
  width: "220"
25221
25222
  }, {
@@ -25232,13 +25233,13 @@ const Yt = sy, d$ = { class: "flex justify-center items-center half-height" }, f
25232
25233
  ]),
25233
25234
  _: 2
25234
25235
  }, 1024)) : Be("", !0),
25235
- d("sku") ? (W(), He(q(Ne), { key: "sku" }, {
25236
+ f("sku") ? (W(), He(q(Ne), { key: "sku" }, {
25236
25237
  default: H(() => [
25237
25238
  ze(V(T.row.sku), 1)
25238
25239
  ]),
25239
25240
  _: 2
25240
25241
  }, 1024)) : Be("", !0),
25241
- d("rrp") ? (W(), He(q(Ne), { key: "rrp" }, {
25242
+ f("rrp") ? (W(), He(q(Ne), { key: "rrp" }, {
25242
25243
  default: H(() => [
25243
25244
  C("span", X$, [
25244
25245
  T.row.rrp ? (W(), ue("span", Z$, V(x.$n(T.row.rrp, "currency")), 1)) : Be("", !0)
@@ -25246,8 +25247,8 @@ const Yt = sy, d$ = { class: "flex justify-center items-center half-height" }, f
25246
25247
  ]),
25247
25248
  _: 2
25248
25249
  }, 1024)) : Be("", !0),
25249
- s.enabledDistributorIds.indexOf(T.row.distributorId) > -1 ? (W(), ue(rt, { key: 3 }, [
25250
- d("price") ? (W(), He(q(Ne), { key: "price" }, {
25250
+ c.enabledDistributorIds.indexOf(T.row.distributorId) > -1 ? (W(), ue(rt, { key: 3 }, [
25251
+ f("price") ? (W(), He(q(Ne), { key: "price" }, {
25251
25252
  default: H(() => [
25252
25253
  C("span", eN, [
25253
25254
  T.row.price ? (W(), ue("span", tN, V(x.$n(T.row.price, "currency")), 1)) : Be("", !0)
@@ -25255,7 +25256,7 @@ const Yt = sy, d$ = { class: "flex justify-center items-center half-height" }, f
25255
25256
  ]),
25256
25257
  _: 2
25257
25258
  }, 1024)) : Be("", !0),
25258
- d("margin") ? (W(), He(q(Ne), { key: "margin" }, {
25259
+ f("margin") ? (W(), He(q(Ne), { key: "margin" }, {
25259
25260
  default: H(() => [
25260
25261
  C("span", nN, [
25261
25262
  T.row.margin != null ? (W(), ue("span", rN, V(T.row.margin) + "%", 1)) : Be("", !0)
@@ -25263,14 +25264,14 @@ const Yt = sy, d$ = { class: "flex justify-center items-center half-height" }, f
25263
25264
  ]),
25264
25265
  _: 2
25265
25266
  }, 1024)) : Be("", !0),
25266
- d("action") ? (W(), He(q(Ne), { key: "action" }, {
25267
+ f("action") ? (W(), He(q(Ne), { key: "action" }, {
25267
25268
  default: H(() => [
25268
25269
  A(q(Fe), {
25269
25270
  outline: "",
25270
25271
  rounded: "",
25271
25272
  color: "primary",
25272
25273
  label: x.$t("AddToBasket"),
25273
- onClick: (D) => h(T.row),
25274
+ onClick: (D) => S(T.row),
25274
25275
  loading: x.addProductToBasketLoading,
25275
25276
  "no-wrap": ""
25276
25277
  }, null, 8, ["label", "onClick", "loading"])
@@ -25278,13 +25279,13 @@ const Yt = sy, d$ = { class: "flex justify-center items-center half-height" }, f
25278
25279
  _: 2
25279
25280
  }, 1024)) : Be("", !0)
25280
25281
  ], 64)) : (W(), ue(rt, { key: 4 }, [
25281
- d("price") ? (W(), He(q(Ne), { key: "price" }, {
25282
+ f("price") ? (W(), He(q(Ne), { key: "price" }, {
25282
25283
  default: H(() => [
25283
25284
  C("a", oN, V(x.$t("SetupDistributorToSeePrice")), 1)
25284
25285
  ]),
25285
25286
  _: 1
25286
25287
  })) : Be("", !0),
25287
- d("action") ? (W(), He(q(Ne), { key: "action" })) : Be("", !0)
25288
+ f("action") ? (W(), He(q(Ne), { key: "action" })) : Be("", !0)
25288
25289
  ], 64))
25289
25290
  ]),
25290
25291
  _: 2
@@ -25299,9 +25300,9 @@ const Yt = sy, d$ = { class: "flex justify-center items-center half-height" }, f
25299
25300
  A(q(rn), null, {
25300
25301
  default: H(() => [
25301
25302
  A(q(Il), {
25302
- modelValue: _.value,
25303
+ modelValue: w.value,
25303
25304
  "onUpdate:modelValue": [
25304
- O[3] || (O[3] = (T) => _.value = T),
25305
+ O[3] || (O[3] = (T) => w.value = T),
25305
25306
  y
25306
25307
  ],
25307
25308
  ripple: "false",
@@ -25330,8 +25331,8 @@ const Yt = sy, d$ = { class: "flex justify-center items-center half-height" }, f
25330
25331
  _: 1
25331
25332
  }, 8, ["modelValue"]),
25332
25333
  A(q(Oc), {
25333
- modelValue: _.value,
25334
- "onUpdate:modelValue": O[4] || (O[4] = (T) => _.value = T),
25334
+ modelValue: w.value,
25335
+ "onUpdate:modelValue": O[4] || (O[4] = (T) => w.value = T),
25335
25336
  "keep-alive": ""
25336
25337
  }, {
25337
25338
  default: H(() => [
@@ -25393,9 +25394,9 @@ const Yt = sy, d$ = { class: "flex justify-center items-center half-height" }, f
25393
25394
  C("div", mN, [
25394
25395
  C("div", hN, V(x.$t("Subscription")), 1),
25395
25396
  a.value?.providerSubscriptionId ? (W(), ue("div", gN, [
25396
- s.router ? (W(), He(cr, {
25397
+ c.router ? (W(), He(cr, {
25397
25398
  key: 0,
25398
- router: s.router,
25399
+ router: c.router,
25399
25400
  class: "text-primary",
25400
25401
  to: `/subscription/${a.value?.externalSystem}/${a.value?.providerSubscriptionId}`
25401
25402
  }, {
@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
35
35
  siteCloud: boolean;
36
36
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
37
37
  addProductToBasket: (product: DistributorProduct) => void;
38
- navigateToConfigureUrl: (distributorName: string) => void;
38
+ navigateToConfigureUrl: (product: DistributorProduct, evt: Event) => void;
39
39
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
40
40
  route: RouteLocationNormalizedLoaded;
41
41
  router: Router;
@@ -47,7 +47,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
47
47
  siteCloud: boolean;
48
48
  }>>> & {
49
49
  onAddProductToBasket?: ((product: DistributorProduct) => any) | undefined;
50
- onNavigateToConfigureUrl?: ((distributorName: string) => any) | undefined;
50
+ onNavigateToConfigureUrl?: ((product: DistributorProduct, evt: Event) => any) | undefined;
51
51
  }, {}, {}>;
52
52
  export default _default;
53
53
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stock-in-the-channel/sinch-vue-components",
3
- "version": "0.0.310",
3
+ "version": "0.0.311",
4
4
  "files": [
5
5
  "dist"
6
6
  ],