cloudcommerce 0.26.2 → 0.26.3

package/packages/storefront/dist/client/chunks/CartSidebar.0ce1e999.mjs

@@ -0,0 +1,382 @@
+import { defineComponent, computed, useSSRContext, mergeProps, inject, ref, provide, withCtx, renderSlot, resolveComponent, openBlock, createBlock, createCommentVNode, createVNode, toDisplayString, createTextVNode } from 'vue';
+import { _ as _export_sfc, k as parseProduct, m as useId, r as removeCartItem, n as freeShippingFromValue, o as shoppingCart, t as totalItems } from './pages/_...slug_.astro.ec6517ba.mjs';
+import { ssrRenderAttrs, ssrRenderSlot, ssrRenderAttr, ssrInterpolate, ssrIncludeBooleanAttr, ssrRenderComponent, ssrRenderList } from 'vue/server-renderer';
+import { P as Prices } from './pages/index.astro.8ad03206.mjs';
+import { name, img } from '@ecomplus/utils';
+import './astro.11be33ee.mjs';
+import 'clsx';
+import 'html-escaper';
+import '@cloudcommerce/api';
+import 'node:events';
+import 'node:fs';
+import 'node:path';
+import '@cloudcommerce/config';
+import 'ultrahtml';
+/* empty css                              */import 'image-size';
+import 'mime';
+import '@vueuse/core';
+import '@headlessui/vue';
+
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "CheckoutLink",
+  props: {
+    to: { default: "cart" },
+    cartUrl: { default: globalThis.$storefront.settings.cart_url || "/app/#/cart" },
+    checkoutUrl: { default: globalThis.$storefront.settings.checkout_url || "/app/#/checkout" }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const href = computed(() => {
+      if (props.to === "cart")
+        return props.cartUrl;
+      return props.checkoutUrl;
+    });
+    const __returned__ = { props, href };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<a${ssrRenderAttrs(mergeProps({ href: $setup.href }, _attrs))}>`);
+  ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+  _push(`</a>`);
+}
+const _sfc_setup$4 = _sfc_main$4.setup;
+_sfc_main$4.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/CheckoutLink.vue");
+  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+};
+const CheckoutLink = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["ssrRender", _sfc_ssrRender$4]]);
+
+const useCartItem = (props) => {
+  const parsedItem = computed(() => {
+    return !props.item && props.product ? parseProduct(props.product) : null;
+  });
+  const cartItem = computed(() => {
+    return props.item || parsedItem.value;
+  });
+  const title = computed(() => {
+    return name(cartItem.value);
+  });
+  const link = computed(() => {
+    const { slug } = cartItem.value;
+    if (typeof slug === "string") {
+      return `/${slug}`;
+    }
+    return null;
+  });
+  const image = computed(() => {
+    if (cartItem.value.picture) {
+      return img(cartItem.value.picture, void 0, props.pictureSize || "small");
+    }
+    return void 0;
+  });
+  const finalPrice = computed(() => {
+    return cartItem.value.final_price || cartItem.value.price;
+  });
+  return {
+    cartItem,
+    title,
+    link,
+    image,
+    finalPrice
+  };
+};
+
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "QuantitySelectorControl",
+  props: {
+    isMinus: { type: Boolean }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const {
+      value,
+      isBoundMin,
+      isBoundMax
+    } = inject(quantitySelectorKey);
+    const __returned__ = { value, isBoundMin, isBoundMax };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<button${ssrRenderAttrs(mergeProps({
+    type: "button",
+    class: "w-10 h-12 text-xl leading-12 enabled:text-primary enabled:hover:bg-primary-100/70 disabled:opacity-40",
+    "data-quantity-selector-control": $props.isMinus ? "minus" : "plus",
+    "aria-label": $props.isMinus ? "Menos" : "Mais",
+    disabled: $props.isMinus ? $setup.isBoundMin : $setup.isBoundMax
+  }, _attrs))}>`);
+  ssrRenderSlot(_ctx.$slots, "default", {}, () => {
+    if ($props.isMinus) {
+      _push(`<!--[-->\u2212<!--]-->`);
+    } else {
+      _push(`<!--[-->+<!--]-->`);
+    }
+  }, _push, _parent);
+  _push(`</button>`);
+}
+const _sfc_setup$3 = _sfc_main$3.setup;
+_sfc_main$3.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/QuantitySelectorControl.vue");
+  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
+};
+const QuantitySelectorControl = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["ssrRender", _sfc_ssrRender$3]]);
+
+const quantitySelectorKey = Symbol("quantitySelector");
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "QuantitySelector",
+  props: {
+    modelValue: { default: 1 },
+    min: { default: 1 },
+    max: {},
+    step: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit }) {
+    __expose();
+    const props = __props;
+    const input = ref(null);
+    const inputId = `NInput${useId()}`;
+    const value = computed({
+      get() {
+        return props.modelValue;
+      },
+      set(_value) {
+        if (_value < props.min) {
+          _value = props.min;
+          input.value.value = `${_value}`;
+        }
+        if (props.max && _value > props.max) {
+          _value = props.max;
+          input.value.value = `${_value}`;
+        }
+        emit("update:modelValue", _value);
+      }
+    });
+    const isBoundMin = computed(() => {
+      return props.min >= value.value;
+    });
+    const isBoundMax = computed(() => {
+      return props.max <= value.value;
+    });
+    provide(quantitySelectorKey, {
+      value,
+      isBoundMin,
+      isBoundMax
+    });
+    const __returned__ = { quantitySelectorKey, props, emit, input, inputId, value, isBoundMin, isBoundMax, QuantitySelectorControl };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<div${ssrRenderAttrs(mergeProps({ "data-quantity-selector": "" }, _attrs))}>`);
+  ssrRenderSlot(_ctx.$slots, "label", { inputId: $setup.inputId, value: $setup.value }, () => {
+    _push(`<label${ssrRenderAttr("for", $setup.inputId)} class="sr-only">${ssrInterpolate("Quantidade")}</label>`);
+  }, _push, _parent);
+  _push(`<div class="flex items-center"><input type="number"${ssrRenderAttr("id", $setup.inputId)}${ssrRenderAttr("value", $setup.value)}${ssrRenderAttr("min", $props.min)}${ssrRenderAttr("max", $props.max)}${ssrRenderAttr("step", $props.step)}${ssrIncludeBooleanAttr($props.disabled) ? " disabled" : ""}${ssrIncludeBooleanAttr($props.readonly) ? " readonly" : ""} class="h-12 w-14 px-2 text-lg border-transparent text-center [-moz-appearance:_textfield] [&amp;::-webkit-outer-spin-button]:m-0 [&amp;::-webkit-outer-spin-button]:appearance-none [&amp;::-webkit-inner-spin-button]:m-0 [&amp;::-webkit-inner-spin-button]:appearance-none">`);
+  ssrRenderSlot(_ctx.$slots, "controls", { value: $setup.value, isBoundMin: $setup.isBoundMin, isBoundMax: $setup.isBoundMax }, () => {
+    _push(ssrRenderComponent($setup["QuantitySelectorControl"], {
+      "is-minus": "",
+      class: "order-first"
+    }, {
+      default: withCtx((_, _push2, _parent2, _scopeId) => {
+        if (_push2) {
+          ssrRenderSlot(_ctx.$slots, "minus", {}, null, _push2, _parent2, _scopeId);
+        } else {
+          return [
+            renderSlot(_ctx.$slots, "minus")
+          ];
+        }
+      }),
+      _: 3
+    }, _parent));
+    _push(ssrRenderComponent($setup["QuantitySelectorControl"], { class: "order-last" }, {
+      default: withCtx((_, _push2, _parent2, _scopeId) => {
+        if (_push2) {
+          ssrRenderSlot(_ctx.$slots, "plus", {}, null, _push2, _parent2, _scopeId);
+        } else {
+          return [
+            renderSlot(_ctx.$slots, "plus")
+          ];
+        }
+      }),
+      _: 3
+    }, _parent));
+  }, _push, _parent);
+  _push(`</div></div>`);
+}
+const _sfc_setup$2 = _sfc_main$2.setup;
+_sfc_main$2.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/QuantitySelector.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+const QuantitySelector = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["ssrRender", _sfc_ssrRender$2]]);
+
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "CartItem",
+  props: {
+    item: {},
+    product: {},
+    pictureSize: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const {
+      cartItem,
+      title,
+      link,
+      image,
+      finalPrice
+    } = useCartItem(props);
+    const __returned__ = { props, cartItem, title, link, image, finalPrice, get removeCartItem() {
+      return removeCartItem;
+    }, QuantitySelector, Prices };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_ALink = resolveComponent("ALink");
+  const _component_AImg = resolveComponent("AImg");
+  _push(`<article${ssrRenderAttrs(mergeProps({ class: "relative bg-white shadow-sm" }, _attrs))}>`);
+  _push(ssrRenderComponent(_component_ALink, {
+    href: $setup.link,
+    class: "flex items-center gap-5 p-4 group"
+  }, {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        if ($setup.image) {
+          _push2(ssrRenderComponent(_component_AImg, {
+            picture: $setup.image,
+            alt: $setup.title,
+            class: "w-20 h-20 object-cover"
+          }, null, _parent2, _scopeId));
+        } else {
+          _push2(`<!---->`);
+        }
+        _push2(`<p class="py-2 flex-auto text-sm text-base-700 group-hover:text-base-900 group-hover:underline"${_scopeId}>${ssrInterpolate($setup.title)}</p>`);
+      } else {
+        return [
+          $setup.image ? (openBlock(), createBlock(_component_AImg, {
+            key: 0,
+            picture: $setup.image,
+            alt: $setup.title,
+            class: "w-20 h-20 object-cover"
+          }, null, 8, ["picture", "alt"])) : createCommentVNode("", true),
+          createVNode("p", { class: "py-2 flex-auto text-sm text-base-700 group-hover:text-base-900 group-hover:underline" }, toDisplayString($setup.title), 1)
+        ];
+      }
+    }),
+    _: 1
+  }, _parent));
+  if ($setup.cartItem._id) {
+    _push(`<button class="absolute top-0 right-0 p-2 opacity-70 hover:opacity-100"${ssrRenderAttr("aria-label", "Remover")}><span class="w-5 h-5 text-sm leading-none flex flex-col justify-center rounded-full border-3 text-danger-800 border-danger-700/30"><i class="i-close my-0 mx-auto"></i></span></button>`);
+  } else {
+    _push(`<!---->`);
+  }
+  _push(`<div class="flex justify-between items-center border-t-2 border-base-100"><div class="border-r-2 border-base-100">`);
+  _push(ssrRenderComponent($setup["QuantitySelector"], {
+    modelValue: $setup.cartItem.quantity,
+    "onUpdate:modelValue": ($event) => $setup.cartItem.quantity = $event,
+    min: $setup.cartItem.min_quantity,
+    max: $setup.cartItem.max_quantity
+  }, null, _parent));
+  _push(`</div>`);
+  _push(ssrRenderComponent($setup["Prices"], {
+    "base-price": $setup.cartItem.base_price,
+    price: $setup.finalPrice,
+    "has-cashback": false,
+    "has-price-options": false,
+    class: "px-4 py-2.5 text-[95%] text-right"
+  }, null, _parent));
+  _push(`</div></article>`);
+}
+const _sfc_setup$1 = _sfc_main$1.setup;
+_sfc_main$1.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/CartItem.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const CartItem = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["ssrRender", _sfc_ssrRender$1]]);
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CartSidebar",
+  emits: ["close"],
+  setup(__props, { expose: __expose, emit }) {
+    __expose();
+    const __returned__ = { emit, get freeShippingFromValue() {
+      return freeShippingFromValue;
+    }, get shoppingCart() {
+      return shoppingCart;
+    }, get totalItems() {
+      return totalItems;
+    }, CheckoutLink, Prices, CartItem };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<aside${ssrRenderAttrs(mergeProps({ class: "flex flex-col h-screen bg-white" }, _attrs))}><header class="px-6 py-4 flex justify-end items-center gap-3 shadow ring-1 ring-black/5 z-10"><span class="text-right text-base text-base-600 font-medium">${ssrInterpolate("Meu carrinho de compras")}</span><span class="min-w-[3rem] text-right"><span class="ui-badge-pill-lg">${ssrInterpolate($setup.totalItems)}</span></span></header><article class="grow overflow-y-auto bg-base-50">`);
+  if ($setup.freeShippingFromValue) {
+    _push(`<div class="text-sm text-center">`);
+    if ($setup.freeShippingFromValue > $setup.shoppingCart.subtotal) {
+      _push(`<div class="p-3 secondary-subtle">${ssrInterpolate("Adicione $1 para ganhar".replace(
+        "$1",
+        _ctx.$money($setup.freeShippingFromValue - $setup.shoppingCart.subtotal)
+      ))} <strong class="lowercase">${ssrInterpolate("Frete gr\xE1tis")}</strong></div>`);
+    } else {
+      _push(`<div class="p-3 bg-success-50 text-success-800"><i class="text-success-900 i-check mr-1"></i> ${ssrInterpolate("Frete gr\xE1tis a partir de")} ${ssrInterpolate(_ctx.$money($setup.freeShippingFromValue))}</div>`);
+    }
+    _push(`</div>`);
+  } else {
+    _push(`<!---->`);
+  }
+  _push(`<ul class="px-4 pt-4 pb-2"><!--[-->`);
+  ssrRenderList($setup.shoppingCart.items, (item, i) => {
+    _push(`<li>`);
+    _push(ssrRenderComponent($setup["CartItem"], {
+      item,
+      class: "mb-3"
+    }, null, _parent));
+    _push(`</li>`);
+  });
+  _push(`<!--]--></ul></article><footer class="px-5 pt-4 pb-3 ring-2 ring-black/5 z-10"><div class="grid grid-cols-5 gap-3 items-center text-right"><div class="col-span-2">${ssrInterpolate("Subtotal")}</div>`);
+  _push(ssrRenderComponent($setup["Prices"], {
+    price: $setup.shoppingCart.subtotal,
+    class: "col-span-3 text-lg"
+  }, null, _parent));
+  _push(`</div>`);
+  _push(ssrRenderComponent($setup["CheckoutLink"], { class: "ui-btn-lg ui-btn-primary w-full text-right my-2.5" }, {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        _push2(`<i class="i-check mr-2"${_scopeId}></i> ${ssrInterpolate("Finalizar compra")}`);
+      } else {
+        return [
+          createVNode("i", { class: "i-check mr-2" }),
+          createTextVNode(" " + toDisplayString("Finalizar compra"))
+        ];
+      }
+    }),
+    _: 1
+  }, _parent));
+  _push(`<a href="#" class="ui-link text-base-500 hover:text-base-700 text-sm"><i class="i-arrow-left mr-1"></i> ${ssrInterpolate("Continuar comprando")}</a></footer></aside>`);
+}
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/CartSidebar.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+const CartSidebar = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
+
+export { CartSidebar as default };

package/packages/storefront/dist/client/chunks/SearchModal.f603145b.mjs

@@ -0,0 +1,32 @@
+import { mergeProps, useSSRContext } from 'vue';
+import { ssrRenderAttrs } from 'vue/server-renderer';
+import { _ as _export_sfc } from './pages/_...slug_.astro.ec6517ba.mjs';
+import './astro.11be33ee.mjs';
+import 'clsx';
+import 'html-escaper';
+import '@cloudcommerce/api';
+import 'node:events';
+import 'node:fs';
+import 'node:path';
+import '@cloudcommerce/config';
+import '@ecomplus/utils';
+import 'ultrahtml';
+/* empty css                              */import 'image-size';
+import 'mime';
+import '@vueuse/core';
+import '@headlessui/vue';
+
+const _sfc_main = {};
+
+function _sfc_ssrRender(_ctx, _push, _parent, _attrs) {
+  _push(`<div${ssrRenderAttrs(mergeProps({ class: "w-full h-40 bg-base-300" }, _attrs))}></div>`);
+}
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext()
+  ;(ssrContext.modules || (ssrContext.modules = new Set())).add("src/components/SearchModal.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : undefined
+};
+const SearchModal = /*#__PURE__*/_export_sfc(_sfc_main, [['ssrRender',_sfc_ssrRender]]);
+
+export { SearchModal as default };