@faststore/core 2.0.157-alpha.0 → 2.0.159-alpha.0

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"
+};
+
+
+/***/ })
+
+};
+;