@faststore/core 2.0.99-alpha.0 → 2.0.100-alpha.0

package/.next/server/chunks/8287.js

@@ -0,0 +1,58 @@
+"use strict";
+exports.id = 8287;
+exports.ids = [8287];
+exports.modules = {
+
+/***/ 7216:
+/***/ ((__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__);
+
+const Label = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function Label({ testId = 'fs-label', children, ...otherProps }, ref) {
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", { ref: ref, "data-fs-label": true, "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Label);
+//# sourceMappingURL=Label.js.map
+
+/***/ }),
+
+/***/ 8287:
+/***/ ((__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__(875);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7216);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2765);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5045);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(4842);
+
+
+const InputField = ({ id, label, type = 'text', error, displayClearButton, actionable, buttonActionText = 'Apply', onSubmit, onClear, placeholder = ' ', // initializes with an empty space to style float label using `placeholder-shown`
+inputRef, disabled, value, testId = 'fs-input-field', ...otherProps }) => {
+    const shouldDisplayError = !disabled && error && error !== '';
+    const shouldDisplayButton = actionable && !disabled && value !== '';
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-input-field": true, "data-fs-input-field-actionable": actionable, "data-fs-input-field-error": error && error !== '', "data-testid": testId },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { id: id, type: type, value: value, ref: inputRef, disabled: disabled, placeholder: placeholder, ...otherProps }),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { htmlFor: id }, label),
+        shouldDisplayButton &&
+            (displayClearButton || error ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, { "data-fs-button-size": "small", "aria-label": "Clear Field", icon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, { name: "XCircle" }), onClick: () => {
+                    onClear?.();
+                    inputRef?.current?.focus();
+                } })) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, { variant: "tertiary", size: "small", onClick: onSubmit }, buttonActionText))),
+        shouldDisplayError && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { "data-fs-input-field-error-message": true }, error))));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InputField);
+//# sourceMappingURL=InputField.js.map
+
+/***/ })
+
+};
+;

package/.next/server/chunks/9143.js

@@ -0,0 +1,106 @@
+"use strict";
+exports.id = 9143;
+exports.ids = [9143];
+exports.modules = {
+
+/***/ 9143:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _faststore_config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7183);
+/* harmony import */ var _faststore_config__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_faststore_config__WEBPACK_IMPORTED_MODULE_0__);
+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; }
+
+/**
+ * More info at: https://www.notion.so/vtexhandbook/Event-API-Documentation-48eee26730cf4d7f80f8fd7262231f84
+ */
+
+const THIRTY_MINUTES_S = 30 * 60;
+const ONE_YEAR_S = 365 * 24 * 3600;
+
+const randomUUID = () => typeof crypto.randomUUID === 'function' ? crypto.randomUUID() : (Math.random() * 1e6).toFixed(0);
+
+const createStorage = (key, expiresSecond) => {
+  const timelapsed = past => (Date.now() - past) / 1e3;
+
+  return () => {
+    const item = JSON.parse(localStorage.getItem(key) ?? 'null');
+    const isExpired = !item || timelapsed(item.createdAt) > expiresSecond;
+    const payload = isExpired ? randomUUID() : item.payload;
+
+    if (isExpired) {
+      const data = {
+        payload,
+        createdAt: Date.now()
+      };
+      localStorage.setItem(key, JSON.stringify(data));
+    }
+
+    return payload;
+  };
+};
+
+const user = {
+  anonymous: createStorage('vtex.search.anonymous', ONE_YEAR_S),
+  session: createStorage('vtex.search.session', THIRTY_MINUTES_S)
+};
+
+const sendEvent = options => fetch(`https://sp.vtex.com/event-api/v1/${(_faststore_config__WEBPACK_IMPORTED_MODULE_0___default().api.storeId)}/event`, {
+  method: 'POST',
+  body: JSON.stringify(_objectSpread(_objectSpread({}, options), {}, {
+    userAgent: navigator.userAgent,
+    anonymous: user.anonymous(),
+    session: user.session()
+  })),
+  headers: {
+    'content-type': 'application/json'
+  }
+});
+
+const isFullTextSearch = url => typeof url.searchParams.get('q') === 'string' && /^\/s(\/)?$/g.test(url.pathname);
+
+const handleEvent = event => {
+  if (event.name !== 'search_select_item') {
+    return;
+  }
+
+  const url = new URL(event.params.url);
+
+  if (!isFullTextSearch(url)) {
+    return;
+  }
+
+  for (const item of event.params.items ?? []) {
+    const productId = item.item_id ?? item.item_variant;
+    const position = item.index;
+
+    if (productId && position) {
+      sendEvent({
+        type: 'search.click',
+        productId,
+        position,
+        url: url.href,
+        text: url.searchParams.get('q') ?? '<empty>'
+      });
+    }
+  }
+};
+
+setInterval(() => sendEvent({
+  type: 'session.ping'
+}), 60 * 1e3
+/* One minute */
+);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (handleEvent);
+
+/***/ })
+
+};
+;

package/.next/server/chunks/9152.js

@@ -0,0 +1,213 @@
+exports.id = 9152;
+exports.ids = [9152];
+exports.modules = {
+
+/***/ 9152:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "RegionalizationModalContent": () => (/* reexport */ RegionModal_RegionalizationModalContent),
+  "default": () => (/* reexport */ RegionModal_RegionalizationModal)
+});
+
+// EXTERNAL MODULE: ../components/dist/molecules/Modal/Modal.js + 3 modules
+var Modal = __webpack_require__(9600);
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
+var Icon = __webpack_require__(5045);
+// EXTERNAL MODULE: ../components/dist/molecules/IconButton/IconButton.js
+var IconButton = __webpack_require__(2765);
+;// CONCATENATED MODULE: ../components/dist/molecules/Modal/ModalHeader.js
+
+
+
+const ModalHeader = ({ onClose, title, closeBtnProps = {}, description, }) => {
+    return (external_react_default().createElement("header", { "data-fs-modal-header": true },
+        onClose && (external_react_default().createElement(IconButton/* default */.Z, { onClick: () => onClose?.(), "data-fs-modal-header-close-button": true, icon: external_react_default().createElement(Icon/* default */.Z, { name: "X" }), "aria-label": "Close modal", ...closeBtnProps })),
+        external_react_default().createElement("p", { "data-fs-modal-header-title": true }, title),
+        description && external_react_default().createElement("p", { "data-fs-modal-header-description": true }, description)));
+};
+/* harmony default export */ const Modal_ModalHeader = (ModalHeader);
+//# sourceMappingURL=ModalHeader.js.map
+;// CONCATENATED MODULE: ../components/dist/molecules/Modal/ModalBody.js
+
+const ModalBody = ({ children, ...otherProps }) => (external_react_default().createElement("div", { "data-fs-modal-body": true, ...otherProps }, children));
+/* harmony default export */ const Modal_ModalBody = (ModalBody);
+//# sourceMappingURL=ModalBody.js.map
+// EXTERNAL MODULE: ../components/dist/molecules/InputField/InputField.js
+var InputField = __webpack_require__(8287);
+// EXTERNAL MODULE: ./src/sdk/session/index.ts
+var sdk_session = __webpack_require__(5971);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/region/RegionInput/RegionInput.tsx
+const _excluded = ["isValidating"];
+
+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; }
+
+
+
+
+
+
+function RegionInput({
+  closeModal
+}) {
+  const inputRef = (0,external_react_.useRef)(null);
+
+  const _useSession = (0,sdk_session/* useSession */.kP)(),
+        {
+    isValidating
+  } = _useSession,
+        session = _objectWithoutProperties(_useSession, _excluded);
+
+  const {
+    0: errorMessage,
+    1: setErrorMessage
+  } = (0,external_react_.useState)('');
+  const {
+    0: input,
+    1: setInput
+  } = (0,external_react_.useState)('');
+
+  const handleSubmit = async () => {
+    const postalCode = inputRef.current?.value;
+
+    if (typeof postalCode !== 'string') {
+      return;
+    }
+
+    setErrorMessage('');
+
+    try {
+      const newSession = _objectSpread(_objectSpread({}, session), {}, {
+        postalCode
+      });
+
+      const validatedSession = await (0,sdk_session/* validateSession */.je)(newSession);
+      sdk_session/* sessionStore.set */.Qf.set(validatedSession ?? newSession);
+      closeModal();
+    } catch (error) {
+      setErrorMessage('You entered an invalid Postal Code');
+    }
+  };
+
+  return /*#__PURE__*/jsx_runtime_.jsx("div", {
+    className: "regionalization-input",
+    children: /*#__PURE__*/jsx_runtime_.jsx(InputField/* default */.Z, {
+      inputRef: inputRef,
+      id: "postal-code-input",
+      error: errorMessage,
+      label: "Postal Code",
+      actionable: true,
+      value: input,
+      onInput: e => {
+        errorMessage !== '' && setErrorMessage('');
+        setInput(e.currentTarget.value);
+      },
+      onSubmit: handleSubmit,
+      onClear: () => setInput('')
+    })
+  });
+}
+
+/* harmony default export */ const RegionInput_RegionInput = (RegionInput);
+;// CONCATENATED MODULE: ./src/components/region/RegionInput/index.ts
+
+// EXTERNAL MODULE: ./src/components/ui/Link/index.ts + 1 modules
+var Link = __webpack_require__(1093);
+// EXTERNAL MODULE: ./src/components/region/RegionModal/regionalization-modal-body.module.scss
+var regionalization_modal_body_module = __webpack_require__(3245);
+var regionalization_modal_body_module_default = /*#__PURE__*/__webpack_require__.n(regionalization_modal_body_module);
+;// CONCATENATED MODULE: ./src/components/region/RegionModal/RegionalizationModalContent.tsx
+
+
+
+
+
+
+
+
+function RegionalizationModalContent({
+  onClose
+}) {
+  return /*#__PURE__*/(0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
+    children: [/*#__PURE__*/jsx_runtime_.jsx(Modal_ModalHeader, {
+      onClose: () => onClose(),
+      title: "Set your location",
+      description: "Prices, offers and availability may vary according to your location.",
+      closeBtnProps: {
+        'aria-label': 'Close Regionalization Modal'
+      }
+    }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(Modal_ModalBody, {
+      className: (regionalization_modal_body_module_default()).fsRegionalizationModalBody,
+      children: [/*#__PURE__*/jsx_runtime_.jsx("div", {
+        "data-fs-regionalization-modal-input": true,
+        children: /*#__PURE__*/jsx_runtime_.jsx(RegionInput_RegionInput, {
+          closeModal: () => onClose()
+        })
+      }), /*#__PURE__*/(0,jsx_runtime_.jsxs)(Link/* default */.Z, {
+        href: "/",
+        "data-fs-regionalization-modal-link": true,
+        children: ["I don't know my Postal Code", /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
+          name: "ArrowSquareOut",
+          width: 18,
+          height: 18
+        })]
+      })]
+    })]
+  });
+}
+
+/* harmony default export */ const RegionModal_RegionalizationModalContent = (RegionalizationModalContent);
+;// CONCATENATED MODULE: ./src/components/region/RegionModal/RegionalizationModal.tsx
+
+
+
+
+function RegionalizationModal() {
+  return /*#__PURE__*/jsx_runtime_.jsx(Modal/* default */.Z, {
+    children: ({
+      fadeOut
+    }) => /*#__PURE__*/jsx_runtime_.jsx(RegionModal_RegionalizationModalContent, {
+      onClose: fadeOut
+    })
+  });
+}
+
+/* harmony default export */ const RegionModal_RegionalizationModal = (RegionalizationModal);
+;// CONCATENATED MODULE: ./src/components/region/RegionModal/index.ts
+
+
+
+/***/ }),
+
+/***/ 3245:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"fs-regionalization-modal-body": "regionalization-modal-body_fs-regionalization-modal-body__VcAKg",
+	"fsRegionalizationModalBody": "regionalization-modal-body_fs-regionalization-modal-body__VcAKg"
+};
+
+
+/***/ })
+
+};
+;