@crystaldesign/diva-core 25.1.0-beta.38 → 25.1.0-beta.39

package/build/esm/{ModalsWrapper-cf28ae9c.js → ModalsWrapper-ae3b5a84.js}

@@ -1,4 +1,4 @@
-import { i as styleInject, u as useDivaCoreContext } from './index-539f9099.js';
+import { i as styleInject, u as useDivaCoreContext } from './index-54e98e1b.js';
 import { useState, useEffect, useCallback } from 'react';
 import { observer } from 'mobx-react-lite';
 import Button from '@mui/material/Button';
@@ -12,6 +12,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { IconButton } from '@mui/material';
 import CloseIcon from '@mui/icons-material/Close';
+import { toJS } from 'mobx';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/defineProperty';
@@ -25,7 +26,6 @@ import 'react-dom';
 import '@babel/runtime/helpers/asyncToGenerator';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/regenerator';
-import 'mobx';
 import '@babel/runtime/helpers/toConsumableArray';
 import 'mobile-detect';
 import 'platform';
@@ -89,7 +89,7 @@ var Progress = function Progress(_ref) {
 var Progress$1 = observer(Progress);
 
 function Modal() {
-  var _contentStore$modal$a;
+  var _pureModal$actions;
   var _useDivaCoreContext = useDivaCoreContext(),
     contentStore = _useDivaCoreContext.contentStore;
   var _useTranslation = useTranslation(),
@@ -152,46 +152,47 @@ function Modal() {
     }
   }, []);
   if (!contentStore.modal) return /*#__PURE__*/jsx(Fragment, {});
-  var text = typeof contentStore.modal.text == 'string' ? t(contentStore.modal.text) : contentStore.modal.text;
+  var pureModal = toJS(contentStore.modal);
+  var text = typeof pureModal.text == 'string' ? t(pureModal.text) : pureModal.text;
   var children = /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(DialogContent, {
-      style: contentStore.modal.maxWidth ? {
-        maxWidth: contentStore.modal.maxWidth
+      style: pureModal.maxWidth ? {
+        maxWidth: pureModal.maxWidth
       } : undefined,
-      children: contentStore.modal.iFrame ? /*#__PURE__*/jsx(IFrame, {
-        link: contentStore.modal.iFrame
-      }) : typeof text == 'string' && contentStore.modal.content == undefined ? /*#__PURE__*/jsx(DialogContentText, {
+      children: pureModal.iFrame ? /*#__PURE__*/jsx(IFrame, {
+        link: pureModal.iFrame
+      }) : typeof text == 'string' && pureModal.content == undefined ? /*#__PURE__*/jsx(DialogContentText, {
         component: "div",
         dangerouslySetInnerHTML: {
           __html: tryDecodeURIComponent(text)
         }
       }) : /*#__PURE__*/jsxs(DialogContentText, {
         component: "div",
-        children: [text, contentStore.modal.content && contentStore.modal.content]
+        children: [text, pureModal.content && pureModal.content]
       })
-    }), (contentStore.modal.reject || contentStore.modal.accept) && /*#__PURE__*/jsxs(DialogActions, {
-      children: [contentStore.modal.reject && /*#__PURE__*/jsx(Button, {
+    }), (pureModal.reject || pureModal.accept) && /*#__PURE__*/jsxs(DialogActions, {
+      children: [pureModal.reject && /*#__PURE__*/jsx(Button, {
         color: "primary",
         onClick: onReject,
-        children: typeof contentStore.modal.reject == 'string' ? t(contentStore.modal.reject) : t('modal.reject')
-      }), contentStore.modal.accept && /*#__PURE__*/jsx(Button, {
+        children: typeof pureModal.reject == 'string' ? t(pureModal.reject) : t('modal.reject')
+      }), pureModal.accept && /*#__PURE__*/jsx(Button, {
         color: "primary",
         type: "submit",
         id: "diva-dialog-submitbtn",
-        children: typeof contentStore.modal.accept == 'string' ? t(contentStore.modal.accept) : t('modal.accept')
+        children: typeof pureModal.accept == 'string' ? t(pureModal.accept) : t('modal.accept')
       })]
     }), /*#__PURE__*/jsxs("div", {
       style: {
         margin: 10
       },
-      children: [contentStore.modal.image && /*#__PURE__*/jsx("img", {
-        src: contentStore.modal.image,
+      children: [pureModal.image && /*#__PURE__*/jsx("img", {
+        src: pureModal.image,
         style: {
           maxWidth: 480
         }
-      }), contentStore.modal.progress !== undefined && /*#__PURE__*/jsx(Progress$1, {
-        progress: contentStore.modal.progress
-      }), (_contentStore$modal$a = contentStore.modal.actions) === null || _contentStore$modal$a === void 0 ? void 0 : _contentStore$modal$a.map(function (a) {
+      }), pureModal.progress !== undefined && /*#__PURE__*/jsx(Progress$1, {
+        progress: pureModal.progress
+      }), (_pureModal$actions = pureModal.actions) === null || _pureModal$actions === void 0 ? void 0 : _pureModal$actions.map(function (a) {
         var _a$variant;
         return /*#__PURE__*/jsx(Button, {
           fullWidth: true,
@@ -208,7 +209,7 @@ function Modal() {
       })]
     })]
   });
-  var isFullscreen = contentStore.modal.fullscreen === true || contentStore.modal.fullscreen == 'mobile' && contentStore.containerDimensions.isMobile;
+  var isFullscreen = pureModal.fullscreen === true || pureModal.fullscreen == 'mobile' && contentStore.containerDimensions.isMobile;
   return /*#__PURE__*/jsx("div", {
     className: overlay,
     id: "diva-dialog",
@@ -225,13 +226,13 @@ function Modal() {
       fullScreen: isFullscreen,
       PaperProps: {
         style: {
-          width: contentStore.modal.width,
-          height: contentStore.modal.height
+          width: pureModal.width,
+          height: pureModal.height
         }
       },
       children: [/*#__PURE__*/jsx(DialogTitle, {
-        children: typeof contentStore.modal.title == 'string' ? t(contentStore.modal.title) : contentStore.modal.title
-      }), contentStore.modal.rejectByIcon && /*#__PURE__*/jsx(IconButton, {
+        children: typeof pureModal.title == 'string' ? t(pureModal.title) : pureModal.title
+      }), pureModal.rejectByIcon && /*#__PURE__*/jsx(IconButton, {
         onClick: onReject,
         style: {
           position: 'absolute',
@@ -241,7 +242,7 @@ function Modal() {
         },
         size: "large",
         children: /*#__PURE__*/jsx(CloseIcon, {})
-      }), contentStore.modal.dontRenderForm && children, !contentStore.modal.dontRenderForm && /*#__PURE__*/jsx("form", {
+      }), pureModal.dontRenderForm && children, !pureModal.dontRenderForm && /*#__PURE__*/jsx("form", {
         id: "diva-modal-form",
         autoComplete: "off",
         onSubmit: function onSubmit(e) {

package/build/esm/{index-539f9099.js → index-54e98e1b.js}

@@ -44,7 +44,7 @@ import { actions } from '@storybook/addon-actions';
 import * as Styles from '@mui/styles';
 
 (function() {
-    const env = {"STAGE":"production","VERSION":"25.1.0-beta.38"};
+    const env = {"STAGE":"production","VERSION":"25.1.0-beta.39"};
     try {
         if (process) {
             process.env = Object.assign({}, process.env);
@@ -9496,7 +9496,7 @@ var SideMenu$1 = observer(SideMenu);
 function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LazyModals$1 = /*#__PURE__*/React.lazy(function () {
-  return import('./ModalsWrapper-cf28ae9c.js');
+  return import('./ModalsWrapper-ae3b5a84.js');
 });
 function Fullscreen() {
   var _useDivaCoreContext = useDivaCoreContext(),
@@ -9944,10 +9944,10 @@ function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$2 = getLogger('Framework', 'Root');
 var LazyAuth = /*#__PURE__*/React.lazy(function () {
-  return import('./index-906407dd.js');
+  return import('./index-88a09227.js');
 });
 var LazyModals = /*#__PURE__*/React.lazy(function () {
-  return import('./ModalsWrapper-cf28ae9c.js');
+  return import('./ModalsWrapper-ae3b5a84.js');
 });
 function ContentComponent() {
   var context = useDivaCoreContext();

package/build/esm/{index-906407dd.js → index-88a09227.js}

@@ -1,4 +1,4 @@
-import { u as useDivaCoreContext, B as Button, s as socialButton, g as google, m as microsoft, a as getLogger, e as error, b as separator, I as Input, r as resetInput, l as link, c as success, d as auth, f as loginBox, h as logoContainer } from './index-539f9099.js';
+import { u as useDivaCoreContext, B as Button, s as socialButton, g as google, m as microsoft, a as getLogger, e as error, b as separator, I as Input, r as resetInput, l as link, c as success, d as auth, f as loginBox, h as logoContainer } from './index-54e98e1b.js';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';

package/build/esm/index.js

@@ -1,4 +1,4 @@
-export { k as AnalyticsHandler, A as AuthorizationHandler, o as ClientArticleHandler, C as Content, p as DivaMockProvider, H as HelpButton, O as ONE_DAY_UNIX, n as OrganizationHandler, P as ProductHandler, R as RequestStatus, S as SupportHandler, D as default, a as getLogger, q as storyBookCoreMock, j as useDivaCore } from './index-539f9099.js';
+export { k as AnalyticsHandler, A as AuthorizationHandler, o as ClientArticleHandler, C as Content, p as DivaMockProvider, H as HelpButton, O as ONE_DAY_UNIX, n as OrganizationHandler, P as ProductHandler, R as RequestStatus, S as SupportHandler, D as default, a as getLogger, q as storyBookCoreMock, j as useDivaCore } from './index-54e98e1b.js';
 export { DivaError, default as DivaUtils } from '@crystaldesign/diva-utils';
 export { Trans, useTranslation } from 'react-i18next';
 export * from '@crystaldesign/basket-model';

package/build/types/core/src/elements/Modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAetD,iBAAS,KAAK,sBAyKb;;;;AAED,wBAA+B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAgBtD,iBAAS,KAAK,sBA0Kb;;;;AAED,wBAA+B"}

package/build/umd/969.diva-core.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 969.diva-core.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaCore=self.webpackChunkCrystaldesignDivaCore||[]).push([[969],{8969:(e,n,t)=>{t.r(n),t.d(n,{default:()=>ModalsWrapper});var o=t(7363),a=t(9420),l=t(6308),i=t(1578),r=t(8204),d=t(9400),s=t(4415),c=t(1824),m=t(9763),u=t(3379),p=t.n(u),h=t(7795),v=t.n(h),f=t(569),x=t.n(f),g=t(3565),y=t.n(g),b=t(9216),j=t.n(b),k=t(4589),w=t.n(k),Z=t(5297),P={};P.styleTagTransform=w(),P.setAttributes=y(),P.insert=x().bind(null,"head"),P.domAPI=v(),P.insertStyleElement=j();p()(Z.Z,P);Z.Z&&Z.Z.locals&&Z.Z.locals;var C=t(789),E=t(4988),S=t(5054),I={};I.styleTagTransform=w(),I.setAttributes=y(),I.insert=x().bind(null,"head"),I.domAPI=v(),I.insertStyleElement=j();p()(S.ZP,I);S.ZP&&S.ZP.locals&&S.ZP.locals;var F=t(7514);const D=(0,a.Pi)((function Progress(e){var n=e.children,t=e.progress,a=(0,o.useState)(),l=(0,E.Z)(a,2),i=l[0],r=l[1];return(0,o.useEffect)((function(){r(t)}),[t]),(0,F.jsxs)("div",{className:S.YS,children:[!!n&&n,(0,F.jsx)("div",{className:S.l9,children:(0,F.jsx)("div",{className:S.YJ,style:{width:100*(null!=i?i:0)+"%"},children:(0,F.jsx)("div",{className:S.zn})})})]})}));var z=t(3697),A=t(1682);const M=(0,a.Pi)((function Modal(){var e,n=(0,l.KH)().contentStore,t=(0,C.$G)().t,a=function onAccept(e){var t,o=n.modal;n.closeModal(),null==o||null===(t=o.callback)||void 0===t||t.call(o,!o.content||e)},u=function onReject(){var e,t=n.modal;n.closeModal(),null==t||null===(e=t.callback)||void 0===e||e.call(t,!1)},p=(0,o.useCallback)((function(e){n.modal&&"Escape"===e.key&&u()}),[]);(0,o.useEffect)((function(){return document.addEventListener("keydown",p,!1),function(){document.removeEventListener("keydown",p,!1)}}),[]),(0,o.useEffect)((function(){return document.addEventListener("keydown",h,!1),function(){document.removeEventListener("keydown",h,!1)}}),[]);var h=(0,o.useCallback)((function(e){if(n.modal)if("Enter"!==e.key||n.modal.doNotAcceptOnEnter)"ESC"!==e.key&&"Escape"!=e.key||(u(),e.preventDefault());else{var t=document.getElementById("diva-modal-form");if(!t)return;a(new FormData(t)),e.preventDefault()}}),[]);if(!n.modal)return(0,F.jsx)(F.Fragment,{});var v="string"==typeof n.modal.text?t(n.modal.text):n.modal.text,f=(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(s.Z,{style:n.modal.maxWidth?{maxWidth:n.modal.maxWidth}:void 0,children:n.modal.iFrame?(0,F.jsx)(IFrame,{link:n.modal.iFrame}):"string"==typeof v&&null==n.modal.content?(0,F.jsx)(c.Z,{component:"div",dangerouslySetInnerHTML:{__html:function tryDecodeURIComponent(e){try{return decodeURIComponent(e)}catch(n){return e}}(v)}}):(0,F.jsxs)(c.Z,{component:"div",children:[v,n.modal.content&&n.modal.content]})}),(n.modal.reject||n.modal.accept)&&(0,F.jsxs)(d.Z,{children:[n.modal.reject&&(0,F.jsx)(i.Z,{color:"primary",onClick:u,children:"string"==typeof n.modal.reject?t(n.modal.reject):t("modal.reject")}),n.modal.accept&&(0,F.jsx)(i.Z,{color:"primary",type:"submit",id:"diva-dialog-submitbtn",children:"string"==typeof n.modal.accept?t(n.modal.accept):t("modal.accept")})]}),(0,F.jsxs)("div",{style:{margin:10},children:[n.modal.image&&(0,F.jsx)("img",{src:n.modal.image,style:{maxWidth:480}}),void 0!==n.modal.progress&&(0,F.jsx)(D,{progress:n.modal.progress}),null===(e=n.modal.actions)||void 0===e?void 0:e.map((function(e){var o;return(0,F.jsx)(i.Z,{fullWidth:!0,style:{marginBottom:10},variant:null!==(o=e.variant)&&void 0!==o?o:"contained",color:"primary",onClick:function onClick(){return function onSelect(e,t){var o,a=n.modal;0!=t&&n.closeModal(),null==a||null===(o=a.callback)||void 0===o||o.call(a,e)}(e.id,e.closeable)},children:t(e.text)})}))]})]}),x=!0===n.modal.fullscreen||"mobile"==n.modal.fullscreen&&n.containerDimensions.isMobile;return(0,F.jsx)("div",{className:Z.I,id:"diva-dialog",children:(0,F.jsxs)(r.Z,{open:!0,disablePortal:!0,hideBackdrop:!0,disableEnforceFocus:!0,style:{position:"absolute",zIndex:0},maxWidth:"lg",fullScreen:x,PaperProps:{style:{width:n.modal.width,height:n.modal.height}},children:[(0,F.jsx)(m.Z,{children:"string"==typeof n.modal.title?t(n.modal.title):n.modal.title}),n.modal.rejectByIcon&&(0,F.jsx)(z.Z,{onClick:u,style:{position:"absolute",right:8,top:8,zIndex:1000001},size:"large",children:(0,F.jsx)(A.Z,{})}),n.modal.dontRenderForm&&f,!n.modal.dontRenderForm&&(0,F.jsx)("form",{id:"diva-modal-form",autoComplete:"off",onSubmit:function onSubmit(e){e.preventDefault(),a(new FormData(e.target))},children:f})]})})}));function IFrame(e){var n=e.link;return(0,F.jsx)("iframe",{style:{border:0,width:"100%",height:"99%"},src:n})}function ModalsWrapper(){return(0,F.jsx)(M,{})}},5297:(e,n,t)=>{t.d(n,{I:()=>r,Z:()=>d});var o=t(8081),a=t.n(o),l=t(3645),i=t.n(l)()(a());i.push([e.id,".index-module--AtOcs {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: rgba(255, 255, 255, 0.6);\n  z-index: 1001;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n}\n",""]);var r="index-module--AtOcs";const d=i},5054:(e,n,t)=>{t.d(n,{YJ:()=>s,YS:()=>r,ZP:()=>m,l9:()=>d,zn:()=>c});var o=t(8081),a=t.n(o),l=t(3645),i=t.n(l)()(a());i.push([e.id,".index-module--Pww9z {\n  display: flex;\n  width: 100%;\n}\n\n.index-module--thPSh {\n  height: 10px;\n  position: relative;\n  border-radius: 5px;\n  width: 100%;\n}\n\n@keyframes index-module--_9_PO {\n  from {\n    background-position-x: 0;\n  }\n  to {\n    background-position-x: 113px;\n  }\n}\n\n.index-module--HhvXv {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  transition: width 0.4s ease-out;\n  overflow: hidden;\n  border-radius: 5px;\n}\n.index-module--f7imw {\n  border-radius: 5px;\n  height: 100%;\n  background-color: var(--diva-theme-palette-primary-main);\n  background-image: repeating-linear-gradient(\n    45deg,\n    transparent,\n    transparent 10px,\n    var(--diva-theme-palette-secondary-dark) 10px,\n    var(--diva-theme-palette-secondary-dark) 20px\n  );\n  animation: index-module--_9_PO 4s linear infinite;\n  will-change: background-position;\n}\n",""]);var r="index-module--Pww9z",d="index-module--thPSh",s="index-module--HhvXv",c="index-module--f7imw";const m=i}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaCore=self.webpackChunkCrystaldesignDivaCore||[]).push([[969],{8969:(e,n,t)=>{t.r(n),t.d(n,{default:()=>ModalsWrapper});var i=t(7363),o=t(9420),r=t(6308),a=t(1578),l=t(8204),d=t(9400),s=t(4415),c=t(1824),u=t(9763),m=t(3379),p=t.n(m),h=t(7795),v=t.n(h),f=t(569),x=t.n(f),g=t(3565),y=t.n(g),b=t(9216),j=t.n(b),k=t(4589),w=t.n(k),Z=t(5297),P={};P.styleTagTransform=w(),P.setAttributes=y(),P.insert=x().bind(null,"head"),P.domAPI=v(),P.insertStyleElement=j();p()(Z.Z,P);Z.Z&&Z.Z.locals&&Z.Z.locals;var C=t(789),E=t(4988),S=t(5054),I={};I.styleTagTransform=w(),I.setAttributes=y(),I.insert=x().bind(null,"head"),I.domAPI=v(),I.insertStyleElement=j();p()(S.ZP,I);S.ZP&&S.ZP.locals&&S.ZP.locals;var F=t(7514);const D=(0,o.Pi)((function Progress(e){var n=e.children,t=e.progress,o=(0,i.useState)(),r=(0,E.Z)(o,2),a=r[0],l=r[1];return(0,i.useEffect)((function(){l(t)}),[t]),(0,F.jsxs)("div",{className:S.YS,children:[!!n&&n,(0,F.jsx)("div",{className:S.l9,children:(0,F.jsx)("div",{className:S.YJ,style:{width:100*(null!=a?a:0)+"%"},children:(0,F.jsx)("div",{className:S.zn})})})]})}));var z=t(3697),A=t(1682),M=t(8623);const W=(0,o.Pi)((function Modal(){var e,n=(0,r.KH)().contentStore,t=(0,C.$G)().t,o=function onAccept(e){var t,i=n.modal;n.closeModal(),null==i||null===(t=i.callback)||void 0===t||t.call(i,!i.content||e)},m=function onReject(){var e,t=n.modal;n.closeModal(),null==t||null===(e=t.callback)||void 0===e||e.call(t,!1)},p=(0,i.useCallback)((function(e){n.modal&&"Escape"===e.key&&m()}),[]);(0,i.useEffect)((function(){return document.addEventListener("keydown",p,!1),function(){document.removeEventListener("keydown",p,!1)}}),[]),(0,i.useEffect)((function(){return document.addEventListener("keydown",h,!1),function(){document.removeEventListener("keydown",h,!1)}}),[]);var h=(0,i.useCallback)((function(e){if(n.modal)if("Enter"!==e.key||n.modal.doNotAcceptOnEnter)"ESC"!==e.key&&"Escape"!=e.key||(m(),e.preventDefault());else{var t=document.getElementById("diva-modal-form");if(!t)return;o(new FormData(t)),e.preventDefault()}}),[]);if(!n.modal)return(0,F.jsx)(F.Fragment,{});var v=(0,M.ZN)(n.modal),f="string"==typeof v.text?t(v.text):v.text,x=(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(s.Z,{style:v.maxWidth?{maxWidth:v.maxWidth}:void 0,children:v.iFrame?(0,F.jsx)(IFrame,{link:v.iFrame}):"string"==typeof f&&null==v.content?(0,F.jsx)(c.Z,{component:"div",dangerouslySetInnerHTML:{__html:function tryDecodeURIComponent(e){try{return decodeURIComponent(e)}catch(n){return e}}(f)}}):(0,F.jsxs)(c.Z,{component:"div",children:[f,v.content&&v.content]})}),(v.reject||v.accept)&&(0,F.jsxs)(d.Z,{children:[v.reject&&(0,F.jsx)(a.Z,{color:"primary",onClick:m,children:"string"==typeof v.reject?t(v.reject):t("modal.reject")}),v.accept&&(0,F.jsx)(a.Z,{color:"primary",type:"submit",id:"diva-dialog-submitbtn",children:"string"==typeof v.accept?t(v.accept):t("modal.accept")})]}),(0,F.jsxs)("div",{style:{margin:10},children:[v.image&&(0,F.jsx)("img",{src:v.image,style:{maxWidth:480}}),void 0!==v.progress&&(0,F.jsx)(D,{progress:v.progress}),null===(e=v.actions)||void 0===e?void 0:e.map((function(e){var i;return(0,F.jsx)(a.Z,{fullWidth:!0,style:{marginBottom:10},variant:null!==(i=e.variant)&&void 0!==i?i:"contained",color:"primary",onClick:function onClick(){return function onSelect(e,t){var i,o=n.modal;0!=t&&n.closeModal(),null==o||null===(i=o.callback)||void 0===i||i.call(o,e)}(e.id,e.closeable)},children:t(e.text)})}))]})]}),g=!0===v.fullscreen||"mobile"==v.fullscreen&&n.containerDimensions.isMobile;return(0,F.jsx)("div",{className:Z.I,id:"diva-dialog",children:(0,F.jsxs)(l.Z,{open:!0,disablePortal:!0,hideBackdrop:!0,disableEnforceFocus:!0,style:{position:"absolute",zIndex:0},maxWidth:"lg",fullScreen:g,PaperProps:{style:{width:v.width,height:v.height}},children:[(0,F.jsx)(u.Z,{children:"string"==typeof v.title?t(v.title):v.title}),v.rejectByIcon&&(0,F.jsx)(z.Z,{onClick:m,style:{position:"absolute",right:8,top:8,zIndex:1000001},size:"large",children:(0,F.jsx)(A.Z,{})}),v.dontRenderForm&&x,!v.dontRenderForm&&(0,F.jsx)("form",{id:"diva-modal-form",autoComplete:"off",onSubmit:function onSubmit(e){e.preventDefault(),o(new FormData(e.target))},children:x})]})})}));function IFrame(e){var n=e.link;return(0,F.jsx)("iframe",{style:{border:0,width:"100%",height:"99%"},src:n})}function ModalsWrapper(){return(0,F.jsx)(W,{})}},5297:(e,n,t)=>{t.d(n,{I:()=>l,Z:()=>d});var i=t(8081),o=t.n(i),r=t(3645),a=t.n(r)()(o());a.push([e.id,".index-module--AtOcs {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: rgba(255, 255, 255, 0.6);\n  z-index: 1001;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n}\n",""]);var l="index-module--AtOcs";const d=a},5054:(e,n,t)=>{t.d(n,{YJ:()=>s,YS:()=>l,ZP:()=>u,l9:()=>d,zn:()=>c});var i=t(8081),o=t.n(i),r=t(3645),a=t.n(r)()(o());a.push([e.id,".index-module--Pww9z {\n  display: flex;\n  width: 100%;\n}\n\n.index-module--thPSh {\n  height: 10px;\n  position: relative;\n  border-radius: 5px;\n  width: 100%;\n}\n\n@keyframes index-module--_9_PO {\n  from {\n    background-position-x: 0;\n  }\n  to {\n    background-position-x: 113px;\n  }\n}\n\n.index-module--HhvXv {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  transition: width 0.4s ease-out;\n  overflow: hidden;\n  border-radius: 5px;\n}\n.index-module--f7imw {\n  border-radius: 5px;\n  height: 100%;\n  background-color: var(--diva-theme-palette-primary-main);\n  background-image: repeating-linear-gradient(\n    45deg,\n    transparent,\n    transparent 10px,\n    var(--diva-theme-palette-secondary-dark) 10px,\n    var(--diva-theme-palette-secondary-dark) 20px\n  );\n  animation: index-module--_9_PO 4s linear infinite;\n  will-change: background-position;\n}\n",""]);var l="index-module--Pww9z",d="index-module--thPSh",s="index-module--HhvXv",c="index-module--f7imw";const u=a}}]);