@stigg/react-sdk 4.5.1 → 4.6.1

package/dist/react-sdk.esm.js

@@ -17,7 +17,7 @@ import Switch from 'react-switch';
 import Skeleton$1, { SkeletonTheme } from 'react-loading-skeleton';
 import sortBy from 'lodash-es/sortBy';
 import styled, { ThemeProvider as ThemeProvider$2, css as css$1 } from 'styled-components';
-import { ThemeProvider, createTheme } from '@mui/material/styles';
+import { createTheme, ThemeProvider, THEME_ID } from '@mui/material/styles';
 import Button$1 from '@mui/material/Button';
 import flatMap from 'lodash-es/flatMap';
 import Box from '@mui/material/Box';
@@ -3617,7 +3617,7 @@ var CustomCssGlobal = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "prod
 })(function (_ref) {
   var customCss = _ref.customCss;
   return customCss && css(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), customCss);
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRoZW1lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTbUMiLCJmaWxlIjoiVGhlbWUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbWVyZ2UgfSBmcm9tICdsb2Rhc2gnO1xyXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyIGFzIFN0eWxlZFRoZW1lUHJvdmlkZXIgfSBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XHJcbmltcG9ydCB7IGNzcywgVGhlbWVQcm92aWRlciB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQvbWFjcm8nO1xyXG5pbXBvcnQgeyBjcmVhdGVUaGVtZSwgVGhlbWVQcm92aWRlciBhcyBNdWlUaGVtZVByb3ZpZGVyIH0gZnJvbSAnQG11aS9tYXRlcmlhbC9zdHlsZXMnO1xyXG5pbXBvcnQgeyB1c2VTdGlnZ0NvbnRleHQgfSBmcm9tICcuLi9jb21wb25lbnRzL1N0aWdnUHJvdmlkZXInO1xyXG5pbXBvcnQgeyBGb250cyB9IGZyb20gJy4vRm9udHMnO1xyXG5pbXBvcnQgeyBnZXRSZXNvbHZlZFRoZW1lIH0gZnJvbSAnLi9nZXRSZXNvbHZlZFRoZW1lJztcclxuY29uc3QgQ3VzdG9tQ3NzR2xvYmFsID0gc3R5bGVkLmRpdiBgXG4gICR7KHsgY3VzdG9tQ3NzIH0pID0+IGN1c3RvbUNzcyAmJlxyXG4gICAgY3NzIGBcbiAgICAgICR7Y3VzdG9tQ3NzfVxuICAgIGB9XG5gO1xyXG4vKlxyXG4gIFRoaXMgbWVyZ2UgdGhlIHRoZW1lIGZyb20gMyBwbGFjZXM6XHJcbiAgMS4gRXh0ZXJuYWwgdGhlbWUgdGhhdCB3ZSBnb3QgZnJvbSB0aGUgdXNlciBpbiBTdGlnZ1Byb3ZpZGVyXHJcbiAgMi4gUmVtb3RlIHRoZW1lIGZyb20gYXBpXHJcbiAgMy4gRGVmYXVsdCB0aGVtZVxyXG4qL1xyXG5leHBvcnQgZnVuY3Rpb24gdXNlU3RpZ2dUaGVtZShyZW1vdGVUaGVtZU92ZXJyaWRlKSB7XHJcbiAgICBjb25zdCB7IHRoZW1lOiBleHRlcm5hbFRoZW1lIH0gPSB1c2VTdGlnZ0NvbnRleHQoKTtcclxuICAgIGNvbnN0IG1lcmdlZFRoZW1lID0gbWVyZ2UocmVtb3RlVGhlbWVPdmVycmlkZSwgZXh0ZXJuYWxUaGVtZSk7XHJcbiAgICBjb25zdCByZXNvbHZlZFRoZW1lID0gZ2V0UmVzb2x2ZWRUaGVtZShtZXJnZWRUaGVtZSk7XHJcbiAgICByZXR1cm4gcmVzb2x2ZWRUaGVtZTtcclxufVxyXG5mdW5jdGlvbiBjcmVhdGVUeXBvZ3JhcGh5VGhlbWUodGhlbWUpIHtcclxuICAgIGNvbnN0IHsgdHlwb2dyYXBoeSB9ID0gdGhlbWU7XHJcbiAgICBjb25zdCBodG1sRm9udFNpemUgPSAxNjtcclxuICAgIGNvbnN0IGNvZWYgPSBOdW1iZXIodHlwb2dyYXBoeS5ib2R5LmZvbnRTaXplLnJlcGxhY2UoJ3B4JywgJycpKSAvIDE0O1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgICAvLyBIYWNrIHRvIGZpeCB0aGVtaW5nIGlzc3Vlc1xyXG4gICAgICAgIC8vIEB0cy1pZ25vcmVcclxuICAgICAgICBweFRvUmVtOiAoc2l6ZSkgPT4gYCR7KHNpemUgLyBodG1sRm9udFNpemUpICogY29lZn1yZW1gLFxyXG4gICAgICAgIGJvZHlGb250RmFtaWx5OiB0eXBvZ3JhcGh5LmZvbnRGYW1pbHksXHJcbiAgICAgICAgaGVhZGluZ0ZvbnRGYW1pbHk6IHR5cG9ncmFwaHkuZm9udEZhbWlseSxcclxuICAgICAgICBmb250U2l6ZXM6IFtcclxuICAgICAgICAgICAgdHlwb2dyYXBoeS5oMS5mb250U2l6ZSxcclxuICAgICAgICAgICAgdHlwb2dyYXBoeS5oMi5mb250U2l6ZSxcclxuICAgICAgICAgICAgdHlwb2dyYXBoeS5oMy5mb250U2l6ZSxcclxuICAgICAgICAgICAgdHlwb2dyYXBoeS5ib2R5LmZvbnRTaXplLFxyXG4gICAgICAgICAgICAnMTJweCcsXHJcbiAgICAgICAgICAgICcxMHB4JyxcclxuICAgICAgICBdLFxyXG4gICAgfTtcclxufVxyXG5jb25zdCBjcmVhdGVNdWlQYWxldHRlID0gKHRoZW1lKSA9PiB7XHJcbiAgICByZXR1cm4ge1xyXG4gICAgICAgIHByaW1hcnk6IHtcclxuICAgICAgICAgICAgbWFpbjogdGhlbWUucGFsZXR0ZS5wcmltYXJ5LFxyXG4gICAgICAgIH0sXHJcbiAgICB9O1xyXG59O1xyXG5leHBvcnQgY29uc3QgU2RrVGhlbWVQcm92aWRlciA9ICh7IGNoaWxkcmVuLCBjb21wb25lbnRUaGVtZSB9KSA9PiB7XHJcbiAgICBjb25zdCB0aGVtZSA9IHVzZVN0aWdnVGhlbWUoY29tcG9uZW50VGhlbWUpO1xyXG4gICAgY29uc3QgbXVpUGFsZXR0ZSA9IGNyZWF0ZU11aVBhbGV0dGUodGhlbWUpO1xyXG4gICAgcmV0dXJuIChcclxuICAgIC8vIFdlIGFyZSB1c2luZyBzdHlsZWQtY29tcG9uZW50cyB0aGVtZSBoZXJlIG9ubHkgYmVjYXVzZSB3ZSBhcmUgdXNpbmcgc3R5bGVkLXR5cG9ncmFwaHlcclxuICAgIC8vIHdoaWNoIGRlcGVuZHMgb24gc3R5bGVkLWNvbXBvbmVudHMgZm9yIHRoZSB0eXBvZ3JhcGh5IHRoZW1pbmdcclxuICAgIFJlYWN0LmNyZWF0ZUVsZW1lbnQoTXVpVGhlbWVQcm92aWRlciwgeyB0aGVtZTogY3JlYXRlVGhlbWUoeyBwYWxldHRlOiBtdWlQYWxldHRlLCBzdGlnZzogdGhlbWUgfSkgfSxcclxuICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KFRoZW1lUHJvdmlkZXIsIHsgdGhlbWU6IHsgc3RpZ2c6IHRoZW1lIH0gfSxcclxuICAgICAgICAgICAgUmVhY3QuY3JlYXRlRWxlbWVudChDdXN0b21Dc3NHbG9iYWwsIHsgY3VzdG9tQ3NzOiB0aGVtZS5jdXN0b21Dc3MgfSxcclxuICAgICAgICAgICAgICAgIFJlYWN0LmNyZWF0ZUVsZW1lbnQoRm9udHMsIHsgZXh0ZXJuYWxGb250VXJsOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRGYW1pbHlVcmwgfSksXHJcbiAgICAgICAgICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KFN0eWxlZFRoZW1lUHJvdmlkZXIsIHsgdGhlbWU6IHsgdHlwb2dyYXBoeTogY3JlYXRlVHlwb2dyYXBoeVRoZW1lKHRoZW1lKSB9IH0sIGNoaWxkcmVuKSkpKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRoZW1lLmpzLm1hcCJdfQ== */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRoZW1lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTbUMiLCJmaWxlIjoiVGhlbWUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbWVyZ2UgfSBmcm9tICdsb2Rhc2gnO1xyXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyIGFzIFN0eWxlZFRoZW1lUHJvdmlkZXIgfSBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XHJcbmltcG9ydCB7IGNzcywgVGhlbWVQcm92aWRlciB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQvbWFjcm8nO1xyXG5pbXBvcnQgeyBjcmVhdGVUaGVtZSwgVGhlbWVQcm92aWRlciBhcyBNdWlUaGVtZVByb3ZpZGVyLCBUSEVNRV9JRCB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwvc3R5bGVzJztcclxuaW1wb3J0IHsgdXNlU3RpZ2dDb250ZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cy9TdGlnZ1Byb3ZpZGVyJztcclxuaW1wb3J0IHsgRm9udHMgfSBmcm9tICcuL0ZvbnRzJztcclxuaW1wb3J0IHsgZ2V0UmVzb2x2ZWRUaGVtZSB9IGZyb20gJy4vZ2V0UmVzb2x2ZWRUaGVtZSc7XHJcbmNvbnN0IEN1c3RvbUNzc0dsb2JhbCA9IHN0eWxlZC5kaXYgYFxuICAkeyh7IGN1c3RvbUNzcyB9KSA9PiBjdXN0b21Dc3MgJiZcclxuICAgIGNzcyBgXG4gICAgICAke2N1c3RvbUNzc31cbiAgICBgfVxuYDtcclxuLypcclxuICBUaGlzIG1lcmdlIHRoZSB0aGVtZSBmcm9tIDMgcGxhY2VzOlxyXG4gIDEuIEV4dGVybmFsIHRoZW1lIHRoYXQgd2UgZ290IGZyb20gdGhlIHVzZXIgaW4gU3RpZ2dQcm92aWRlclxyXG4gIDIuIFJlbW90ZSB0aGVtZSBmcm9tIGFwaVxyXG4gIDMuIERlZmF1bHQgdGhlbWVcclxuKi9cclxuZXhwb3J0IGZ1bmN0aW9uIHVzZVN0aWdnVGhlbWUocmVtb3RlVGhlbWVPdmVycmlkZSkge1xyXG4gICAgY29uc3QgeyB0aGVtZTogZXh0ZXJuYWxUaGVtZSB9ID0gdXNlU3RpZ2dDb250ZXh0KCk7XHJcbiAgICBjb25zdCBtZXJnZWRUaGVtZSA9IG1lcmdlKHJlbW90ZVRoZW1lT3ZlcnJpZGUsIGV4dGVybmFsVGhlbWUpO1xyXG4gICAgY29uc3QgcmVzb2x2ZWRUaGVtZSA9IGdldFJlc29sdmVkVGhlbWUobWVyZ2VkVGhlbWUpO1xyXG4gICAgcmV0dXJuIHJlc29sdmVkVGhlbWU7XHJcbn1cclxuZnVuY3Rpb24gY3JlYXRlVHlwb2dyYXBoeVRoZW1lKHRoZW1lKSB7XHJcbiAgICBjb25zdCB7IHR5cG9ncmFwaHkgfSA9IHRoZW1lO1xyXG4gICAgY29uc3QgaHRtbEZvbnRTaXplID0gMTY7XHJcbiAgICBjb25zdCBjb2VmID0gTnVtYmVyKHR5cG9ncmFwaHkuYm9keS5mb250U2l6ZS5yZXBsYWNlKCdweCcsICcnKSkgLyAxNDtcclxuICAgIHJldHVybiB7XHJcbiAgICAgICAgLy8gSGFjayB0byBmaXggdGhlbWluZyBpc3N1ZXNcclxuICAgICAgICAvLyBAdHMtaWdub3JlXHJcbiAgICAgICAgcHhUb1JlbTogKHNpemUpID0+IGAkeyhzaXplIC8gaHRtbEZvbnRTaXplKSAqIGNvZWZ9cmVtYCxcclxuICAgICAgICBib2R5Rm9udEZhbWlseTogdHlwb2dyYXBoeS5mb250RmFtaWx5LFxyXG4gICAgICAgIGhlYWRpbmdGb250RmFtaWx5OiB0eXBvZ3JhcGh5LmZvbnRGYW1pbHksXHJcbiAgICAgICAgZm9udFNpemVzOiBbXHJcbiAgICAgICAgICAgIHR5cG9ncmFwaHkuaDEuZm9udFNpemUsXHJcbiAgICAgICAgICAgIHR5cG9ncmFwaHkuaDIuZm9udFNpemUsXHJcbiAgICAgICAgICAgIHR5cG9ncmFwaHkuaDMuZm9udFNpemUsXHJcbiAgICAgICAgICAgIHR5cG9ncmFwaHkuYm9keS5mb250U2l6ZSxcclxuICAgICAgICAgICAgJzEycHgnLFxyXG4gICAgICAgICAgICAnMTBweCcsXHJcbiAgICAgICAgXSxcclxuICAgIH07XHJcbn1cclxuY29uc3QgY3JlYXRlTXVpUGFsZXR0ZSA9ICh0aGVtZSkgPT4ge1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgICBwcmltYXJ5OiB7XHJcbiAgICAgICAgICAgIG1haW46IHRoZW1lLnBhbGV0dGUucHJpbWFyeSxcclxuICAgICAgICB9LFxyXG4gICAgfTtcclxufTtcclxuZXhwb3J0IGNvbnN0IFNka1RoZW1lUHJvdmlkZXIgPSAoeyBjaGlsZHJlbiwgY29tcG9uZW50VGhlbWUgfSkgPT4ge1xyXG4gICAgY29uc3QgdGhlbWUgPSB1c2VTdGlnZ1RoZW1lKGNvbXBvbmVudFRoZW1lKTtcclxuICAgIGNvbnN0IG11aVBhbGV0dGUgPSBjcmVhdGVNdWlQYWxldHRlKHRoZW1lKTtcclxuICAgIGNvbnN0IG1hdGVyaWFsVGhlbWUgPSBjcmVhdGVUaGVtZSh7IHBhbGV0dGU6IG11aVBhbGV0dGUsIHN0aWdnOiB0aGVtZSB9KTtcclxuICAgIHJldHVybiAoXHJcbiAgICAvLyBXZSBhcmUgdXNpbmcgc3R5bGVkLWNvbXBvbmVudHMgdGhlbWUgaGVyZSBvbmx5IGJlY2F1c2Ugd2UgYXJlIHVzaW5nIHN0eWxlZC10eXBvZ3JhcGh5XHJcbiAgICAvLyB3aGljaCBkZXBlbmRzIG9uIHN0eWxlZC1jb21wb25lbnRzIGZvciB0aGUgdHlwb2dyYXBoeSB0aGVtaW5nXHJcbiAgICBSZWFjdC5jcmVhdGVFbGVtZW50KE11aVRoZW1lUHJvdmlkZXIsIHsgdGhlbWU6IHsgW1RIRU1FX0lEXTogbWF0ZXJpYWxUaGVtZSB9IH0sXHJcbiAgICAgICAgUmVhY3QuY3JlYXRlRWxlbWVudChUaGVtZVByb3ZpZGVyLCB7IHRoZW1lOiB7IHN0aWdnOiB0aGVtZSB9IH0sXHJcbiAgICAgICAgICAgIFJlYWN0LmNyZWF0ZUVsZW1lbnQoQ3VzdG9tQ3NzR2xvYmFsLCB7IGN1c3RvbUNzczogdGhlbWUuY3VzdG9tQ3NzIH0sXHJcbiAgICAgICAgICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KEZvbnRzLCB7IGV4dGVybmFsRm9udFVybDogdGhlbWUudHlwb2dyYXBoeS5mb250RmFtaWx5VXJsIH0pLFxyXG4gICAgICAgICAgICAgICAgUmVhY3QuY3JlYXRlRWxlbWVudChTdHlsZWRUaGVtZVByb3ZpZGVyLCB7IHRoZW1lOiB7IHR5cG9ncmFwaHk6IGNyZWF0ZVR5cG9ncmFwaHlUaGVtZSh0aGVtZSkgfSB9LCBjaGlsZHJlbikpKSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UaGVtZS5qcy5tYXAiXX0= */"));
 /*
   This merge the theme from 3 places:
   1. External theme that we got from the user in StiggProvider
@@ -3660,17 +3660,20 @@ var createMuiPalette = function createMuiPalette(theme) {
 };
 
 var SdkThemeProvider = function SdkThemeProvider(_ref2) {
+  var _theme;
+
   var children = _ref2.children,
       componentTheme = _ref2.componentTheme;
   var theme = useStiggTheme(componentTheme);
   var muiPalette = createMuiPalette(theme);
+  var materialTheme = createTheme({
+    palette: muiPalette,
+    stigg: theme
+  });
   return (// We are using styled-components theme here only because we are using styled-typography
     // which depends on styled-components for the typography theming
     React__default.createElement(ThemeProvider, {
-      theme: createTheme({
-        palette: muiPalette,
-        stigg: theme
-      })
+      theme: (_theme = {}, _theme[THEME_ID] = materialTheme, _theme)
     }, React__default.createElement(ThemeProvider$1, {
       theme: {
         stigg: theme
@@ -7520,7 +7523,8 @@ var defaultCheckoutTheme = {
   borderColor: 'rgb(235, 237, 243)',
   summaryBackgroundColor: 'rgb(109, 121, 144)'
 };
-function getResolvedCheckoutTheme(globalTheme, themeOverride, _remoteConfiguration) {
+function getResolvedCheckoutTheme(globalTheme, themeOverride, // all the remote colors override theme colors, no need to use them here
+_remoteConfiguration) {
   var _ref = globalTheme || {},
       globalPalette = _ref.palette;