@sentecacommerce-theme/lib 0.13.7-alpha.6 → 0.13.9

package/dist/esm/ui/components/GridStyles.js

@@ -0,0 +1,26 @@
+import React from 'react';
+export var GridStyles = function(param) {
+    var spaceX = param.spaceX, breakpoints = param.breakpoints, _remSize = param.remSize, remSize = _remSize === void 0 ? 10 : _remSize, _spaceBetweenSections = param.spaceBetweenSections, spaceBetweenSections = _spaceBetweenSections === void 0 ? 80 : _spaceBetweenSections;
+    var getSize = function getSize(width) {
+        return "min-width: calc(".concat(width, "% - ").concat(spaceX / remSize, "rem);") + "max-width: calc(".concat(width, "% - ").concat(spaceX / remSize, "rem);") + "margin: 0 ".concat(spaceX / 2 / remSize, "rem;");
+    };
+    var keys = Object.keys(breakpoints || {
+        xs: {
+            min: null
+        }
+    });
+    var transforms = {
+        xs: 'default'
+    };
+    var queries = keys.reduce(function(str, key, index) {
+        var min = ((breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints[key]) || {}).min;
+        var k = transforms[key] || key;
+        if (index && !min) return str;
+        return str += "\n    @media(min-width: ".concat(min || '1px', ") {\n      .size-").concat(k, "-full-bleed {\n        width: 100%;\n      }\n\n      .size-").concat(k, "-full-bleed .Section--inner {\n        width: 100vw;\n        position: relative;\n        left: 50%;\n        right: 50%;\n        margin-left: -50vw;\n        margin-right: -50vw;\n      }\n\n      .size-").concat(k, "-100 {\n        ").concat(getSize(100), "\n      }\n\n      .size-").concat(k, "-90 {\n        ").concat(getSize(90), "\n      }\n\n      .size-").concat(k, "-80 {\n        ").concat(getSize(80), "\n      }\n\n      .size-").concat(k, "-75 {\n        ").concat(getSize(75), "\n      }\n\n      .size-").concat(k, "-70 {\n        ").concat(getSize(70), "\n      }\n      \n      .size-").concat(k, "-66 {\n        ").concat(getSize(66.666666), "\n      }\n\n      .size-").concat(k, "-60 {\n        ").concat(getSize(60), "\n      }\n\n      .size-").concat(k, "-50 {\n        ").concat(getSize(50), "\n      }\n\n      .size-").concat(k, "-40 {\n        ").concat(getSize(40), "\n      }\n\n      .size-").concat(k, "-33 {\n        ").concat(getSize(33.333333), "\n      }\n\n      .size-").concat(k, "-30 {\n        ").concat(getSize(30), "\n      }\n\n      .size-").concat(k, "-25 {\n        ").concat(getSize(25), "\n      }\n\n      .size-").concat(k, "-20 {\n        ").concat(getSize(20), "\n      }\n\n      .size-").concat(k, "-10 {\n        ").concat(getSize(10), "\n      }\n    }\n");
+    }, '');
+    return(/*#__PURE__*/ React.createElement("style", {
+        dangerouslySetInnerHTML: {
+            __html: "\n    .Page--row {\n      display: flex;\n      display: -webkit-flex;\n      flex-wrap: wrap;\n      -webkit-flex-wrap: wrap;\n      margin: 0 -".concat(spaceX / remSize / 2, "rem;\n    }\n\n    .Page__section {\n      padding-bottom: ").concat(spaceBetweenSections / remSize, "rem;\n    }\n\n    .Page--col {\n      display: block;\n      width: 100%;\n    }\n    \n    .size-default-inherit {\n      width: 100%;\n    }\n    ").concat(queries, "\n  ")
+        }
+    }));
+};

package/dist/esm/ui/components/LazyImage.js

@@ -28,8 +28,7 @@ function _extends() {
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {
-        };
+        var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -43,8 +42,7 @@ function _objectSpread(target) {
     return target;
 }
 function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {
-    };
+    if (source == null) return {};
     var target = _objectWithoutPropertiesLoose(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
@@ -59,10 +57,8 @@ function _objectWithoutProperties(source, excluded) {
     return target;
 }
 function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {
-    };
-    var target = {
-    };
+    if (source == null) return {};
+    var target = {};
     var sourceKeys = Object.keys(source);
     var key, i;
     for(i = 0; i < sourceKeys.length; i++){
@@ -101,8 +97,7 @@ var LazyImage = function(_param) {
             backgroundColor: background
         }
     }, /*#__PURE__*/ React.createElement("div", {
-        style: _objectSpread({
-        }, absoluteStyle, {
+        style: _objectSpread({}, absoluteStyle, {
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'center'
@@ -116,8 +111,7 @@ var LazyImage = function(_param) {
     }, rest, {
         alt: alt
     }))), isBackgroundOverImage && /*#__PURE__*/ React.createElement("div", {
-        style: _objectSpread({
-        }, absoluteStyle, {
+        style: _objectSpread({}, absoluteStyle, {
             backgroundColor: background
         })
     })));

package/dist/esm/ui/components/RangeSliderInput.js

@@ -1,5 +1,10 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import styled from 'styled-components';
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -17,12 +22,14 @@ function _defineProperty(obj, key, value) {
     return obj;
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -39,12 +46,11 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {
-        };
+        var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -58,7 +64,7 @@ function _objectSpread(target) {
     return target;
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 function _taggedTemplateLiteral(strings, raw) {
     if (!raw) {
@@ -70,6 +76,14 @@ function _taggedTemplateLiteral(strings, raw) {
         }
     }));
 }
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
 function _templateObject() {
     var data = _taggedTemplateLiteral([
         "\n  .",
@@ -103,7 +117,7 @@ export var RangeSlideClasses = {
     thumbActive: 'RangeSlider--thumb-active'
 };
 export var RangeSliderInput = function(param) {
-    var defaultValue = param.defaultValue, onChange = param.onChange, _min = param.min, min = _min === void 0 ? 0 : _min, _max = param.max, max = _max === void 0 ? 100 : _max, _step = param.step, step = _step === void 0 ? 1 : _step;
+    var defaultValue = param.defaultValue, onChange = param.onChange, onSlide = param.onSlide, _min = param.min, min = _min === void 0 ? 0 : _min, _max = param.max, max = _max === void 0 ? 100 : _max, _step = param.step, step = _step === void 0 ? 1 : _step;
     var ref1 = _slicedToArray(useState(defaultValue), 2), value = ref1[0], setValue = ref1[1];
     var inputLeftRef = React.useRef(null);
     var inputRightRef = React.useRef(null);
@@ -116,15 +130,26 @@ export var RangeSliderInput = function(param) {
     }, [
         defaultValue
     ]);
+    var onSlideGeneric = function() {
+        var inputLeft = inputLeftRef.current;
+        var inputRight = inputRightRef.current;
+        if (!inputLeft || !inputRight) return;
+        var leftValue = Math.min(Number(inputLeft.value), Number(inputRight.value) - 1);
+        var rightValue = Math.max(Number(inputRight.value), Number(inputLeft.value) + 1);
+        onSlide === null || onSlide === void 0 ? void 0 : onSlide({
+            left: leftValue,
+            right: rightValue
+        });
+    };
     var updateLeftValue = useCallback(function() {
         var inputLeft = inputLeftRef.current;
         var inputRight = inputRightRef.current;
         if (!inputLeft || !inputRight) return;
         var leftValue = Math.min(Number(inputLeft.value), Number(inputRight.value) - 1);
-        setValue(_objectSpread({
-        }, value, {
+        setValue(_objectSpread({}, value, {
             left: leftValue
         }));
+        onSlideGeneric();
     }, [
         setValue,
         value
@@ -134,10 +159,10 @@ export var RangeSliderInput = function(param) {
         var inputRight = inputRightRef.current;
         if (!inputRight || !inputLeft) return;
         var rightValue = Math.max(Number(inputRight.value), Number(inputLeft.value) + 1);
-        setValue(_objectSpread({
-        }, value, {
+        setValue(_objectSpread({}, value, {
             right: rightValue
         }));
+        onSlideGeneric();
     }, [
         setValue,
         value

package/dist/esm/ui/components/index.js

@@ -1,2 +1,3 @@
 export * from './RangeSliderInput';
 export * from './LazyImage';
+export * from './GridStyles';

package/dist/esm/ui/hooks/index.js

@@ -0,0 +1 @@
+export * from './useToasts';

package/dist/esm/ui/hooks/useToasts.js

@@ -0,0 +1,154 @@
+import React from 'react';
+import { useRouter } from 'next/router';
+import { v4 as uuid } from 'uuid';
+import { getMainColor, getIcon, getBackground, defaultStyle, getTextColor } from '../toastUtils';
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+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 _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+var ToastContext = /*#__PURE__*/ React.createContext(undefined);
+export var ToastProvider = function(param) {
+    var children = param.children, _duration = param.duration, duration = _duration === void 0 ? 5000 : _duration, style = param.style;
+    var ref5 = _slicedToArray(React.useState([]), 2), toasts = ref5[0], setToasts = ref5[1];
+    var addToast = function(content, options) {
+        setToasts([
+            {
+                content: content,
+                options: options,
+                id: uuid()
+            }
+        ].concat(_toConsumableArray(toasts)));
+    };
+    var deleteToasts = React.useCallback(function() {
+        setToasts([]);
+    }, []);
+    var values = {
+        addToast: addToast
+    };
+    var router = useRouter();
+    React.useEffect(function() {
+        deleteToasts();
+    }, [
+        deleteToasts,
+        router.asPath
+    ]);
+    return(/*#__PURE__*/ React.createElement(ToastContext.Provider, {
+        value: values
+    }, children, /*#__PURE__*/ React.createElement("style", {
+        dangerouslySetInnerHTML: {
+            __html: "\n        .Toasts--container {\n            position: fixed;\n            right: 0;\n            transform: translateX(100%);\n            top: 0;\n            width: 25rem;\n            display: flex;\n            align-items: stretch;\n            flex-direction: column;\n            z-index: 99999;\n            gap: 0.5rem;\n            font-size: 0.8rem;\n            padding: 1rem;\n        }\n        .Toast--left {\n          width: 2rem;\n          border-radius: 0.3rem 0 0 0.3rem;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n        }\n\n        @keyframes showToast {\n            0% { opacity: 0; transform: translateX(0%);}\n            10% {opacity: 1; transform: translateX(-105%)}\n            90% {opacity: 1; transform: translateX(-105%)}\n            100% {opacity: 0; transform: translateX(0%);}\n        }\n      "
+        }
+    }), /*#__PURE__*/ React.createElement("div", {
+        className: "Toasts--container"
+    }, toasts.map(function(toast) {
+        var ref, ref1, ref2, ref3, ref4;
+        return(/*#__PURE__*/ React.createElement("div", {
+            key: toast.id,
+            className: "Toast",
+            style: _objectSpread({}, defaultStyle(duration))
+        }, /*#__PURE__*/ React.createElement("div", {
+            className: "Toast--left",
+            style: {
+                color: getBackground((ref = toast.options) === null || ref === void 0 ? void 0 : ref.appearance),
+                background: getMainColor((ref1 = toast.options) === null || ref1 === void 0 ? void 0 : ref1.appearance)
+            }
+        }, getIcon((ref2 = toast.options) === null || ref2 === void 0 ? void 0 : ref2.appearance)), /*#__PURE__*/ React.createElement("div", {
+            className: "Toast--content",
+            style: _objectSpread({
+                padding: '8px 12px',
+                width: '100%',
+                background: getBackground((ref3 = toast.options) === null || ref3 === void 0 ? void 0 : ref3.appearance),
+                color: getTextColor((ref4 = toast.options) === null || ref4 === void 0 ? void 0 : ref4.appearance)
+            }, style)
+        }, toast.content)));
+    }))));
+};
+export function useToasts() {
+    var context = React.useContext(ToastContext);
+    if (context === undefined) {
+        throw new Error('useToasts must be used within ToastProvider');
+    }
+    return context;
+}

package/dist/esm/ui/index.js

@@ -1 +1,2 @@
 export * from './components';
+export * from './hooks';

package/dist/esm/ui/toastUtils/ErrorIcon.js

@@ -0,0 +1,15 @@
+import React from 'react';
+export var ErrorIcon = function() {
+    return(/*#__PURE__*/ React.createElement("svg", {
+        "aria-hidden": "true",
+        height: "16",
+        width: "12",
+        viewBox: "0 0 12 16",
+        style: {
+            fill: 'currentcolor'
+        }
+    }, /*#__PURE__*/ React.createElement("path", {
+        "fill-rule": "evenodd",
+        d: "M5.05.01c.81 2.17.41 3.38-.52 4.31C3.55 5.37 1.98 6.15.9 7.68c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.01 8.68 2.15 5.05.02L5.03 0l.02.01z"
+    })));
+};

package/dist/esm/ui/toastUtils/InfoIcon.js

@@ -0,0 +1,15 @@
+import React from 'react';
+export var InfoIcon = function() {
+    return(/*#__PURE__*/ React.createElement("svg", {
+        "aria-hidden": "true",
+        height: "16",
+        width: "14",
+        viewBox: "0 0 14 16",
+        style: {
+            fill: 'currentcolor'
+        }
+    }, /*#__PURE__*/ React.createElement("path", {
+        "fill-rule": "evenodd",
+        d: "M6.3 5.71a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 8.01c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V8v.01zM7 2.32C3.86 2.32 1.3 4.86 1.3 8c0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 1c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"
+    })));
+};

package/dist/esm/ui/toastUtils/SuccessIcon.js

@@ -0,0 +1,15 @@
+import React from 'react';
+export var SuccessIcon = function() {
+    return(/*#__PURE__*/ React.createElement("svg", {
+        "aria-hidden": "true",
+        height: "16",
+        width: "12",
+        viewBox: "0 0 12 16",
+        style: {
+            fill: 'currentcolor'
+        }
+    }, /*#__PURE__*/ React.createElement("path", {
+        "fill-rule": "evenodd",
+        d: "M12 5.5l-8 8-4-4L1.5 8 4 10.5 10.5 4 12 5.5z"
+    })));
+};

package/dist/esm/ui/toastUtils/WarningIcon.js

@@ -0,0 +1,15 @@
+import React from 'react';
+export var WarningIcon = function() {
+    return(/*#__PURE__*/ React.createElement("svg", {
+        "aria-hidden": "true",
+        height: "16",
+        width: "16",
+        viewBox: "0 0 16 16",
+        style: {
+            fill: 'currentcolor'
+        }
+    }, /*#__PURE__*/ React.createElement("path", {
+        "fill-rule": "evenodd",
+        d: "M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"
+    })));
+};

package/dist/esm/ui/toastUtils/index.js

@@ -0,0 +1,5 @@
+export * from './ErrorIcon';
+export * from './SuccessIcon';
+export * from './utils';
+export * from './InfoIcon';
+export * from './WarningIcon';

package/dist/esm/ui/toastUtils/utils.js

@@ -0,0 +1,67 @@
+import React from 'react';
+import { ErrorIcon, SuccessIcon, InfoIcon, WarningIcon } from './index';
+export var getMainColor = function(mode) {
+    switch(mode){
+        case 'error':
+            return "#FF5630";
+        case 'success':
+            return "#36B37E";
+        case 'info':
+            return "#2684FF";
+        case 'warning':
+            return "#FFAB00";
+        default:
+            return "#2684FF";
+    }
+};
+export var getTextColor = function(mode) {
+    switch(mode){
+        case 'error':
+            return "#BF2600";
+        case 'success':
+            return "#006644";
+        case 'info':
+            return "#505F79";
+        case 'warning':
+            return "#FF8B00";
+        default:
+            return "#505F79";
+    }
+};
+export var getIcon = function(mode) {
+    switch(mode){
+        case 'error':
+            return(/*#__PURE__*/ React.createElement(ErrorIcon, null));
+        case 'success':
+            return(/*#__PURE__*/ React.createElement(SuccessIcon, null));
+        case 'info':
+            return(/*#__PURE__*/ React.createElement(InfoIcon, null));
+        case 'warning':
+            return(/*#__PURE__*/ React.createElement(WarningIcon, null));
+        default:
+            return(/*#__PURE__*/ React.createElement(InfoIcon, null));
+    }
+};
+export var getBackground = function(mode) {
+    switch(mode){
+        case 'error':
+            return "#FFEBE6";
+        case 'success':
+            return "#E3FCEF";
+        case 'info':
+            return "#fff";
+        case 'warning':
+            return "#FFFAE6";
+        default:
+            return "#fff";
+    }
+};
+export var defaultStyle = function(duration) {
+    return {
+        height: 'fit-content',
+        borderRadius: '0.3rem',
+        display: 'flex',
+        opacity: '0',
+        animation: "".concat(duration, "ms cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards running showToast")
+    };
+};

package/dist/esm/user/api/mutations/useLoginMutation.js

@@ -17,8 +17,7 @@ function _defineProperty(obj, key, value) {
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {
-        };
+        var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -35,9 +34,7 @@ export var useLoginMutation = function(param) {
     var onSuccess = param.onSuccess;
     var queryCache = useQueryCache();
     return useMutation(function(values) {
-        return AuthLogin({
-        }, _objectSpread({
-        }, values, {
+        return AuthLogin({}, _objectSpread({}, values, {
             responseMode: LoginRequestDTOResponseModeEnum.Compact,
             anonymousId: getAnonId()
         }));

package/dist/esm/user/api/mutations/useLogoutMutation.js

@@ -8,14 +8,11 @@ export var useLogoutMutation = function() {
     return function() {
         writeToLocalStorage(WISHLIST_STORAGE_KEY, {
             itemsCount: 0,
-            items: {
-            }
+            items: {}
         });
         writeToLocalStorage(BASKET_STORAGE_KEY, {
-            lineItems: {
-            },
-            customLineItems: {
-            },
+            lineItems: {},
+            customLineItems: {},
             lineItemsCount: 0,
             customLineItemsCount: 0
         });

package/dist/esm/user/api/mutations/useRegisterMutation.js

@@ -47,8 +47,7 @@ function _defineProperty(obj, key, value) {
 }
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {
-        };
+        var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -65,30 +64,31 @@ export var useRegisterMutation = function(param) {
     var onSuccess = param.onSuccess, automaticallyLogIn = param.automaticallyLogIn;
     var queryCache = useQueryCache();
     return useMutation(function(values) {
-        return AuthRegister({
-        }, _objectSpread({
-        }, values, {
+        return AuthRegister({}, _objectSpread({}, values, {
             anonymousId: getAnonId()
         }));
     }, {
-        onSuccess: _asyncToGenerator(regeneratorRuntime.mark(function _callee(_, registerResponse) {
-            return regeneratorRuntime.wrap(function _callee$(_ctx) {
-                while(1)switch(_ctx.prev = _ctx.next){
-                    case 0:
-                        if (automaticallyLogIn) {
-                            AuthLogin({
-                            }, _objectSpread({
-                            }, registerResponse, {
-                                responseMode: LoginRequestDTOResponseModeEnum.Compact
-                            })).then(processLogin(onSuccess, queryCache));
-                        } else {
-                            onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
-                        }
-                    case 1:
-                    case "end":
-                        return _ctx.stop();
-                }
-            }, _callee);
-        }))
+        onSuccess: function() {
+            var _ref = _asyncToGenerator(regeneratorRuntime.mark(function _callee(_, registerResponse) {
+                return regeneratorRuntime.wrap(function _callee$(_ctx) {
+                    while(1)switch(_ctx.prev = _ctx.next){
+                        case 0:
+                            if (automaticallyLogIn) {
+                                AuthLogin({}, _objectSpread({}, registerResponse, {
+                                    responseMode: LoginRequestDTOResponseModeEnum.Compact
+                                })).then(processLogin(onSuccess, queryCache));
+                            } else {
+                                onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
+                            }
+                        case 1:
+                        case "end":
+                            return _ctx.stop();
+                    }
+                }, _callee);
+            }));
+            return function(_, registerResponse) {
+                return _ref.apply(this, arguments);
+            };
+        }()
     });
 };

package/dist/esm/user/api/mutations/useRequestResetPasswordTokenMutation.js

@@ -3,8 +3,7 @@ import { CustomersCreatePasswordToken } from '@sentecacommerce/sdk';
 export var useRequestResetPasswordTokenMutation = function(param) {
     var onSuccess = param.onSuccess;
     return useMutation(function(values) {
-        return CustomersCreatePasswordToken({
-        }, values);
+        return CustomersCreatePasswordToken({}, values);
     }, {
         onSuccess: onSuccess
     });

package/dist/esm/user/api/mutations/useResetPasswordMutation.js

@@ -3,8 +3,7 @@ import { CustomersResetPassword } from '@sentecacommerce/sdk';
 export var useResetPasswordMutation = function(param) {
     var onSuccess = param.onSuccess, onError = param.onError;
     return useMutation(function(values) {
-        return CustomersResetPassword({
-        }, values);
+        return CustomersResetPassword({}, values);
     }, {
         onSuccess: function() {
             onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();