@yoobic/yobi 8.2.2 → 8.3.0-2

package/dist/cjs/{localForage-f618f824.js → localForage-e52707b9.js}

@@ -1,7 +1,8 @@
 'use strict';
 
-const index = require('./index-f3d7c03d.js');
+require('./index-1fdbd9b3.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
+const overlays = require('./overlays-b6c94fc8.js');
 
 var localforage = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 /*!
@@ -2982,7 +2983,7 @@ function wireUpDriverMethods(driver) {
 wireUpDriverMethods(cordovaSQLiteDriver);
 
 async function getFromLocalForage(key) {
-  if (index.isNativeMobile()) {
+  if (overlays.isNativeMobile()) {
     await localforage.defineDriver(cordovaSQLiteDriver);
     localforage.config({ driver: cordovaSQLiteDriver._driver, name: '_ionicstorage', storeName: '_ionickv' });
   }
@@ -2994,8 +2995,8 @@ async function getFromLocalForage(key) {
   return item;
 }
 async function getFromOfflineStorage(url) {
-  if (url && index.isOffline()) {
-    const cachedFile = await getFromLocalForage(index.getKeyToCache(url));
+  if (url && overlays.isOffline()) {
+    const cachedFile = await getFromLocalForage(overlays.getKeyToCache(url));
     if (cachedFile) {
       url = cachedFile;
     }

package/dist/cjs/{map-helpers-1bbe0238.js → map-helpers-be6372f4.js}

@@ -1,6 +1,7 @@
 'use strict';
 
-const index = require('./index-f3d7c03d.js');
+const overlays = require('./overlays-b6c94fc8.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
 
 var __extends = (undefined && undefined.__extends) || (function () {
@@ -44,21 +45,21 @@ var LaunchNavigatorOriginal = /** @class */ (function (_super) {
         };
         return _this;
     }
-    LaunchNavigatorOriginal.prototype.navigate = function (destination, options) { return index.cordova(this, "navigate", { "successIndex": 2, "errorIndex": 3 }, arguments); };
-    LaunchNavigatorOriginal.prototype.isAppAvailable = function (app) { return index.cordova(this, "isAppAvailable", {}, arguments); };
-    LaunchNavigatorOriginal.prototype.availableApps = function () { return index.cordova(this, "availableApps", {}, arguments); };
-    LaunchNavigatorOriginal.prototype.getAppDisplayName = function (app) { return index.cordova(this, "getAppDisplayName", { "sync": true }, arguments); };
-    LaunchNavigatorOriginal.prototype.getAppsForPlatform = function (platform) { return index.cordova(this, "getAppsForPlatform", { "sync": true }, arguments); };
-    LaunchNavigatorOriginal.prototype.supportsTransportMode = function (app, platform) { return index.cordova(this, "supportsTransportMode", { "sync": true }, arguments); };
-    LaunchNavigatorOriginal.prototype.getTransportModes = function (app, platform) { return index.cordova(this, "getTransportModes", { "sync": true }, arguments); };
-    LaunchNavigatorOriginal.prototype.supportsDestName = function (app, platform) { return index.cordova(this, "supportsDestName", { "sync": true }, arguments); };
-    LaunchNavigatorOriginal.prototype.supportsStart = function (app, platform) { return index.cordova(this, "supportsStart", { "sync": true }, arguments); };
-    LaunchNavigatorOriginal.prototype.supportsStartName = function (app, platform) { return index.cordova(this, "supportsStartName", { "sync": true }, arguments); };
-    LaunchNavigatorOriginal.prototype.supportsLaunchMode = function (app, platform) { return index.cordova(this, "supportsLaunchMode", { "sync": true }, arguments); };
-    LaunchNavigatorOriginal.prototype.userSelect = function (destination, options) { return index.cordova(this, "userSelect", { "sync": true }, arguments); };
+    LaunchNavigatorOriginal.prototype.navigate = function (destination, options) { return overlays.cordova(this, "navigate", { "successIndex": 2, "errorIndex": 3 }, arguments); };
+    LaunchNavigatorOriginal.prototype.isAppAvailable = function (app) { return overlays.cordova(this, "isAppAvailable", {}, arguments); };
+    LaunchNavigatorOriginal.prototype.availableApps = function () { return overlays.cordova(this, "availableApps", {}, arguments); };
+    LaunchNavigatorOriginal.prototype.getAppDisplayName = function (app) { return overlays.cordova(this, "getAppDisplayName", { "sync": true }, arguments); };
+    LaunchNavigatorOriginal.prototype.getAppsForPlatform = function (platform) { return overlays.cordova(this, "getAppsForPlatform", { "sync": true }, arguments); };
+    LaunchNavigatorOriginal.prototype.supportsTransportMode = function (app, platform) { return overlays.cordova(this, "supportsTransportMode", { "sync": true }, arguments); };
+    LaunchNavigatorOriginal.prototype.getTransportModes = function (app, platform) { return overlays.cordova(this, "getTransportModes", { "sync": true }, arguments); };
+    LaunchNavigatorOriginal.prototype.supportsDestName = function (app, platform) { return overlays.cordova(this, "supportsDestName", { "sync": true }, arguments); };
+    LaunchNavigatorOriginal.prototype.supportsStart = function (app, platform) { return overlays.cordova(this, "supportsStart", { "sync": true }, arguments); };
+    LaunchNavigatorOriginal.prototype.supportsStartName = function (app, platform) { return overlays.cordova(this, "supportsStartName", { "sync": true }, arguments); };
+    LaunchNavigatorOriginal.prototype.supportsLaunchMode = function (app, platform) { return overlays.cordova(this, "supportsLaunchMode", { "sync": true }, arguments); };
+    LaunchNavigatorOriginal.prototype.userSelect = function (destination, options) { return overlays.cordova(this, "userSelect", { "sync": true }, arguments); };
     Object.defineProperty(LaunchNavigatorOriginal.prototype, "appSelection", {
-        get: function () { return index.cordovaPropertyGet(this, "appSelection"); },
-        set: function (value) { index.cordovaPropertySet(this, "appSelection", value); },
+        get: function () { return overlays.cordovaPropertyGet(this, "appSelection"); },
+        set: function (value) { overlays.cordovaPropertySet(this, "appSelection", value); },
         enumerable: false,
         configurable: true
     });
@@ -68,7 +69,7 @@ var LaunchNavigatorOriginal = /** @class */ (function (_super) {
     LaunchNavigatorOriginal.repo = "https://github.com/dpa99c/phonegap-launch-navigator";
     LaunchNavigatorOriginal.platforms = ["Android", "iOS", "Windows", "Windows Phone 8"];
     return LaunchNavigatorOriginal;
-}(index.IonicNativePlugin));
+}(overlays.IonicNativePlugin));
 var LaunchNavigator = new LaunchNavigatorOriginal();
 
 function mapMarkerCountToFilterGroup(markerCounts) {
@@ -126,54 +127,54 @@ async function showDirectionsActionSheet(latitude, longitude, title, address, ho
   let isAppleMaps = false;
   let isCityMapper = false;
   let resolveFn;
-  if (index.isNativeMobile()) {
+  if (overlays.isNativeMobile()) {
     isGoogleMaps = await LaunchNavigator.isAppAvailable(LaunchNavigator.APP.GOOGLE_MAPS);
     isAppleMaps = await LaunchNavigator.isAppAvailable(LaunchNavigator.APP.APPLE_MAPS);
     isCityMapper = await LaunchNavigator.isAppAvailable(LaunchNavigator.APP.CITYMAPPER);
   }
   const actions = [
     {
-      text: index.translate('USEAPPLEMAPS'),
-      isVisible: () => index.isNativeMobile() && index.isIOS() && isAppleMaps,
+      text: overlays.translate('USEAPPLEMAPS'),
+      isVisible: () => overlays.isNativeMobile() && overlays.isIOS() && isAppleMaps,
       handler: () => {
         navigateAppleMaps(latitude, longitude);
         resolveFn('applemaps');
       }
     },
     {
-      text: index.translate('USEGOOGLEMAPS'),
-      isVisible: () => !index.isNativeMobile() || isGoogleMaps,
+      text: overlays.translate('USEGOOGLEMAPS'),
+      isVisible: () => !overlays.isNativeMobile() || isGoogleMaps,
       handler: () => {
         navigateGoogleMaps(latitude, longitude);
         resolveFn('googlemaps');
       }
     },
     {
-      text: index.translate('USECITYMAPPER'),
-      isVisible: () => !index.isNativeMobile() || isCityMapper,
+      text: overlays.translate('USECITYMAPPER'),
+      isVisible: () => !overlays.isNativeMobile() || isCityMapper,
       handler: () => {
         navigateCityMapper(latitude, longitude, title, address);
         resolveFn('citymapper');
       }
     },
     {
-      text: index.translate('COPYADDRESS'),
+      text: overlays.translate('COPYADDRESS'),
       handler: () => {
-        index.copyToClipboard(address);
+        overlays.copyToClipboard(address);
         resolveFn('copyaddress');
       }
     }
   ];
-  index.showActionSheet(actions, null, null, host, event);
+  overlays.showActionSheet(actions, null, null, host, event);
   return new Promise((res) => (resolveFn = res));
 }
 function navigateAppleMaps(latitude, longitude) {
-  if (index.isNativeMobile() && index.isIOS()) {
+  if (overlays.isNativeMobile() && overlays.isIOS()) {
     deviceNavigate(LaunchNavigator.APP.APPLE_MAPS, latitude, longitude);
   }
 }
 function navigateCityMapper(latitude, longitude, title, address) {
-  if (index.isNativeMobile()) {
+  if (overlays.isNativeMobile()) {
     deviceNavigate(LaunchNavigator.APP.CITYMAPPER, latitude, longitude);
   }
   else {
@@ -185,7 +186,7 @@ function navigateCityMapper(latitude, longitude, title, address) {
   }
 }
 function navigateGoogleMaps(latitude, longitude) {
-  if (index.isNativeMobile()) {
+  if (overlays.isNativeMobile()) {
     deviceNavigate(LaunchNavigator.APP.GOOGLE_MAPS, latitude, longitude);
   }
   else {

package/dist/cjs/mission-locked-banner-384c8354.js

@@ -0,0 +1,19 @@
+'use strict';
+
+require('./index-1fdbd9b3.js');
+const index = require('./index-e182c32d.js');
+const overlays = require('./overlays-b6c94fc8.js');
+
+const MissionLockedBanner = ({ mission }) => {
+  if (mission) {
+    const isActionPlan = mission.type === 'todo';
+    const isMissionLocked = !isActionPlan && !overlays.isMissionBookable(mission) && !overlays.canParticipateTo(mission);
+    const isActionPlanLocked = isActionPlan && !overlays.canPerformActionPlan(mission) && !overlays.canParticipateTo(mission);
+    if ((!mission.status || mission.status === 'booked') && (isMissionLocked || isActionPlanLocked)) {
+      return (index.h("yoo-banner", { leftIcon: { name: 'lock', color: 'warning' } },
+        index.h("p", { slot: "content" }, overlays.translate('MISSIONLOCKEDBANNER'))));
+    }
+  }
+};
+
+exports.MissionLockedBanner = MissionLockedBanner;

package/dist/cjs/{missions-helpers-a2279e7c.js → missions-helpers-210de6b1.js}

@@ -1,7 +1,8 @@
 'use strict';
 
-const index = require('./index-f3d7c03d.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
+const overlays = require('./overlays-b6c94fc8.js');
 
 //#region ENTITIES
 function isMissionRequest(mission) {
@@ -59,7 +60,7 @@ function getMissionDate(mission, isOngoing) {
   if (isMissionDone(mission) && mission.finishedDate) {
     return mission.finishedDate;
   }
-  return index.getMissionPublicationDate(mission);
+  return overlays.getMissionPublicationDate(mission);
 }
 function getMissionProgress(mission, forceProgressDisplay) {
   var _a, _b;
@@ -77,12 +78,12 @@ function getMissionIcons(mission, options, authentication, session) {
   const priority = getMissionPriority(mission);
   const PRIORITY_COLORS = ['danger', 'energized', 'success', 'accent'];
   const result = [];
-  if (index.isPresent(priority)) {
+  if (overlays.isPresent(priority)) {
     result.push({ icon: 'flag', color: PRIORITY_COLORS[priority - 1] });
   }
   const isActionPlan = isMissionActionPlan(mission);
-  const isMissionLocked = !isActionPlan && !index.isMissionBookable(mission, authentication, session) && !index.canParticipateTo(mission, session);
-  const isActionPlanLocked = isActionPlan && !index.canPerformActionPlan(mission, session) && !index.canParticipateTo(mission, session);
+  const isMissionLocked = !isActionPlan && !overlays.isMissionBookable(mission, authentication, session) && !overlays.canParticipateTo(mission, session);
+  const isActionPlanLocked = isActionPlan && !overlays.canPerformActionPlan(mission, session) && !overlays.canParticipateTo(mission, session);
   if (!(options === null || options === void 0 ? void 0 : options.skipLock) && (!mission.status || mission.status === 'booked') && (isMissionLocked || isActionPlanLocked)) {
     result.push({ icon: 'lock', color: 'text-color' });
   }
@@ -92,52 +93,52 @@ function getMissionCategoryTag(mission) {
   var _a;
   if (mission === null || mission === void 0 ? void 0 : mission.category) {
     const title = mission.category.title ? mission.category.title : mission.category;
-    return { _id: 'category', title, customColor: index.getCssColor(((_a = mission === null || mission === void 0 ? void 0 : mission.category) === null || _a === void 0 ? void 0 : _a.color) || 'text-color') };
+    return { _id: 'category', title, customColor: overlays.getCssColor(((_a = mission === null || mission === void 0 ? void 0 : mission.category) === null || _a === void 0 ? void 0 : _a.color) || 'text-color') };
   }
   return null;
 }
 function getMissionRepublishedTag(mission, session) {
   if (!isMissionSubmitted(mission, session) && isMissionRepublished(mission)) {
-    return { _id: 'republished', title: index.translate('REPUBLISHED'), customColor: index.getCssColor('app-color') };
+    return { _id: 'republished', title: overlays.translate('REPUBLISHED'), customColor: overlays.getCssColor('app-color') };
   }
   return null;
 }
-function getMissionTags(mission, session = index.getSession()) {
+function getMissionTags(mission, session = overlays.getSession()) {
   var _a, _b, _c, _d, _e, _f;
   const tags = [];
   if (isMissionDone(mission)) {
     // category
     tags.push(getMissionCategoryTag(mission));
     // state
-    let title = index.translate('PENDINGVALIDATION');
+    let title = overlays.translate('PENDINGVALIDATION');
     let color = 'warning';
     if (isMissionWithoutValidation(mission)) {
-      title = index.translate('FINISHED');
+      title = overlays.translate('FINISHED');
       color = 'accent';
     }
     else if (mission.validated === false) {
-      title = index.translate('REJECTED');
+      title = overlays.translate('REJECTED');
       color = 'danger';
     }
     else if (mission.validated === true) {
-      title = index.translate('VALIDATED');
+      title = overlays.translate('VALIDATED');
       color = 'success';
     }
-    tags.push({ _id: 'validation', title, customColor: index.getCssColor(color) });
+    tags.push({ _id: 'validation', title, customColor: overlays.getCssColor(color) });
     tags.push(getMissionRepublishedTag(mission, session));
     // scoring
     if (!(session === null || session === void 0 ? void 0 : session.isExternal)) {
-      const defaultUnit = ` ${index.translate('POINTSABBRV')}`;
+      const defaultUnit = ` ${overlays.translate('POINTSABBRV')}`;
       if (mission.score && lodash.isNumber(mission.score.value)) {
         title = Math.round(mission.score.value).toLocaleString() + (mission.score.isPercentage ? '%' : defaultUnit);
-        tags.push({ _id: 'score', title, icon: 'award-trophy-star', customColor: index.getCssColor('text-color') });
+        tags.push({ _id: 'score', title, icon: 'award-trophy-star', customColor: overlays.getCssColor('text-color') });
       }
       if (mission.extraScores) {
         (_b = (_a = mission.description) === null || _a === void 0 ? void 0 : _a.scoring) === null || _b === void 0 ? void 0 : _b.filter((s) => s.isActive !== true && s.showInCard).forEach((s) => {
           const extraScore = mission.extraScores[s.title];
           if (extraScore && lodash.isNumber(extraScore.value)) {
             title = extraScore.title + ' = ' + Math.round(extraScore.value).toLocaleString() + (extraScore.isPercentage ? '%' : defaultUnit);
-            tags.push({ _id: 'extraScores', title, icon: 'award-trophy-star', customColor: index.getCssColor('text-color') });
+            tags.push({ _id: 'extraScores', title, icon: 'award-trophy-star', customColor: overlays.getCssColor('text-color') });
           }
         });
       }
@@ -146,29 +147,29 @@ function getMissionTags(mission, session = index.getSession()) {
   else {
     const duedate = getMissionDueDate(mission);
     if (duedate) {
-      let dueDateText = index.isToday(duedate) ? index.translate('YOOBICTODAY').toLowerCase() : index.fromToday(duedate);
-      dueDateText = [index.translate('YOOBICYESTERDAY'), index.translate('YOOBICTOMORROW')].includes(dueDateText) ? dueDateText.toLowerCase() : dueDateText;
-      const title = index.translate('YOOBICDUEBY', { date: dueDateText, time: index.dateFormat(duedate, 'LT') });
-      const color = index.isDateAfter(duedate, new Date(), 'day') ? 'text-color' : 'danger';
-      tags.push({ _id: 'dueDate', title, customColor: index.getCssColor(color), icon: 'calendar' });
+      let dueDateText = overlays.isToday(duedate) ? overlays.translate('YOOBICTODAY').toLowerCase() : overlays.fromToday(duedate);
+      dueDateText = [overlays.translate('YOOBICYESTERDAY'), overlays.translate('YOOBICTOMORROW')].includes(dueDateText) ? dueDateText.toLowerCase() : dueDateText;
+      const title = overlays.translate('YOOBICDUEBY', { date: dueDateText, time: overlays.dateFormat(duedate, 'LT') });
+      const color = overlays.isDateAfter(duedate, new Date(), 'day') ? 'text-color' : 'danger';
+      tags.push({ _id: 'dueDate', title, customColor: overlays.getCssColor(color), icon: 'calendar' });
     }
     tags.push(getMissionCategoryTag(mission));
     tags.push(getMissionRepublishedTag(mission, session));
     if (isMissionOngoing(mission)) {
-      tags.push({ _id: 'booked', title: index.translate('MISSIONSSTARTED'), customColor: index.getCssColor('info') });
+      tags.push({ _id: 'booked', title: overlays.translate('MISSIONSSTARTED'), customColor: overlays.getCssColor('info') });
     }
     if (mission.hasWorkflow && ((_c = mission.workflowState) === null || _c === void 0 ? void 0 : _c.stepId)) {
       const currentStep = (_f = (_e = (_d = mission.description) === null || _d === void 0 ? void 0 : _d.workflow) === null || _e === void 0 ? void 0 : _e.steps) === null || _f === void 0 ? void 0 : _f.find((s) => s._id === mission.workflowState.stepId);
       if (currentStep) {
-        const title = currentStep._id === 'start' ? index.translate('SENTBACK') : index.translateMulti(currentStep.title);
-        tags.push({ _id: 'step', title, customColor: index.getCssColor(currentStep.color || 'warning') });
+        const title = currentStep._id === 'start' ? overlays.translate('SENTBACK') : overlays.translateMulti(currentStep.title);
+        tags.push({ _id: 'step', title, customColor: overlays.getCssColor(currentStep.color || 'warning') });
       }
     }
     if (isMissionDraft(mission)) {
-      tags.push({ _id: 'draft', title: index.translate('DRAFT'), customColor: index.getCssColor('dark') });
+      tags.push({ _id: 'draft', title: overlays.translate('DRAFT'), customColor: overlays.getCssColor('dark') });
     }
     if (isMissionPendingOffline(mission, session)) {
-      tags.push({ _id: 'pendingoffline', title: index.translate('PENDINGOFFLINE'), customColor: index.getCssColor('energized') });
+      tags.push({ _id: 'pendingoffline', title: overlays.translate('PENDINGOFFLINE'), customColor: overlays.getCssColor('energized') });
     }
   }
   return lodash.compact(tags);
@@ -189,13 +190,13 @@ function getMissionIdentities(mission, skipLocation, session) {
     identities.push({ title: address, icon: 'pin', iconColor: 'text-color' });
   }
   if ((isMissionRequest(mission) || isMissionActionPlan(mission)) && !isMissionDone(mission) && mission.creator) {
-    identities.push({ title: `${index.translate('YOOBICFROMAPERSON')} ${mission.creator.firstName} ${mission.creator.lastName}`, imageData: mission.creator.imageData, icon: 'user' });
+    identities.push({ title: `${overlays.translate('YOOBICFROMAPERSON')} ${mission.creator.firstName} ${mission.creator.lastName}`, imageData: mission.creator.imageData, icon: 'user' });
   }
   return identities;
 }
 function getMissionPerformTimeText(mission) {
   if ((mission === null || mission === void 0 ? void 0 : mission.duration) && !isMissionDone(mission)) {
-    return index.translate('MISSIONPERFORMTIME', { count: mission.duration });
+    return overlays.translate('MISSIONPERFORMTIME', { count: mission.duration });
   }
   return null;
 }
@@ -224,12 +225,12 @@ function getMissionAddress(mission, session, force) {
   }
   return address;
 }
-function mapMissionToCardInboxEntry(mission, options, authentication = index.getAuthentication(), session = index.getSession()) {
+function mapMissionToCardInboxEntry(mission, options, authentication = overlays.getAuthentication(), session = overlays.getSession()) {
   let entry = null;
   if (mission) {
     const progress = getMissionProgress(mission, options === null || options === void 0 ? void 0 : options.forceProgressDisplay);
     entry = {
-      title: index.translateMulti(mission === null || mission === void 0 ? void 0 : mission.title),
+      title: overlays.translateMulti(mission === null || mission === void 0 ? void 0 : mission.title),
       users: getMissionAssignees(mission),
       date: getMissionDate(mission, options === null || options === void 0 ? void 0 : options.isOngoing),
       hideDatePrecision: true,
@@ -248,25 +249,25 @@ function mapMissionToCardInboxEntry(mission, options, authentication = index.get
 function assignTag(mission) {
   if (mission.status === 'finished' && isMissionWithoutValidation(mission)) {
     return {
-      innerHTML: index.translate('FINISHED'),
-      customColor: index.getCssColor('accent')
+      innerHTML: overlays.translate('FINISHED'),
+      customColor: overlays.getCssColor('accent')
     };
   }
   if ((mission === null || mission === void 0 ? void 0 : mission.validated) === true) {
     return {
-      innerHTML: index.translate(mission.type === 'visit' ? 'APPROVED' : 'VALIDATED'),
-      customColor: index.getCssColor('success')
+      innerHTML: overlays.translate(mission.type === 'visit' ? 'APPROVED' : 'VALIDATED'),
+      customColor: overlays.getCssColor('success')
     };
   }
   if ((mission === null || mission === void 0 ? void 0 : mission.validated) === false) {
     return {
-      innerHTML: index.translate(mission.type === 'visit' ? 'DECLINED' : 'REJECTED'),
-      customColor: index.getCssColor('danger')
+      innerHTML: overlays.translate(mission.type === 'visit' ? 'DECLINED' : 'REJECTED'),
+      customColor: overlays.getCssColor('danger')
     };
   }
   return {
-    innerHTML: index.translate(mission.type === 'visit' ? 'SCHEDULED' : 'PENDINGVALIDATION'),
-    customColor: index.getCssColor('warning'),
+    innerHTML: overlays.translate(mission.type === 'visit' ? 'SCHEDULED' : 'PENDINGVALIDATION'),
+    customColor: overlays.getCssColor('warning'),
     progressClass: 'warning'
   };
 }
@@ -280,8 +281,8 @@ function getWorkflowStepBadge(mission) {
     const currentStep = mission.description.workflow.steps.find((s) => s._id === mission.workflowState.stepId);
     if (currentStep) {
       badge = {
-        innerHTML: currentStep._id === 'start' ? index.translate('SENTBACK') : index.translateMulti(currentStep.title),
-        customColor: index.getCssColor(currentStep.color || 'warning')
+        innerHTML: currentStep._id === 'start' ? overlays.translate('SENTBACK') : overlays.translateMulti(currentStep.title),
+        customColor: overlays.getCssColor(currentStep.color || 'warning')
       };
     }
   }
@@ -289,20 +290,20 @@ function getWorkflowStepBadge(mission) {
     const history = mission.workflowHistory[mission.workflowHistory.length - 1];
     if ((history === null || history === void 0 ? void 0 : history.state) === 'rejected') {
       badge = {
-        innerHTML: index.translate('REJECTED'),
-        customColor: index.getCssColor('danger')
+        innerHTML: overlays.translate('REJECTED'),
+        customColor: overlays.getCssColor('danger')
       };
     }
     else {
       badge = {
-        innerHTML: index.translate('FINISHED'),
+        innerHTML: overlays.translate('FINISHED'),
         color: 'app-color-10'
       };
     }
   }
   else if (mission.status === 'finished') {
     badge = {
-      innerHTML: index.translate('FINISHED'),
+      innerHTML: overlays.translate('FINISHED'),
       color: 'app-color-10'
     };
   }
@@ -310,15 +311,15 @@ function getWorkflowStepBadge(mission) {
     const currentStep = mission.description.workflow.steps[0];
     if (currentStep) {
       badge = {
-        innerHTML: currentStep._id === 'start' ? index.translate('SENTBACK') : index.translateMulti(currentStep.title),
-        customColor: index.getCssColor(currentStep.color || 'warning')
+        innerHTML: currentStep._id === 'start' ? overlays.translate('SENTBACK') : overlays.translateMulti(currentStep.title),
+        customColor: overlays.getCssColor(currentStep.color || 'warning')
       };
     }
   }
   else {
     badge = {
-      innerHTML: index.translate('YOOBICNEW'),
-      customColor: index.getCssColor('accent'),
+      innerHTML: overlays.translate('YOOBICNEW'),
+      customColor: overlays.getCssColor('accent'),
       progressClass: 'app-color-10'
     };
   }
@@ -328,7 +329,7 @@ function getMissionStateTags(mission, session, includeUniqueKey, includeVIPText)
   var _a, _b;
   const tags = [];
   const pendingOfflineTag = {
-    innerHTML: index.translate('PENDINGOFFLINE'),
+    innerHTML: overlays.translate('PENDINGOFFLINE'),
     color: 'energized-10'
   };
   if (!mission || mission.type === 'kanban') {
@@ -337,22 +338,22 @@ function getMissionStateTags(mission, session, includeUniqueKey, includeVIPText)
   if (mission.status === 'finished' && mission.finishedDate) {
     tags.push({
       color: 'text-color-10',
-      innerHTML: index.pipes.dateFormat.transform(mission.finishedDate, 'L LT')
+      innerHTML: overlays.pipes.dateFormat.transform(mission.finishedDate, 'L LT')
     });
   }
   else if (mission.status !== 'finished' && mission.status !== 'archived') {
     tags.push({
       color: 'text-color-10',
-      innerHTML: index.pipes.dateFormat.transform(mission.validFrom || mission._ect, 'L LT')
+      innerHTML: overlays.pipes.dateFormat.transform(mission.validFrom || mission._ect, 'L LT')
     });
     const duedate = getMissionDueDate(mission);
     if (duedate) {
-      let dueDateText = index.isToday(duedate) ? index.translate('YOOBICTODAY').toLowerCase() : index.fromToday(duedate);
-      dueDateText = [index.translate('YOOBICYESTERDAY'), index.translate('YOOBICTOMORROW')].includes(dueDateText) ? dueDateText.toLowerCase() : dueDateText;
-      const text = index.translate('YOOBICDUEBY', { date: dueDateText, time: index.dateFormat(duedate, 'LT') });
-      const color = index.isDateAfter(duedate, new Date(), 'day') ? 'text-color' : 'danger';
+      let dueDateText = overlays.isToday(duedate) ? overlays.translate('YOOBICTODAY').toLowerCase() : overlays.fromToday(duedate);
+      dueDateText = [overlays.translate('YOOBICYESTERDAY'), overlays.translate('YOOBICTOMORROW')].includes(dueDateText) ? dueDateText.toLowerCase() : dueDateText;
+      const text = overlays.translate('YOOBICDUEBY', { date: dueDateText, time: overlays.dateFormat(duedate, 'LT') });
+      const color = overlays.isDateAfter(duedate, new Date(), 'day') ? 'text-color' : 'danger';
       tags.push({
-        customColor: index.getCssColor(color),
+        customColor: overlays.getCssColor(color),
         innerHTML: `<yoo-icon class="custom" size="small" name="calendar" slot="start"></yoo-icon>${text}`
       });
     }
@@ -363,14 +364,14 @@ function getMissionStateTags(mission, session, includeUniqueKey, includeVIPText)
   }
   else if (mission.status === 'archived') {
     tag = {
-      innerHTML: index.translate('PAUSEDMISSION'),
+      innerHTML: overlays.translate('PAUSEDMISSION'),
       color: 'dark',
       progressClass: 'dark'
     };
   }
   else if (mission.status === 'scheduled') {
     tag = {
-      innerHTML: index.translate('SCHEDULED'),
+      innerHTML: overlays.translate('SCHEDULED'),
       color: 'warning',
       progressClass: 'warning'
     };
@@ -381,15 +382,15 @@ function getMissionStateTags(mission, session, includeUniqueKey, includeVIPText)
   else if (mission.status === 'booked') {
     if (mission.needsRebooking) {
       tag = {
-        innerHTML: index.translate('YOOBICREVIEW'),
+        innerHTML: overlays.translate('YOOBICREVIEW'),
         color: 'app-color',
         progressClass: 'app-color'
       };
     }
     else {
       tag = {
-        innerHTML: index.translate('MISSIONSSTARTED'),
-        customColor: index.getCssColor('info'),
+        innerHTML: overlays.translate('MISSIONSSTARTED'),
+        customColor: overlays.getCssColor('info'),
         progressClass: 'info'
       };
     }
@@ -399,8 +400,8 @@ function getMissionStateTags(mission, session, includeUniqueKey, includeVIPText)
   }
   else if (mission.status === 'draft') {
     tag = {
-      innerHTML: index.translate('DRAFT'),
-      customColor: index.getCssColor('dark')
+      innerHTML: overlays.translate('DRAFT'),
+      customColor: overlays.getCssColor('dark')
     };
   }
   else if (mission.type === 'service' && mission.creatorRef === session.userId && !mission.hasWorkflow && ((_a = mission._id) === null || _a === void 0 ? void 0 : _a.startsWith('offline_'))) {
@@ -408,8 +409,8 @@ function getMissionStateTags(mission, session, includeUniqueKey, includeVIPText)
   }
   else if (isMissionOngoing(mission)) {
     tag = {
-      innerHTML: index.translate('MISSIONSSTARTED'),
-      customColor: index.getCssColor('info'),
+      innerHTML: overlays.translate('MISSIONSSTARTED'),
+      customColor: overlays.getCssColor('info'),
       progressClass: 'info'
     };
   }
@@ -425,14 +426,14 @@ function getMissionStateTags(mission, session, includeUniqueKey, includeVIPText)
   }
   if (mission.republishCount > 0 && !mission.autoRenew && !mission.autoRenewOnBooking) {
     tags.push({
-      innerHTML: index.translate('REPUBLISHED'),
-      customColor: index.getCssColor('app-color')
+      innerHTML: overlays.translate('REPUBLISHED'),
+      customColor: overlays.getCssColor('app-color')
     });
   }
   if (mission.vip) {
     if (includeVIPText) {
       tags.unshift({
-        innerHTML: '<yoo-icon slot="start" size="small" name="star"></yoo-icon>' + index.translate('YOOBICVIP'),
+        innerHTML: '<yoo-icon slot="start" size="small" name="star"></yoo-icon>' + overlays.translate('YOOBICVIP'),
         color: 'energized-10'
       });
     }
@@ -445,7 +446,7 @@ function getMissionStateTags(mission, session, includeUniqueKey, includeVIPText)
   }
   if ((_b = mission === null || mission === void 0 ? void 0 : mission.category) === null || _b === void 0 ? void 0 : _b.title) {
     tags.unshift({
-      innerHTML: index.translate(mission.category.title),
+      innerHTML: overlays.translate(mission.category.title),
       customColor: mission.category.color
     });
   }

package/dist/cjs/modal-animations-879d373b.js

@@ -0,0 +1,48 @@
+'use strict';
+
+require('./index-1fdbd9b3.js');
+const overlays = require('./overlays-b6c94fc8.js');
+
+const DEFAULT_ANIMATIONS = {
+  ENTER: 'slideXEnterAnimation',
+  LEAVE: 'slideXLeaveAnimation'
+};
+function modalAnimationFactory(animationName, dialogElement, animationConfig = {}) {
+  if (dialogElement) {
+    const modalYPosition = ((animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.modalPosition) || 0) * ((animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.customHeight) || window.innerHeight);
+    switch (animationName) {
+      case 'slideXEnterAnimation':
+        return overlays.slideAnimation(dialogElement, 'X', -dialogElement.clientWidth, 0, 'Enter', (animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.duration) || 0.5);
+      case 'slideXLeaveAnimation':
+        return overlays.slideAnimation(dialogElement, 'X', 0, -dialogElement.clientWidth, 'Leave', (animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.duration) || 0.5);
+      case 'slideXEnterReverseAnimation':
+        return overlays.slideAnimation(dialogElement, 'X', window.innerWidth, 0, 'Enter', (animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.duration) || 0.5);
+      case 'slideXLeaveReverseAnimation':
+        return overlays.slideAnimation(dialogElement, 'X', 0, window.innerWidth, 'Leave', (animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.duration) || 0.5);
+      case 'slideYEnterAnimation':
+        return overlays.slideAnimation(dialogElement, 'Y', (animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.customHeight) || window.innerHeight, modalYPosition, 'Enter', (animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.duration) || 0.5);
+      case 'slideYLeaveAnimation':
+        return overlays.slideAnimation(dialogElement, 'Y', modalYPosition, (animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.customHeight) || window.innerHeight, 'Leave', (animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.duration) || 0.5);
+      case 'fadeEnterAnimation':
+        return overlays.fadeScaleAnimation(dialogElement, 'Enter', animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.scaleEffect, (animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.duration) || 0.5);
+      case 'fadeLeaveAnimation':
+        return overlays.fadeScaleAnimation(dialogElement, 'Leave', animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.scaleEffect, (animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.duration) || 0.35);
+      case 'scaleEnterAnimation':
+        return overlays.scaleAnimation(dialogElement, 'Enter', animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.duration);
+      case 'scaleLeaveAnimation':
+        return overlays.scaleAnimation(dialogElement, 'Leave', animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.duration);
+      case 'slideXEnterExpandAnimation':
+        return overlays.slideExpandAnimation(dialogElement, 'X', 'Enter', (animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.duration) || 0.35);
+      case 'slideXLeaveExpandAnimation':
+        return overlays.slideExpandAnimation(dialogElement, 'X', 'Leave', (animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.duration) || 0.35);
+      case 'slideYEnterExpandAnimation':
+        return overlays.slideExpandAnimation(dialogElement, 'Y', 'Enter', (animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.duration) || 0.25);
+      case 'slideYLeaveExpandAnimation':
+        return overlays.slideExpandAnimation(dialogElement, 'Y', 'Leave', (animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.duration) || 0.5);
+      default:
+        return Promise.resolve();
+    }
+  }
+}
+
+exports.modalAnimationFactory = modalAnimationFactory;