@faststore/core 2.0.116-alpha.0 → 2.0.118-alpha.0

package/.next/server/chunks/2154.js

@@ -0,0 +1,206 @@
+"use strict";
+exports.id = 2154;
+exports.ids = [2154];
+exports.modules = {
+
+/***/ 2154:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "E": () => (/* reexport */ Image_Image)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+// EXTERNAL MODULE: ./node_modules/next/future/image.js
+var future_image = __webpack_require__(1608);
+var image_default = /*#__PURE__*/__webpack_require__.n(future_image);
+// EXTERNAL MODULE: ./faststore.config.js
+var faststore_config = __webpack_require__(7183);
+var faststore_config_default = /*#__PURE__*/__webpack_require__.n(faststore_config);
+;// CONCATENATED MODULE: ./src/components/ui/Image/thumborUrlBuilder.ts
+
+const THUMBOR_SERVER = `https://${(faststore_config_default()).api.storeId}.vtexassets.com`;
+
+const cropSection = ({
+  left,
+  top,
+  right,
+  bottom
+}) => `${left}x${top}:${right}x${bottom}`;
+
+function filtersURIComponent(filters) {
+  const elements = ['filters'];
+  Object.keys(filters).forEach(name => {
+    const parameters = filters[name];
+    let stringParameters; // If we have several parameters, they were passed as an array
+    // and now they need to be comma separated, otherwise there is just one to convert to a string
+
+    if (Array.isArray(parameters)) {
+      stringParameters = parameters.join(',');
+    } // If true, we don't even need to do anything, we just have an empty string and insert ()
+    // Ex: {grayscale: true} => grayscale()
+    else if (parameters === true) {
+      stringParameters = '';
+    } else {
+      stringParameters = String(parameters);
+    }
+
+    elements.push(`${name}(${stringParameters})`);
+  });
+  return elements.join(':');
+}
+
+const urlBuilder = (baseUrl, options) => {
+  const preSizeComponents = [THUMBOR_SERVER, 'unsafe'];
+  const postSizeComponents = []; // Add the trim parameter after unsafe if appliable
+
+  options.trim && preSizeComponents.push('trim'); // Add the crop parameter if any
+
+  options.manualCrop && preSizeComponents.push(cropSection(options.manualCrop)); // Add the fit-in parameter after crop if appliable
+
+  options.fitIn && preSizeComponents.push('fit-in'); // Adds the horizontal alignement after the size
+
+  postSizeComponents.push(options.horizontalAlign ?? 'center'); // Adds the vertical alignement after the size
+
+  postSizeComponents.push(options.verticalAlign ?? 'middle'); // Adds the smart parameter if appliable
+
+  options.smart && postSizeComponents.push('smart'); // Compile the filters and add them right before the URI
+
+  const {
+    filters
+  } = options;
+  filters && postSizeComponents.push(filtersURIComponent(filters)); // Finally, adds the real image uri
+
+  postSizeComponents.push(encodeURIComponent(baseUrl));
+  return (width, height) => {
+    // Adds the final size parameter
+    let finalSize = '';
+
+    if (options.flipHorizontal) {
+      finalSize += '-';
+    }
+
+    finalSize += `${width}x`;
+
+    if (options.flipVertical) {
+      finalSize += '-';
+    }
+
+    finalSize += `${height}`;
+    return [...preSizeComponents, finalSize, ...postSizeComponents].join('/');
+  };
+};
+;// CONCATENATED MODULE: ./src/components/ui/Image/useImage.ts
+const _excluded = ["src", "width", "height", "options"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+const FACTORS = [1, 2, 3];
+const LARGE_FACTOR = FACTORS[FACTORS.length - 1];
+const useImage = _ref => {
+  let {
+    src: baseUrl,
+    width,
+    height,
+    options = {}
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  const {
+    srcSet,
+    src
+  } = (0,external_react_.useMemo)(() => {
+    const builder = urlBuilder(baseUrl, options);
+    const srcs = FACTORS.map(factor => {
+      const rescaledWidth = width * factor;
+      return `${builder(rescaledWidth, height * factor)} ${rescaledWidth}w`;
+    });
+    return {
+      src: builder(width * LARGE_FACTOR, height * LARGE_FACTOR),
+      srcSet: srcs.join(', ')
+    };
+  }, [height, options, baseUrl, width]);
+  return _objectSpread({
+    src,
+    srcSet,
+    width: `${width}px`,
+    height: `${height}px`
+  }, rest);
+};
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/ui/Image/Image.tsx
+const Image_excluded = ["src", "width", "height", "quality"];
+
+function Image_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function Image_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? Image_ownKeys(Object(source), !0).forEach(function (key) { Image_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : Image_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function Image_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function Image_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Image_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function Image_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+ // Next loader function does not handle all props as height and options,
+// so we use the useImage hook to handle the custom thumbor loader (VTEX CDN) along with unoptimized prop
+// https://nextjs.org/docs/api-reference/next/image#loader
+
+
+
+function Image(_ref) {
+  let {
+    src,
+    width,
+    height,
+    quality
+  } = _ref,
+      otherProps = Image_objectWithoutProperties(_ref, Image_excluded);
+
+  const {
+    src: thumborSrc,
+    alt
+  } = useImage(Image_objectSpread({
+    src: String(src),
+    width: Number(width),
+    height: Number(height),
+    options: quality ? {
+      filters: {
+        quality
+      }
+    } : undefined
+  }, otherProps));
+  return /*#__PURE__*/jsx_runtime_.jsx((image_default()), Image_objectSpread({
+    "data-fs-image": true,
+    unoptimized: true,
+    src: thumborSrc,
+    width: width,
+    height: height,
+    alt: alt
+  }, otherProps));
+}
+
+Image.displayName = 'Image';
+/* harmony default export */ const Image_Image = (/*#__PURE__*/(0,external_react_.memo)(Image));
+;// CONCATENATED MODULE: ./src/components/ui/Image/index.ts
+
+
+/***/ })
+
+};
+;

package/.next/server/chunks/247.js

@@ -0,0 +1,61 @@
+"use strict";
+exports.id = 247;
+exports.ids = [247];
+exports.modules = {
+
+/***/ 7549:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2691);
+
+
+const Price = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Price({ value, as: Component = 'span', variant = 'selling', testId = 'fs-price', formatter = (price) => price, SRText, ...otherProps }, ref) {
+    const formattedPrice = formatter(value, variant);
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Component, { ref: ref, "data-fs-price": true, "data-fs-price-variant": variant, "data-testid": testId, ...otherProps },
+        SRText && react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { text: SRText }),
+        formattedPrice));
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Price);
+//# sourceMappingURL=Price.js.map
+
+/***/ }),
+
+/***/ 5346:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "P": () => (/* binding */ useFormattedPrice)
+/* harmony export */ });
+/* unused harmony export usePriceFormatter */
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _session__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5971);
+
+
+const usePriceFormatter = ({
+  decimals
+} = {}) => {
+  const {
+    currency,
+    locale
+  } = (0,_session__WEBPACK_IMPORTED_MODULE_1__/* .useSession */ .kP)();
+  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(price => Intl.NumberFormat(locale, {
+    style: 'currency',
+    currency: currency.code,
+    minimumFractionDigits: decimals ? 2 : 0
+  }).format(price), [currency.code, locale, decimals]);
+};
+const useFormattedPrice = price => {
+  const formatter = usePriceFormatter();
+  return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => formatter(price), [formatter, price]);
+};
+
+/***/ })
+
+};
+;