@faststore/core 2.0.134-alpha.0 → 2.0.135-alpha.0

package/.next/server/chunks/557.js

@@ -0,0 +1,132 @@
+exports.id = 557;
+exports.ids = [557];
+exports.modules = {
+
+/***/ 9557:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* reexport */ sections_Hero_Hero)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+;// CONCATENATED MODULE: ../components/dist/organisms/Hero/Hero.js
+
+const HeroContext = (0,external_react_.createContext)(undefined);
+const Hero = (0,external_react_.forwardRef)(function Hero({ children, testId = 'fs-hero', variant = 'primary', colorVariant = 'main', ...otherProps }, ref) {
+    const context = { variant, colorVariant };
+    return (external_react_default().createElement(HeroContext.Provider, { value: context },
+        external_react_default().createElement("article", { ref: ref, "data-fs-hero": true, "data-fs-hero-variant": variant, "data-fs-hero-color-variant": colorVariant, "data-testid": testId, ...otherProps }, children)));
+});
+function useHero() {
+    const context = (0,external_react_.useContext)(HeroContext);
+    if (context === undefined) {
+        throw new Error('Do not use Hero components outside the Hero context.');
+    }
+    return context;
+}
+/* harmony default export */ const Hero_Hero = (Hero);
+//# sourceMappingURL=Hero.js.map
+;// CONCATENATED MODULE: ../components/dist/organisms/Hero/HeroImage.js
+
+const HeroImage = (0,external_react_.forwardRef)(function HeroImage({ children, testId = 'fs-hero-image', ...otherProps }, ref) {
+    return (external_react_default().createElement("div", { ref: ref, "data-fs-hero-image": true, "data-testid": testId, ...otherProps }, children));
+});
+/* harmony default export */ const Hero_HeroImage = (HeroImage);
+//# sourceMappingURL=HeroImage.js.map
+// EXTERNAL MODULE: ../components/dist/molecules/LinkButton/LinkButton.js
+var LinkButton = __webpack_require__(7703);
+// EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
+var Icon = __webpack_require__(5045);
+;// CONCATENATED MODULE: ../components/dist/organisms/Hero/HeroHeader.js
+
+
+
+const HeroHeader = (0,external_react_.forwardRef)(function HeroHeader({ icon, link, title, linkText, subtitle, children, testId = 'fs-hero-heading', ...otherProps }, ref) {
+    const { variant, colorVariant } = useHero();
+    return (external_react_default().createElement("header", { ref: ref, "data-fs-hero-heading": true, "data-testid": testId, ...otherProps },
+        external_react_default().createElement("div", { "data-fs-hero-wrapper": true, className: "layout__content" },
+            external_react_default().createElement("div", { "data-fs-hero-info": true },
+                external_react_default().createElement("h1", { "data-fs-hero-title": true }, title),
+                external_react_default().createElement("p", { "data-fs-hero-subtitle": true }, subtitle),
+                !!link && (external_react_default().createElement(LinkButton/* default */.Z, { href: link, inverse: colorVariant === 'main', icon: external_react_default().createElement(Icon/* default */.Z, { name: "ArrowRight" }), iconPosition: "right" }, linkText))),
+            !!icon && variant === 'secondary' && (external_react_default().createElement("span", { "data-fs-hero-icon": true }, icon)))));
+});
+/* harmony default export */ const Hero_HeroHeader = (HeroHeader);
+//# sourceMappingURL=HeroHeader.js.map
+// EXTERNAL MODULE: ./src/components/ui/Image/index.ts + 2 modules
+var Image = __webpack_require__(9266);
+// EXTERNAL MODULE: ./src/components/sections/Section/index.ts
+var Section = __webpack_require__(7067);
+// EXTERNAL MODULE: ./src/components/sections/Hero/section.module.scss
+var section_module = __webpack_require__(6717);
+var section_module_default = /*#__PURE__*/__webpack_require__.n(section_module);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/sections/Hero/Hero.tsx
+
+
+
+
+
+
+
+const Hero_Hero_Hero = ({
+  link,
+  title,
+  subtitle,
+  image,
+  variant = 'primary',
+  colorVariant = 'main',
+  icon
+}) => {
+  return /*#__PURE__*/jsx_runtime_.jsx(Section/* default */.Z, {
+    className: `${(section_module_default()).section} section-hero`,
+    children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(Hero_Hero, {
+      colorVariant: colorVariant,
+      variant: variant,
+      children: [/*#__PURE__*/jsx_runtime_.jsx(Hero_HeroImage, {
+        "data-fs-hero-image": true,
+        children: /*#__PURE__*/jsx_runtime_.jsx(Image/* Image */.E, {
+          loading: "eager",
+          src: image.src,
+          alt: image.alt,
+          width: 360,
+          height: 240,
+          sizes: "(max-width: 360px) 50vw, (max-width: 768px) 90vw, 50vw"
+        })
+      }), /*#__PURE__*/jsx_runtime_.jsx(Hero_HeroHeader, {
+        title: title,
+        subtitle: subtitle,
+        link: link?.url,
+        linkText: link?.text,
+        icon: icon
+      })]
+    })
+  });
+};
+
+/* harmony default export */ const sections_Hero_Hero = (Hero_Hero_Hero);
+;// CONCATENATED MODULE: ./src/components/sections/Hero/index.ts
+
+
+/***/ }),
+
+/***/ 6717:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"section": "section_section__WY2pp"
+};
+
+
+/***/ })
+
+};
+;

package/.next/server/chunks/576.js

@@ -0,0 +1,80 @@
+exports.id = 576;
+exports.ids = [576];
+exports.modules = {
+
+/***/ 5576:
+/***/ ((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,
+    geoCoordinates: 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/597.js

@@ -0,0 +1,169 @@
+exports.id = 597;
+exports.ids = [597];
+exports.modules = {
+
+/***/ 1597:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* reexport */ region_RegionModal_RegionModal)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: ../components/dist/molecules/Modal/Modal.js + 3 modules
+var Modal = __webpack_require__(9600);
+// 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, { "data-fs-modal-header-close-button": true, "aria-label": "Close modal", icon: external_react_default().createElement(Icon/* default */.Z, { name: "X" }), onClick: () => onClose?.(), ...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: ../components/dist/atoms/Link/Link.js
+var Link = __webpack_require__(7865);
+;// CONCATENATED MODULE: ../components/dist/organisms/RegionModal/RegionModal.js
+
+
+function RegionModal({ testId = 'fs-region-modal', title = 'Set your location', description = 'Prices, offers and availability may vary according to your location.', idkPostalCodeLinkProps, errorMessage, inputRef, inputValue, fadeOutOnSubmit, overlayProps, onClose, onInput, onSubmit, onClear, ...otherProps }) {
+    return (external_react_default().createElement(Modal/* default */.Z, { "data-fs-region-modal": true, testId: testId, overlayProps: overlayProps, ...otherProps }, ({ fadeOut }) => (external_react_default().createElement((external_react_default()).Fragment, null,
+        external_react_default().createElement(Modal_ModalHeader, { onClose: () => {
+                fadeOut();
+                onClose?.();
+            }, title: title, description: description, closeBtnProps: {
+                'aria-label': 'Close Region Modal',
+            } }),
+        external_react_default().createElement(Modal_ModalBody, null,
+            external_react_default().createElement(InputField/* default */.Z, { "data-fs-region-modal-input": true, id: `${testId}-input-field`, inputRef: inputRef, label: "Postal Code", actionable: true, value: inputValue, onInput: (event) => onInput?.(event), onSubmit: () => {
+                    onSubmit?.();
+                    fadeOutOnSubmit ? fadeOut() : null;
+                }, onClear: () => onClear?.(), error: errorMessage }),
+            external_react_default().createElement(Link/* default */.Z, { "data-fs-region-modal-link": true, ...idkPostalCodeLinkProps }, idkPostalCodeLinkProps?.children ?? (external_react_default().createElement((external_react_default()).Fragment, null,
+                "I don't know my Postal Code",
+                external_react_default().createElement(Icon/* default */.Z, { name: "ArrowSquareOut", width: 20, height: 20 })))))))));
+}
+/* harmony default export */ const RegionModal_RegionModal = (RegionModal);
+//# sourceMappingURL=RegionModal.js.map
+// EXTERNAL MODULE: ./src/sdk/session/index.ts + 1 modules
+var sdk_session = __webpack_require__(7295);
+// EXTERNAL MODULE: ./src/components/region/RegionModal/section.module.scss
+var section_module = __webpack_require__(5063);
+var section_module_default = /*#__PURE__*/__webpack_require__.n(section_module);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(997);
+;// CONCATENATED MODULE: ./src/components/region/RegionModal/RegionModal.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 RegionModal_RegionModal_RegionModal() {
+  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);
+    } catch (error) {
+      setErrorMessage('You entered an invalid Postal Code');
+    }
+  };
+
+  return /*#__PURE__*/jsx_runtime_.jsx(RegionModal_RegionModal, {
+    overlayProps: {
+      className: `section ${(section_module_default()).section} section-region-modal`
+    },
+    inputRef: inputRef,
+    inputValue: input,
+    errorMessage: errorMessage,
+    onInput: e => {
+      errorMessage !== '' && setErrorMessage('');
+      setInput(e.currentTarget.value);
+    },
+    onSubmit: handleSubmit,
+    fadeOutOnSubmit: true,
+    onClear: () => setInput('')
+  });
+}
+
+/* harmony default export */ const region_RegionModal_RegionModal = (RegionModal_RegionModal_RegionModal);
+;// CONCATENATED MODULE: ./src/components/region/RegionModal/index.ts
+
+
+/***/ }),
+
+/***/ 5063:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"section": "section_section__dmhNq"
+};
+
+
+/***/ })
+
+};
+;