@faststore/core 2.1.54 → 2.1.55

package/.next/server/chunks/744.js

@@ -0,0 +1,60 @@
+"use strict";
+exports.id = 744;
+exports.ids = [744];
+exports.modules = {
+
+/***/ 95346:
+/***/ ((__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__(16689);
+/* 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__(97295);
+
+
+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]);
+};
+
+/***/ }),
+
+/***/ 23556:
+/***/ ((__unused_webpack___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__(16689);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16672);
+
+
+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__.createElement(Component, { ref: ref, "data-fs-price": true, "data-fs-price-variant": variant, "data-testid": testId, ...otherProps },
+        SRText && react__WEBPACK_IMPORTED_MODULE_0__.createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { text: SRText }),
+        formattedPrice));
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Price);
+//# sourceMappingURL=Price.js.map
+
+/***/ })
+
+};
+;

package/.next/server/chunks/751.js

@@ -0,0 +1,210 @@
+exports.id = 751;
+exports.ids = [751];
+exports.modules = {
+
+/***/ 16751:
+/***/ ((__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: ../components/dist/hooks/UIProvider.js
+var UIProvider = __webpack_require__(35728);
+// EXTERNAL MODULE: ../components/dist/atoms/Icon/Icon.js
+var Icon = __webpack_require__(82185);
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(16689);
+// EXTERNAL MODULE: ../components/dist/molecules/Modal/Modal.js + 3 modules
+var Modal = __webpack_require__(40962);
+// EXTERNAL MODULE: ../components/dist/molecules/IconButton/IconButton.js
+var IconButton = __webpack_require__(90518);
+;// CONCATENATED MODULE: ../components/dist/molecules/Modal/ModalHeader.js
+
+
+
+const ModalHeader = ({ onClose, title, closeBtnProps = {}, description, }) => {
+    return (external_react_.createElement("header", { "data-fs-modal-header": true },
+        onClose && (external_react_.createElement(IconButton/* default */.Z, { "data-fs-modal-header-close-button": true, "aria-label": "Close modal", icon: external_react_.createElement(Icon/* default */.Z, { name: "X" }), onClick: () => onClose?.(), ...closeBtnProps })),
+        external_react_.createElement("p", { "data-fs-modal-header-title": true }, title),
+        description && external_react_.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_.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__(87107);
+// EXTERNAL MODULE: ../components/dist/atoms/Link/Link.js
+var Link = __webpack_require__(18595);
+;// 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.', closeButtonAriaLabel = 'Close Region Modal', idkPostalCodeLinkProps, errorMessage, inputRef, inputValue, inputLabel = 'Postal Code', fadeOutOnSubmit, overlayProps, onClose, onInput, onSubmit, onClear, ...otherProps }) {
+    return (external_react_.createElement(Modal/* default */.Z, { "data-fs-region-modal": true, testId: testId, overlayProps: overlayProps, title: "Region modal", "aria-label": "Region modal", ...otherProps }, ({ fadeOut }) => (external_react_.createElement(external_react_.Fragment, null,
+        external_react_.createElement(Modal_ModalHeader, { onClose: () => {
+                fadeOut();
+                onClose?.();
+            }, title: title, description: description, closeBtnProps: {
+                'aria-label': closeButtonAriaLabel,
+            } }),
+        external_react_.createElement(Modal_ModalBody, null,
+            external_react_.createElement(InputField/* default */.Z, { "data-fs-region-modal-input": true, id: `${testId}-input-field`, inputRef: inputRef, label: inputLabel, actionable: true, value: inputValue, onInput: (event) => onInput?.(event), onSubmit: () => {
+                    onSubmit?.();
+                    fadeOutOnSubmit ? fadeOut() : null;
+                }, onClear: () => onClear?.(), error: errorMessage }),
+            external_react_.createElement(Link/* default */.Z, { "data-fs-region-modal-link": true, ...idkPostalCodeLinkProps }))))));
+}
+/* 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__(97295);
+// EXTERNAL MODULE: ./src/components/region/RegionModal/section.module.scss
+var section_module = __webpack_require__(35063);
+var section_module_default = /*#__PURE__*/__webpack_require__.n(section_module);
+// EXTERNAL MODULE: external "react/jsx-runtime"
+var jsx_runtime_ = __webpack_require__(20997);
+;// 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({
+  title,
+  description,
+  closeButtonAriaLabel,
+  inputField: {
+    label: inputFieldLabel,
+    errorMessage: inputFieldErrorMessage
+  },
+  idkPostalCodeLink: {
+    text: idkPostalCodeLinkText,
+    to: idkPostalCodeLinkTo,
+    icon: {
+      icon: idkPostalCodeLinkIcon,
+      alt: idkPostalCodeLinkIconAlt
+    }
+  }
+}) {
+  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 {
+    modal: displayModal
+  } = (0,UIProvider/* useUI */.l)();
+
+  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(inputFieldErrorMessage);
+    }
+  };
+
+  const idkPostalCodeLinkProps = {
+    href: idkPostalCodeLinkTo ?? '#',
+    children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
+      children: [idkPostalCodeLinkText, !!idkPostalCodeLinkIcon ?? /*#__PURE__*/jsx_runtime_.jsx(Icon/* default */.Z, {
+        name: idkPostalCodeLinkIcon,
+        "aria-label": idkPostalCodeLinkIconAlt,
+        width: 20,
+        height: 20
+      })]
+    })
+  };
+  return /*#__PURE__*/jsx_runtime_.jsx(jsx_runtime_.Fragment, {
+    children: displayModal && /*#__PURE__*/jsx_runtime_.jsx(external_react_.Suspense, {
+      fallback: null,
+      children: /*#__PURE__*/jsx_runtime_.jsx(RegionModal_RegionModal, {
+        title: title,
+        description: description,
+        overlayProps: {
+          className: `section ${(section_module_default()).section} section-region-modal`
+        },
+        closeButtonAriaLabel: closeButtonAriaLabel,
+        inputRef: inputRef,
+        inputValue: input,
+        inputLabel: inputFieldLabel,
+        errorMessage: errorMessage,
+        idkPostalCodeLinkProps: idkPostalCodeLinkProps,
+        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
+
+
+/***/ }),
+
+/***/ 35063:
+/***/ ((module) => {
+
+// Exports
+module.exports = {
+	"section": "section_section__dmhNq"
+};
+
+
+/***/ })
+
+};
+;