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

package/.next/server/chunks/7183.js

@@ -0,0 +1,79 @@
+exports.id = 7183;
+exports.ids = [7183];
+exports.modules = {
+
+/***/ 7183:
+/***/ ((module) => {
+
+module.exports = {
+  seo: {
+    title: 'NextJSStore',
+    description: 'Fast Demo Store',
+    titleTemplate: '%s | FastStore',
+    author: 'Store Framework'
+  },
+  // Theming
+  theme: 'custom-theme',
+  // Ecommerce Platform
+  platform: 'vtex',
+  // Platform specific configs for API
+  api: {
+    storeId: 'storeframework',
+    workspace: 'master',
+    environment: 'vtexcommercestable',
+    hideUnavailableItems: true
+  },
+  // Default session
+  session: {
+    currency: {
+      code: 'USD',
+      symbol: '$'
+    },
+    locale: 'en-US',
+    channel: '{"salesChannel":"1","regionId":""}',
+    country: 'USA',
+    postalCode: null,
+    person: null
+  },
+  // Default cart
+  cart: {
+    id: '',
+    items: [],
+    messages: [],
+    shouldSplitItem: true
+  },
+  // Production URLs
+  storeUrl: 'https://vtexfaststore.com',
+  secureSubdomain: 'https://secure.vtexfaststore.com',
+  checkoutUrl: 'https://secure.vtexfaststore.com/checkout',
+  loginUrl: 'https://secure.vtexfaststore.com/api/io/login',
+  accountUrl: 'https://secure.vtexfaststore.com/api/io/account',
+  // Lighthouse CI
+  lighthouse: {
+    server: process.env.BASE_SITE_URL || 'http://localhost:3000',
+    pages: {
+      home: '/',
+      pdp: '/apple-magic-mouse/p',
+      collection: '/office'
+    }
+  },
+  // E2E CI
+  cypress: {
+    pages: {
+      home: '/',
+      pdp: '/apple-magic-mouse/p',
+      collection: '/office',
+      collection_filtered: '/office/?category-1=office&marca=acer&facets=category-1%2Cmarca',
+      search: '/s?q=orange'
+    }
+  },
+  analytics: {
+    // https://developers.google.com/tag-platform/tag-manager/web#standard_web_page_installation,
+    gtmContainerId: 'GTM-PGHZ95N'
+  }
+};
+
+/***/ })
+
+};
+;

package/.next/server/chunks/8098.js

@@ -0,0 +1,246 @@
+"use strict";
+exports.id = 8098;
+exports.ids = [8098];
+exports.modules = {
+
+/***/ 6074:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "b": () => (/* binding */ useFadeEffect)
+/* 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 useFadeEffect = () => {
+    const [fade, setFade] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('out');
+    const fadeOut = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => setFade('out'), []);
+    const fadeIn = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => setFade('in'), []);
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        fadeIn();
+        return () => {
+            fadeOut();
+        };
+    }, [fadeIn, fadeOut]);
+    return {
+        fade,
+        fadeIn,
+        fadeOut,
+    };
+};
+//# sourceMappingURL=useFadeEffect.js.map
+
+/***/ }),
+
+/***/ 9600:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* binding */ Modal_Modal)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: external "react-dom"
+var external_react_dom_ = __webpack_require__(6405);
+;// CONCATENATED MODULE: ../components/dist/atoms/Overlay/Overlay.js
+
+const Overlay = (0,external_react_.forwardRef)(function Overlay({ testId = 'fs-overlay', ...otherProps }, ref) {
+    return (external_react_default().createElement("div", { ref: ref, "data-fs-overlay": true, role: "presentation", "data-testid": testId, ...otherProps }));
+});
+/* harmony default export */ const Overlay_Overlay = (Overlay);
+//# sourceMappingURL=Overlay.js.map
+// EXTERNAL MODULE: ../components/dist/hooks/UIProvider.js
+var UIProvider = __webpack_require__(395);
+// EXTERNAL MODULE: ../components/dist/hooks/useFadeEffect.js
+var useFadeEffect = __webpack_require__(6074);
+// EXTERNAL MODULE: external "tabbable"
+var external_tabbable_ = __webpack_require__(3823);
+;// CONCATENATED MODULE: ../components/dist/hooks/useTrapFocus.js
+
+
+/*
+ * Element that will maintain the focus inside trapFocusRef, focus the first element,
+ * and focus back on the element that was in focus when useTrapFocus was triggered.
+ *
+ * Inspired by Reakit useTrapFocus https://github.com/reakit/reakit/blob/a211d94da9f3b683182568a56479b91afb1b85ae/packages/reakit/src/Dialog/__utils/useFocusTrap.ts
+ */
+const useTrapFocus = ({ trapFocusRef, beforeElementRef, afterElementRef, }) => {
+    const tabbableNodesRef = (0,external_react_.useRef)();
+    const nodeToRestoreRef = (0,external_react_.useRef)(document.hasFocus() ? document.activeElement : null);
+    // Focus back on the element that was focused when useTrapFocus is triggered.
+    (0,external_react_.useEffect)(() => {
+        const nodeToRestore = nodeToRestoreRef.current;
+        return () => {
+            nodeToRestore?.focus();
+        };
+    }, [nodeToRestoreRef]);
+    // Set focus on first tabbable element
+    (0,external_react_.useEffect)(() => {
+        if (!trapFocusRef.current) {
+            return;
+        }
+        if (!tabbableNodesRef.current) {
+            tabbableNodesRef.current = (0,external_tabbable_.tabbable)(trapFocusRef.current);
+        }
+        const [firstTabbable] = tabbableNodesRef.current;
+        if (!firstTabbable) {
+            trapFocusRef.current.focus();
+            return;
+        }
+        firstTabbable.focus();
+    }, [trapFocusRef]);
+    // Handle loop focus. Set keydown and focusin event listeners
+    (0,external_react_.useEffect)(() => {
+        if (!trapFocusRef.current ||
+            !beforeElementRef.current ||
+            !afterElementRef.current) {
+            return;
+        }
+        const beforeElement = beforeElementRef.current;
+        const afterElement = afterElementRef.current;
+        const trapFocus = trapFocusRef.current;
+        const handleLoopFocus = (nativeEvent) => {
+            if (!document.hasFocus()) {
+                return;
+            }
+            tabbableNodesRef.current = (0,external_tabbable_.tabbable)(trapFocusRef.current);
+            if (!tabbableNodesRef.current.length) {
+                trapFocus.focus();
+            }
+            /*
+             * Handle loop focus from beforeElementRef. This node can only be focused if the user press shift tab.
+             * It will focus the last element of the trapFocusRef.
+             */
+            if (nativeEvent.target === beforeElement) {
+                tabbableNodesRef.current[tabbableNodesRef.current.length - 1]?.focus();
+            }
+            /*
+             * Handle loop focus from afterElementRef. This node can only be focused if the user press tab.
+             * It will focus the first element of the trapFocusRef.
+             */
+            if (nativeEvent.target === afterElement) {
+                tabbableNodesRef.current[0]?.focus();
+            }
+        };
+        beforeElement?.addEventListener('focusin', handleLoopFocus);
+        afterElement?.addEventListener('focusin', handleLoopFocus);
+        return () => {
+            beforeElement?.removeEventListener('focusin', handleLoopFocus);
+            afterElement?.removeEventListener('focusin', handleLoopFocus);
+        };
+    }, [tabbableNodesRef, afterElementRef, beforeElementRef, trapFocusRef]);
+};
+//# sourceMappingURL=useTrapFocus.js.map
+;// CONCATENATED MODULE: ../components/dist/molecules/Modal/ModalContent.js
+
+
+const ModalContentPure = ({ beforeElementRef, trapFocusRef, afterElementRef, testId = 'store-modal-content', children, ...otherProps }) => {
+    return (external_react_default().createElement((external_react_default()).Fragment, null,
+        external_react_default().createElement("div", { ref: beforeElementRef, "data-testid": "beforeElement", tabIndex: 0, "aria-hidden": "true" }),
+        external_react_default().createElement("div", { "data-fs-modal-content": true, "data-testid": testId, ref: trapFocusRef, "aria-modal": "true", role: "dialog", tabIndex: -1, ...otherProps }, children),
+        external_react_default().createElement("div", { ref: afterElementRef, "data-testid": "afterElement", tabIndex: 0, "aria-hidden": "true" })));
+};
+const ModalContent = ({ children, ...otherProps }) => {
+    const trapFocusRef = (0,external_react_.useRef)(null);
+    const beforeElementRef = (0,external_react_.useRef)(null);
+    const afterElementRef = (0,external_react_.useRef)(null);
+    useTrapFocus({
+        beforeElementRef,
+        trapFocusRef,
+        afterElementRef,
+    });
+    return (external_react_default().createElement(ModalContentPure, { ...otherProps, trapFocusRef: trapFocusRef, beforeElementRef: beforeElementRef, afterElementRef: afterElementRef, onClick: (event) => {
+            event.stopPropagation();
+        } }, children));
+};
+/* harmony default export */ const Modal_ModalContent = (ModalContent);
+//# sourceMappingURL=ModalContent.js.map
+;// CONCATENATED MODULE: ../components/dist/molecules/Modal/Modal.js
+
+
+
+
+
+/*
+ * This component is based on @reach/dialog.
+ * https://github.com/reach/reach-ui/blob/main/packages/dialog/src/index.tsx
+ * https://reach.tech/dialog
+ */
+const Modal = ({ children, testId = 'fs-modal', isOpen = true, onDismiss, ...otherProps }) => {
+    const { closeModal } = (0,UIProvider/* useUI */.l)();
+    const { fade, fadeOut, fadeIn } = (0,useFadeEffect/* useFadeEffect */.b)();
+    const handleBackdropClick = (event) => {
+        if (event.defaultPrevented) {
+            return;
+        }
+        event.stopPropagation();
+        fadeOut?.();
+        onDismiss?.();
+    };
+    const handleBackdropKeyDown = (event) => {
+        if (event.key !== 'Escape' || event.defaultPrevented) {
+            return;
+        }
+        event.stopPropagation();
+        fadeOut?.();
+        onDismiss?.();
+    };
+    return isOpen
+        ? (0,external_react_dom_.createPortal)(external_react_default().createElement(Overlay_Overlay, { onClick: handleBackdropClick, onKeyDown: handleBackdropKeyDown },
+            external_react_default().createElement(Modal_ModalContent, { onTransitionEnd: () => fade === 'out' && closeModal(), "data-fs-modal": true, "data-fs-modal-state": fade, testId: testId, ...otherProps }, typeof children === 'function'
+                ? children({ fade, fadeOut, fadeIn })
+                : children)), document.body)
+        : null;
+};
+/* harmony default export */ const Modal_Modal = (Modal);
+//# sourceMappingURL=Modal.js.map
+
+/***/ }),
+
+/***/ 1021:
+/***/ ((__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__(9600);
+
+
+function SlideOver({ isOpen, direction = 'leftSide', size = 'full', fade = 'out', children, onDismiss, testId = 'fs-slide-over', ...otherProps }) {
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { "data-fs-modal": null, "data-fs-slide-over": true, "data-fs-slide-over-direction": direction, "data-fs-slide-over-size": size, "data-fs-slide-over-state": fade, isOpen: isOpen, onDismiss: onDismiss, testId: testId, ...otherProps }, children));
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SlideOver);
+//# sourceMappingURL=SlideOver.js.map
+
+/***/ }),
+
+/***/ 9648:
+/***/ ((__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__(2765);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5045);
+
+
+const SlideOverHeader = ({ children, closeBtnProps = {}, onClose, }) => {
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("header", { "data-fs-slide-over-header": true },
+        children,
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { "data-fs-slide-over-header-icon": true, "aria-label": "Close", icon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { name: "X" }), onClick: onClose, ...closeBtnProps })));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SlideOverHeader);
+//# sourceMappingURL=SlideOverHeader.js.map
+
+/***/ })
+
+};
+;