@ikas/loyalty-widget-renderer 1.0.0-alpha.32 → 1.0.0-alpha.34

package/build/models/index.d.ts

@@ -11,6 +11,7 @@ export declare class LoyaltyWidgetViewModel {
     isLoading: boolean;
     loyaltyWidget: LoyaltyWidget;
     cartId?: string | null;
+    userId?: string | null;
     cdnURL: string;
     merchantId: string;
     storeUrl: string;

package/build/models/index.js

@@ -1 +1 @@
-import{makeObservable as t,observable as i}from"mobx";import{LoyaltyWidget as e}from"./loyalty-widget/index.js";import{WidgetMode as s,LoyaltyWidgetScreenTypeEnum as o}from"./types/index.js";import{LoyaltyProgramSpendingMethod as r}from"./loyalty-program-spending-method/index.js";import{LoyaltyProgramEarningMethod as n}from"./loyalty-program-earning-method/index.js";import{LoyaltyCustomerInfo as d}from"./loyalty-customer-info/index.js";var c=function(){function c(c,a,l,h,p,g,M,y){void 0===c&&(c={}),this.selectedScreen=c.selectedScreen||o.MAIN_SCREEN,this.currentWidgetMode=M?s.WIDGET_MODE:s.MINI_MODE,this.isMiniModeDescriptionClosed=c.isMiniModeDescriptionClosed||!1,this.isLoading=c.isLoading||!1,this.loyaltyWidget=c.loyaltyWidget instanceof e?c.loyaltyWidget:new e(c.loyaltyWidget),this.cdnURL=a,this.merchantId=l,this.storeUrl=g||c.storeUrl||"",this.currency=h,this.locale=p,this.isPreviewMode=M||!1,this.cartId=c.cartId||null,this.user=c.user?new d(c.user):null,this.earningMethods=c.earningMethods?c.earningMethods.map(function(t){return new n(t)}):[],this.spendingMethods=c.spendingMethods?c.spendingMethods.map(function(t){return new r(t)}):[],this.tiers=c.tiers?c.tiers:[],this.categories=c.categories?c.categories:[],this.products=c.products?c.products:[],this.brands=c.brands?c.brands:[],this.tags=c.tags?c.tags:[],this.pointHistory=c.pointHistory?c.pointHistory:[],this.callbacks=y||void 0,t(this,{cartId:i,loyaltyWidget:i,isLoading:i,cdnURL:i,merchantId:i,storeUrl:i,currency:i,locale:i,selectedScreen:i,currentWidgetMode:i,isMiniModeDescriptionClosed:i,user:i,earningMethods:i,spendingMethods:i,tiers:i,categories:i,products:i,brands:i,tags:i,pointHistory:i})}return c.prototype.setWidgetMode=function(t){this.currentWidgetMode=t,t!==s.WIDGET_MODE||this.isPreviewMode||(this.isMiniModeDescriptionClosed=!0)},c.prototype.closeMiniModeDescription=function(){this.isMiniModeDescriptionClosed=!0},c}();export{c as LoyaltyWidgetViewModel};
+import{makeObservable as t,observable as i}from"mobx";import{LoyaltyWidget as e}from"./loyalty-widget/index.js";import{WidgetMode as s,LoyaltyWidgetScreenTypeEnum as o}from"./types/index.js";import{LoyaltyProgramSpendingMethod as r}from"./loyalty-program-spending-method/index.js";import{LoyaltyProgramEarningMethod as n}from"./loyalty-program-earning-method/index.js";import{LoyaltyCustomerInfo as d}from"./loyalty-customer-info/index.js";var c=function(){function c(c,a,l,h,p,g,M,u){void 0===c&&(c={}),this.selectedScreen=c.selectedScreen||o.MAIN_SCREEN,this.currentWidgetMode=M?s.WIDGET_MODE:s.MINI_MODE,this.isMiniModeDescriptionClosed=c.isMiniModeDescriptionClosed||!1,this.isLoading=c.isLoading||!1,this.loyaltyWidget=c.loyaltyWidget instanceof e?c.loyaltyWidget:new e(c.loyaltyWidget),this.cdnURL=a,this.merchantId=l,this.storeUrl=g||c.storeUrl||"",this.currency=h,this.locale=p,this.isPreviewMode=M||!1,this.cartId=c.cartId||null,this.userId=c.userId||null,this.user=c.user?new d(c.user):null,this.earningMethods=c.earningMethods?c.earningMethods.map(function(t){return new n(t)}):[],this.spendingMethods=c.spendingMethods?c.spendingMethods.map(function(t){return new r(t)}):[],this.tiers=c.tiers?c.tiers:[],this.categories=c.categories?c.categories:[],this.products=c.products?c.products:[],this.brands=c.brands?c.brands:[],this.tags=c.tags?c.tags:[],this.pointHistory=c.pointHistory?c.pointHistory:[],this.callbacks=u||void 0,t(this,{cartId:i,loyaltyWidget:i,isLoading:i,cdnURL:i,merchantId:i,storeUrl:i,currency:i,locale:i,selectedScreen:i,currentWidgetMode:i,isMiniModeDescriptionClosed:i,user:i,earningMethods:i,spendingMethods:i,tiers:i,categories:i,products:i,brands:i,tags:i,pointHistory:i,userId:i})}return c.prototype.setWidgetMode=function(t){this.currentWidgetMode=t,t!==s.WIDGET_MODE||this.isPreviewMode||(this.isMiniModeDescriptionClosed=!0)},c.prototype.closeMiniModeDescription=function(){this.isMiniModeDescriptionClosed=!0},c}();export{c as LoyaltyWidgetViewModel};

package/build/models/types/index.d.ts

@@ -107,6 +107,7 @@ export type LoyaltyWidgetCallbacks = {
 };
 export type IkasLoyaltyWidgetConfig = {
     cartId?: string | null;
+    userId?: string | null;
     cdnURL: string;
     merchantId: string;
     currency: string;

package/build/renderer/components/mini-mode-button/index.js

@@ -1 +1 @@
-import e from"react";import{observer as t}from"mobx-react";import{WidgetMode as o}from"../../../models/types/index.js";import{Container as r,Logo as i,Emoji as l}from"./style.js";var m=t(function(t){var m=t.viewModel,a=m.loyaltyWidget.miniModeLogo;return e.createElement(r,{onClick:function(){m.setWidgetMode(o.WIDGET_MODE)}},a&&a.src?e.createElement(i,{src:a.src,alt:"Loyalty Widget"}):e.createElement(l,null,"🚀"))});export{m as default};
+import e from"react";import{observer as t}from"mobx-react";import{WidgetMode as o}from"../../../models/types/index.js";import{Container as r,Logo as i,Emoji as a}from"./style.js";var l=t(function(t){var l=t.viewModel,m=l.loyaltyWidget.miniModeLogo;return e.createElement(r,{onClick:function(e){e.stopPropagation(),l.setWidgetMode(o.WIDGET_MODE)}},m&&m.src?e.createElement(i,{src:m.src,alt:"Loyalty Widget"}):e.createElement(a,null,"🚀"))});export{l as default};

package/build/renderer/components/mini-mode-description/index.js

@@ -1 +1 @@
-import e from"react";import{observer as o}from"mobx-react";import{WidgetMode as t}from"../../../models/types/index.js";import{XClose as i}from"../../../assets/icons/x-close.js";import{Container as r,CloseButton as n,Text as a}from"./style.js";var l=o(function(o){var l=o.viewModel;return l.isMiniModeDescriptionClosed?null:e.createElement(r,{onClick:function(){l.setWidgetMode(t.WIDGET_MODE)}},e.createElement(n,{onClick:function(e){e.stopPropagation(),l.closeMiniModeDescription()}},e.createElement(i,null)),e.createElement(a,null,"Merhaba! 👋 Sadakat programın ve destek ekibimiz burada. Puanlarına göz at veya ekibimizle konuş."))});export{l as default};
+import e from"react";import{observer as o}from"mobx-react";import{WidgetMode as t}from"../../../models/types/index.js";import{XClose as i}from"../../../assets/icons/x-close.js";import{Container as r,CloseButton as a,Text as n}from"./style.js";var l=o(function(o){var l=o.viewModel;return l.isMiniModeDescriptionClosed?null:e.createElement(r,{onClick:function(e){e.stopPropagation(),l.setWidgetMode(t.WIDGET_MODE)}},e.createElement(a,{onClick:function(e){e.stopPropagation(),l.closeMiniModeDescription()}},e.createElement(i,null)),e.createElement(n,null,"Merhaba! 👋 Sadakat programın ve destek ekibimiz burada. Puanlarına göz at veya ekibimizle konuş."))});export{l as default};

package/build/renderer/index.js

@@ -1 +1 @@
-import{__awaiter as e,__generator as t,__spreadArray as n}from'./../ext/tslib/tslib.es6.mjs.js';import o,{useState as r,useRef as i,useEffect as s}from"react";import{observer as l}from"mobx-react";import'./../ext/react-i18next/dist/es/context.js';import{I18nextProvider as c}from'./../ext/react-i18next/dist/es/I18nextProvider.js';import a from"./utils/i18n.js";import{LoyaltyWidgetScreenTypeEnum as d,WidgetMode as u,EarningMethodTypeEnum as m,LoyaltyProgramFilterTypeEnum as f,LoyaltyProgramMethodSpendingTypeEnum as p}from"../models/types/index.js";import{WidgetPositionEnum as y,LoyaltyWidgetLayoutTypeEnum as E}from"../models/loyalty-widget/types/index.js";import g from"./screens/main-screen/index.js";import h from"./screens/credit-spending-methods-screen/index.js";import v from"./screens/credit-earning-methods-screen/index.js";import C from"./screens/credit-history-screen/index.js";import M from"./screens/loyalty-level-screen/index.js";import I from"./components/mini-mode-button/index.js";import R from"./components/mini-mode-description/index.js";import{LoyaltyWidgetViewModel as w}from"../models/index.js";import{LoyaltyWidget as _}from"../models/loyalty-widget/index.js";import{LoyaltyProgramSpendingMethod as S}from"../models/loyalty-program-spending-method/index.js";import{LoyaltyCustomerInfo as N}from"../models/loyalty-customer-info/index.js";import{LoyaltyProgramEarningMethod as T}from"../models/loyalty-program-earning-method/index.js";import{LoyaltyProgramPointHistory as b}from"../models/loyalty-program-point-history/index.js";import{Container as k,MiniModeWrapper as A,Panel as P,ScreenWrapper as D}from"./style.js";var L=l(function(l){var L,x=l.config,j=r(function(){var e=x||window.ikasLoyaltyWidgetConfig;return new w({cartId:(null==e?void 0:e.cartId)||null},(null==e?void 0:e.cdnURL)||"",(null==e?void 0:e.merchantId)||"",(null==e?void 0:e.currency)||"",(null==e?void 0:e.locale)||"",(null==e?void 0:e.storeURL)||null,null==e?void 0:e.isPreviewMode,null==e?void 0:e.callbacks)})[0],O=i(!0);s(function(){var e=x||window.ikasLoyaltyWidgetConfig;(null==e?void 0:e.onViewModelInitialized)&&e.onViewModelInitialized(j)},[j,x]),s(function(){e(void 0,void 0,void 0,function(){var e,o,r,i,s,l,c,a,d,u,y,E,g,h;return t(this,function(t){switch(t.label){case 0:if(!j.callbacks)return[3,6];t.label=1;case 1:return t.trys.push([1,4,5,6]),e=[j.callbacks.getLoyaltyWidget(),j.callbacks.listEarningMethods(),j.callbacks.listLoyaltyProgramTier({})],j.cartId&&(e.push(j.callbacks.listSpendingMethodsByCartId(j.cartId)),e.push(j.callbacks.getLoyaltyCustomerInfo()),e.push(j.callbacks.listLoyaltyProgramPointHistory({}))),[4,Promise.all(e)];case 2:return o=t.sent(),r=o[0],i=o[1],s=o[2],l=[],c=null,a=[],j.cartId&&(l=o[3],c=o[4],a=o[5]),j.loyaltyWidget=r instanceof _?r:new _(r||{}),j.earningMethods=i.map(function(e){return new T(e)}),j.tiers=s||[],j.cartId&&(j.spendingMethods=l.map(function(e){return new S(e)}),j.user=c?new N(c):null,j.pointHistory=a?a.map(function(e){return new b(e)}):[]),d=new Set,u=new Set,y=new Set,E=new Set,j.earningMethods.forEach(function(e){var t,o;e.methodType===m.ORDER_CREATE&&n(n([],(null===(t=e.orderSettings)||void 0===t?void 0:t.productFilters)||[],!0),(null===(o=e.productSettings)||void 0===o?void 0:o.productFilters)||[],!0).forEach(function(e){e.type===f.PRODUCT_AND_VARIANT?e.idList.forEach(function(e){return d.add(e)}):e.type===f.CATEGORY?e.idList.forEach(function(e){return u.add(e)}):e.type===f.PRODUCT_BRAND?e.idList.forEach(function(e){return y.add(e)}):e.type===f.PRODUCT_TAG&&e.idList.forEach(function(e){return E.add(e)})})}),j.spendingMethods&&j.spendingMethods.forEach(function(e){var t,n;e.type===p.FREE_PRODUCT&&(null===(t=e.discountSettings)||void 0===t?void 0:t.freeProductId)&&d.add(e.discountSettings.freeProductId),null===(n=e.productFilters)||void 0===n||n.forEach(function(e){e.type===f.PRODUCT_AND_VARIANT?e.idList.forEach(function(e){return d.add(e)}):e.type===f.CATEGORY?e.idList.forEach(function(e){return u.add(e)}):e.type===f.PRODUCT_BRAND?e.idList.forEach(function(e){return y.add(e)}):e.type===f.PRODUCT_TAG&&e.idList.forEach(function(e){return E.add(e)})})}),g=[],d.size>0&&j.callbacks.getProducts&&g.push(j.callbacks.getProducts(Array.from(d)).then(function(e){return j.products=e})),u.size>0&&j.callbacks.getCategories&&g.push(j.callbacks.getCategories(Array.from(u)).then(function(e){return j.categories=e})),y.size>0&&j.callbacks.getBrands&&g.push(j.callbacks.getBrands(Array.from(y)).then(function(e){return j.brands=e})),E.size>0&&j.callbacks.getTags&&g.push(j.callbacks.getTags(Array.from(E)).then(function(e){return j.tags=e})),[4,Promise.all(g)];case 3:return t.sent(),[3,6];case 4:return h=t.sent(),console.error("Failed to initialize loyalty data",h),[3,6];case 5:return O.current=!1,[7];case 6:return[2]}})})},[]),s(function(){if(!O.current){e(void 0,void 0,void 0,function(){var e,n,o,r,i;return t(this,function(t){switch(t.label){case 0:if(!j.callbacks)return[3,4];t.label=1;case 1:return t.trys.push([1,3,,4]),[4,Promise.all([j.callbacks.listSpendingMethodsByCartId(j.cartId),j.callbacks.getLoyaltyCustomerInfo(),j.callbacks.listLoyaltyProgramPointHistory({})])];case 2:return e=t.sent(),n=e[0],o=e[1],r=e[2],j.spendingMethods=n.map(function(e){return new S(e)}),j.user=o?new N(o):null,j.pointHistory=r?r.map(function(e){return new b(e)}):[],[3,4];case 3:return i=t.sent(),console.error("Failed to fetch cart dependent data",i),[3,4];case 4:return[2]}})})}},[j.cartId]);var W=function(e){j.selectedScreen=e},B=function(){j.setWidgetMode(u.MINI_MODE),setTimeout(function(){j.selectedScreen=d.MAIN_SCREEN},300)},U=j.selectedScreen===d.MAIN_SCREEN,$=r(null),G=$[0],H=$[1];s(function(){j.selectedScreen!==d.MAIN_SCREEN&&H(j.selectedScreen)},[j.selectedScreen]);var z=U?G:j.selectedScreen,F=j.loyaltyWidget.settings.position||y.RIGHT,V=j.loyaltyWidget.settings.type||E.DRAWER;return o.createElement(c,{i18n:a},o.createElement(k,{$layoutType:V,$widgetPosition:F,$widgetMode:j.currentWidgetMode,$position:(null==x?void 0:x.position)||(null===(L=window.ikasLoyaltyWidgetConfig)||void 0===L?void 0:L.position)||"fixed",onClick:function(){j.currentWidgetMode===u.WIDGET_MODE&&B()}},j.currentWidgetMode===u.MINI_MODE?o.createElement(A,null,o.createElement(R,{viewModel:j}),o.createElement(I,{viewModel:j})):o.createElement(P,{$layoutType:V,onClick:function(e){return e.stopPropagation()}},o.createElement(D,{$isActive:U,$isMain:!0},o.createElement(g,{viewModel:j,onClose:B,onNavigate:W})),o.createElement(D,{$isActive:!U,$isMain:!1},function(){switch(z){case d.CREDIT_SPENDING_METHODS_SCREEN:return o.createElement(h,{viewModel:j,onBack:function(){return W(d.MAIN_SCREEN)},onClose:B});case d.CREDIT_EARNING_METHODS_SCREEN:return o.createElement(v,{viewModel:j,onBack:function(){return W(d.MAIN_SCREEN)},onClose:B});case d.CREDIT_HISTORY_SCREEN:return o.createElement(C,{viewModel:j,onBack:function(){return W(d.MAIN_SCREEN)},onClose:B});case d.LOYALTY_LEVEL_SCREEN:return o.createElement(M,{viewModel:j,onBack:function(){return W(d.MAIN_SCREEN)},onClose:B});default:return null}}()))))});export{L as default};
+import{__awaiter as e,__generator as t,__spreadArray as n}from'./../ext/tslib/tslib.es6.mjs.js';import r,{useState as o,useRef as i,useEffect as s}from"react";import{observer as d}from"mobx-react";import'./../ext/react-i18next/dist/es/context.js';import{I18nextProvider as a}from'./../ext/react-i18next/dist/es/I18nextProvider.js';import c from"./utils/i18n.js";import{LoyaltyWidgetScreenTypeEnum as l,WidgetMode as u,EarningMethodTypeEnum as m,LoyaltyProgramFilterTypeEnum as f,LoyaltyProgramMethodSpendingTypeEnum as p}from"../models/types/index.js";import{WidgetPositionEnum as E,LoyaltyWidgetLayoutTypeEnum as y}from"../models/loyalty-widget/types/index.js";import g from"./screens/main-screen/index.js";import v from"./screens/credit-spending-methods-screen/index.js";import h from"./screens/credit-earning-methods-screen/index.js";import I from"./screens/credit-history-screen/index.js";import w from"./screens/loyalty-level-screen/index.js";import M from"./components/mini-mode-button/index.js";import C from"./components/mini-mode-description/index.js";import{LoyaltyWidgetViewModel as R}from"../models/index.js";import{LoyaltyWidget as _}from"../models/loyalty-widget/index.js";import{LoyaltyProgramSpendingMethod as k}from"../models/loyalty-program-spending-method/index.js";import{LoyaltyCustomerInfo as S}from"../models/loyalty-customer-info/index.js";import{LoyaltyProgramEarningMethod as N}from"../models/loyalty-program-earning-method/index.js";import{LoyaltyProgramPointHistory as T}from"../models/loyalty-program-point-history/index.js";import{Container as b,MiniModeWrapper as A,Panel as L,ScreenWrapper as P}from"./style.js";var D=d(function(d){var D,x=d.config,j=o(function(){var e=x||window.ikasLoyaltyWidgetConfig;return new R({cartId:(null==e?void 0:e.cartId)||null,userId:(null==e?void 0:e.userId)||null},(null==e?void 0:e.cdnURL)||"",(null==e?void 0:e.merchantId)||"",(null==e?void 0:e.currency)||"",(null==e?void 0:e.locale)||"",(null==e?void 0:e.storeURL)||null,null==e?void 0:e.isPreviewMode,null==e?void 0:e.callbacks)})[0],O=i(!0);s(function(){var e=x||window.ikasLoyaltyWidgetConfig;(null==e?void 0:e.onViewModelInitialized)&&e.onViewModelInitialized(j)},[j,x]),s(function(){e(void 0,void 0,void 0,function(){var e,r,o,i,s,d,a,c,l,u,E,y,g,v;return t(this,function(t){switch(t.label){case 0:if(!j.callbacks)return[3,6];t.label=1;case 1:return t.trys.push([1,4,5,6]),e=[j.callbacks.getLoyaltyWidget(),j.callbacks.listEarningMethods(),j.callbacks.listLoyaltyProgramTier({})],j.cartId&&(e.push(j.callbacks.listSpendingMethodsByCartId(j.cartId)),e.push(j.callbacks.getLoyaltyCustomerInfo()),e.push(j.callbacks.listLoyaltyProgramPointHistory({}))),[4,Promise.all(e)];case 2:return r=t.sent(),o=r[0],i=r[1],s=r[2],d=[],a=null,c=[],j.cartId&&(d=r[3],a=r[4],c=r[5]),j.loyaltyWidget=o instanceof _?o:new _(o||{}),j.earningMethods=i.map(function(e){return new N(e)}),j.tiers=s||[],j.cartId&&(j.spendingMethods=d.map(function(e){return new k(e)}),j.user=a?new S(a):null,j.pointHistory=c?c.map(function(e){return new T(e)}):[]),l=new Set,u=new Set,E=new Set,y=new Set,j.earningMethods.forEach(function(e){var t,r;e.methodType===m.ORDER_CREATE&&n(n([],(null===(t=e.orderSettings)||void 0===t?void 0:t.productFilters)||[],!0),(null===(r=e.productSettings)||void 0===r?void 0:r.productFilters)||[],!0).forEach(function(e){e.type===f.PRODUCT_AND_VARIANT?e.idList.forEach(function(e){return l.add(e)}):e.type===f.CATEGORY?e.idList.forEach(function(e){return u.add(e)}):e.type===f.PRODUCT_BRAND?e.idList.forEach(function(e){return E.add(e)}):e.type===f.PRODUCT_TAG&&e.idList.forEach(function(e){return y.add(e)})})}),j.spendingMethods&&j.spendingMethods.forEach(function(e){var t,n;e.type===p.FREE_PRODUCT&&(null===(t=e.discountSettings)||void 0===t?void 0:t.freeProductId)&&l.add(e.discountSettings.freeProductId),null===(n=e.productFilters)||void 0===n||n.forEach(function(e){e.type===f.PRODUCT_AND_VARIANT?e.idList.forEach(function(e){return l.add(e)}):e.type===f.CATEGORY?e.idList.forEach(function(e){return u.add(e)}):e.type===f.PRODUCT_BRAND?e.idList.forEach(function(e){return E.add(e)}):e.type===f.PRODUCT_TAG&&e.idList.forEach(function(e){return y.add(e)})})}),g=[],l.size>0&&j.callbacks.getProducts&&g.push(j.callbacks.getProducts(Array.from(l)).then(function(e){return j.products=e})),u.size>0&&j.callbacks.getCategories&&g.push(j.callbacks.getCategories(Array.from(u)).then(function(e){return j.categories=e})),E.size>0&&j.callbacks.getBrands&&g.push(j.callbacks.getBrands(Array.from(E)).then(function(e){return j.brands=e})),y.size>0&&j.callbacks.getTags&&g.push(j.callbacks.getTags(Array.from(y)).then(function(e){return j.tags=e})),[4,Promise.all(g)];case 3:return t.sent(),[3,6];case 4:return v=t.sent(),console.error("Failed to initialize loyalty data",v),[3,6];case 5:return O.current=!1,[7];case 6:return[2]}})})},[]),s(function(){var e=function(e){var t,n=null===(t=e.detail)||void 0===t?void 0:t.cartId;void 0!==n&&(j.cartId=n)},t=function(e){var t,n=null===(t=e.detail)||void 0===t?void 0:t.userId;void 0!==n&&(j.userId=n)};return window.addEventListener("ikas-cart-id-changed",e),window.addEventListener("ikas-user-changed",t),function(){window.removeEventListener("ikas-cart-id-changed",e),window.removeEventListener("ikas-user-changed",t)}},[j]),s(function(){if(!O.current){e(void 0,void 0,void 0,function(){var e,n,r,o,i;return t(this,function(t){switch(t.label){case 0:if(!j.callbacks)return[3,4];t.label=1;case 1:return t.trys.push([1,3,,4]),[4,Promise.all([j.callbacks.listSpendingMethodsByCartId(j.cartId),j.callbacks.getLoyaltyCustomerInfo(),j.callbacks.listLoyaltyProgramPointHistory({})])];case 2:return e=t.sent(),n=e[0],r=e[1],o=e[2],j.spendingMethods=n.map(function(e){return new k(e)}),j.user=r?new S(r):null,j.pointHistory=o?o.map(function(e){return new T(e)}):[],[3,4];case 3:return i=t.sent(),console.error("Failed to fetch cart dependent data",i),[3,4];case 4:return[2]}})})}},[j.cartId,j.userId]);var W=function(e){j.selectedScreen=e},$=function(){j.setWidgetMode(u.MINI_MODE),setTimeout(function(){j.selectedScreen=l.MAIN_SCREEN},300)},B=j.selectedScreen===l.MAIN_SCREEN,G=o(null),U=G[0],H=G[1];s(function(){j.selectedScreen!==l.MAIN_SCREEN&&H(j.selectedScreen)},[j.selectedScreen]);var z=B?U:j.selectedScreen,F=j.loyaltyWidget.settings.position||E.RIGHT,V=j.loyaltyWidget.settings.type||y.DRAWER;return r.createElement(a,{i18n:c},r.createElement(b,{$layoutType:V,$widgetPosition:F,$widgetMode:j.currentWidgetMode,$position:(null==x?void 0:x.position)||(null===(D=window.ikasLoyaltyWidgetConfig)||void 0===D?void 0:D.position)||"fixed",onClick:function(){j.currentWidgetMode===u.WIDGET_MODE&&$()}},r.createElement(A,{$isVisible:j.currentWidgetMode===u.MINI_MODE,$widgetPosition:F},r.createElement(C,{viewModel:j}),r.createElement(M,{viewModel:j})),r.createElement(L,{$layoutType:V,$isOpen:j.currentWidgetMode===u.WIDGET_MODE,$widgetPosition:F,onClick:function(e){return e.stopPropagation()}},r.createElement(P,{$isActive:B,$isMain:!0},r.createElement(g,{viewModel:j,onClose:$,onNavigate:W})),r.createElement(P,{$isActive:!B,$isMain:!1},function(){switch(z){case l.CREDIT_SPENDING_METHODS_SCREEN:return r.createElement(v,{viewModel:j,onBack:function(){return W(l.MAIN_SCREEN)},onClose:$});case l.CREDIT_EARNING_METHODS_SCREEN:return r.createElement(h,{viewModel:j,onBack:function(){return W(l.MAIN_SCREEN)},onClose:$});case l.CREDIT_HISTORY_SCREEN:return r.createElement(I,{viewModel:j,onBack:function(){return W(l.MAIN_SCREEN)},onClose:$});case l.LOYALTY_LEVEL_SCREEN:return r.createElement(w,{viewModel:j,onBack:function(){return W(l.MAIN_SCREEN)},onClose:$});default:return null}}()))))});export{D as default};

package/build/renderer/screens/main-screen/header/style.d.ts

@@ -6,7 +6,7 @@ type TopSectionProps = {
     $bgImageSrc?: string | null;
     $gap?: number;
 };
-export declare const Container: import("styled-components").StyledComponent<"header", any, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TopSection: import("styled-components").StyledComponent<"div", any, TopSectionProps, never>;
 export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Card: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/renderer/screens/main-screen/header/style.js

@@ -1 +1 @@
-import{__makeTemplateObject as n}from'./../../../../ext/tslib/tslib.es6.mjs.js';import{HeaderBackgroundTypeEnum as e}from"../../../../models/loyalty-widget/types/index.js";import o,{css as r}from"styled-components";var i,p,t,a,d,l,x,c,s,g,b=48,f=o.header(i||(i=n(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n"],["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n"]))),u=o.div(x||(x=n(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: ",";\n  padding: 24px 20px ","px 24px;\n\n  ","\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: ",";\n  padding: 24px 20px ","px 24px;\n\n  ","\n"])),function(n){var e=n.$gap;return void 0!==e?"".concat(e,"px"):"56px"},48,function(o){var i=o.$bgType,x=o.$bgColor,c=o.$bgImageSrc;return i===e.IMAGE?c?r(t||(t=n(["\n        background-image: url(",");\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: cover;\n      "],["\n        background-image: url(",");\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: cover;\n      "])),c):r(p||(p=n([""],[""]))):x?i===e.GRADIENT?r(d||(d=n(["\n        background: radial-gradient(\n            92.35% 100% at 50% 0%,\n            rgba(255, 255, 255, 0.5) 0%,\n            rgba(0, 0, 0, 0.5) 100%\n          ),\n          ",";\n      "],["\n        background: radial-gradient(\n            92.35% 100% at 50% 0%,\n            rgba(255, 255, 255, 0.5) 0%,\n            rgba(0, 0, 0, 0.5) 100%\n          ),\n          ",";\n      "])),x):r(l||(l=n(["\n      background-color: ",";\n    "],["\n      background-color: ",";\n    "])),x):r(a||(a=n([""],[""])))}),m=o.div(c||(c=n(["\n  position: absolute;\n  left: 20px;\n  right: 20px;\n  top: calc(100% - ","px);\n  display: flex;\n  z-index: 1;\n"],["\n  position: absolute;\n  left: 20px;\n  right: 20px;\n  top: calc(100% - ","px);\n  display: flex;\n  z-index: 1;\n"])),48),y=o.div(s||(s=n(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  background: white;\n  border: 1px solid #eef2f6;\n  border-radius: 6px;\n  box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.01), 0 3px 2px 0 rgba(0, 0, 0, 0.02),\n    0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 0 1px 0 rgba(0, 0, 0, 0.04);\n"],["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  background: white;\n  border: 1px solid #eef2f6;\n  border-radius: 6px;\n  box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.01), 0 3px 2px 0 rgba(0, 0, 0, 0.02),\n    0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 0 1px 0 rgba(0, 0, 0, 0.04);\n"]))),v=o.div(g||(g=n(["\n  position: absolute;\n  right: 20px;\n  top: 24px;\n  display: flex;\n  padding: 4px;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n\n  svg {\n    color: #f7f5ff;\n  }\n"],["\n  position: absolute;\n  right: 20px;\n  top: 24px;\n  display: flex;\n  padding: 4px;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n\n  svg {\n    color: #f7f5ff;\n  }\n"])));export{b as CARD_OVERLAP_TOP,y as Card,v as CloseButton,f as Container,m as Content,u as TopSection};
+import{__makeTemplateObject as n}from'./../../../../ext/tslib/tslib.es6.mjs.js';import{HeaderBackgroundTypeEnum as e}from"../../../../models/loyalty-widget/types/index.js";import o,{css as i}from"styled-components";var r,p,t,a,d,l,x,c,s,g,b=48,f=o.div(r||(r=n(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n"],["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n"]))),u=o.div(x||(x=n(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: ",";\n  padding: 24px 20px ","px 24px;\n\n  ","\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: ",";\n  padding: 24px 20px ","px 24px;\n\n  ","\n"])),function(n){var e=n.$gap;return void 0!==e?"".concat(e,"px"):"56px"},48,function(o){var r=o.$bgType,x=o.$bgColor,c=o.$bgImageSrc;return r===e.IMAGE?c?i(t||(t=n(["\n        background-image: url(",");\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: cover;\n      "],["\n        background-image: url(",");\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: cover;\n      "])),c):i(p||(p=n([""],[""]))):x?r===e.GRADIENT?i(d||(d=n(["\n        background: radial-gradient(\n            92.35% 100% at 50% 0%,\n            rgba(255, 255, 255, 0.5) 0%,\n            rgba(0, 0, 0, 0.5) 100%\n          ),\n          ",";\n      "],["\n        background: radial-gradient(\n            92.35% 100% at 50% 0%,\n            rgba(255, 255, 255, 0.5) 0%,\n            rgba(0, 0, 0, 0.5) 100%\n          ),\n          ",";\n      "])),x):i(l||(l=n(["\n      background-color: ",";\n    "],["\n      background-color: ",";\n    "])),x):i(a||(a=n([""],[""])))}),m=o.div(c||(c=n(["\n  position: absolute;\n  left: 20px;\n  right: 20px;\n  top: calc(100% - ","px);\n  display: flex;\n  z-index: 1;\n"],["\n  position: absolute;\n  left: 20px;\n  right: 20px;\n  top: calc(100% - ","px);\n  display: flex;\n  z-index: 1;\n"])),48),v=o.div(s||(s=n(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  background: white;\n  border: 1px solid #eef2f6;\n  border-radius: 6px;\n  box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.01), 0 3px 2px 0 rgba(0, 0, 0, 0.02),\n    0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 0 1px 0 rgba(0, 0, 0, 0.04);\n"],["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  background: white;\n  border: 1px solid #eef2f6;\n  border-radius: 6px;\n  box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.01), 0 3px 2px 0 rgba(0, 0, 0, 0.02),\n    0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 0 1px 0 rgba(0, 0, 0, 0.04);\n"]))),y=o.div(g||(g=n(["\n  position: absolute;\n  right: 20px;\n  top: 24px;\n  display: flex;\n  padding: 4px;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n\n  svg {\n    color: #f7f5ff;\n  }\n"],["\n  position: absolute;\n  right: 20px;\n  top: 24px;\n  display: flex;\n  padding: 4px;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n\n  svg {\n    color: #f7f5ff;\n  }\n"])));export{b as CARD_OVERLAP_TOP,v as Card,y as CloseButton,f as Container,m as Content,u as TopSection};

package/build/renderer/style.d.ts

@@ -8,9 +8,14 @@ export declare const Container: import("styled-components").StyledComponent<"div
 }, never>;
 export declare const Panel: import("styled-components").StyledComponent<"div", any, {
     $layoutType: LoyaltyWidgetLayoutTypeEnum;
+    $isOpen: boolean;
+    $widgetPosition: WidgetPositionEnum;
 }, never>;
 export declare const ScreenWrapper: import("styled-components").StyledComponent<"div", any, {
     $isActive: boolean;
     $isMain: boolean;
 }, never>;
-export declare const MiniModeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MiniModeWrapper: import("styled-components").StyledComponent<"div", any, {
+    $isVisible: boolean;
+    $widgetPosition: WidgetPositionEnum;
+}, never>;

package/build/renderer/style.js

@@ -1 +1 @@
-import{__makeTemplateObject as n}from'./../ext/tslib/tslib.es6.mjs.js';import t,{css as i}from"styled-components";import{WidgetPositionEnum as e,LoyaltyWidgetLayoutTypeEnum as o}from"../models/loyalty-widget/types/index.js";import{WidgetMode as a}from"../models/types/index.js";var r,s,d,l,p,x,f,c,m=t.div(r||(r=n(["\n  position: ",";\n  position: ",";\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  width: 100%;\n  height: ",";\n  max-height: ",";\n  overflow: auto;\n  background-color: ",";\n  transition: background-color 0.3s ease-in-out;\n  z-index: 9999;\n  pointer-events: ",";\n\n  /* Ensure children are clickable in Mini Mode */\n  & > * {\n    pointer-events: auto;\n  }\n\n  display: flex;\n  justify-content: ",";\n  justify-content: ",";\n  align-items: ",";\n  padding: ",";\n  box-sizing: border-box;\n\n  @media (max-width: 600px) {\n    padding: ",";\n  }\n"],["\n  position: ",";\n  position: ",";\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  width: 100%;\n  height: ",";\n  max-height: ",";\n  overflow: auto;\n  background-color: ",";\n  transition: background-color 0.3s ease-in-out;\n  z-index: 9999;\n  pointer-events: ",";\n\n  /* Ensure children are clickable in Mini Mode */\n  & > * {\n    pointer-events: auto;\n  }\n\n  display: flex;\n  justify-content: ",";\n  justify-content: ",";\n  align-items: ",";\n  padding: ",";\n  box-sizing: border-box;\n\n  @media (max-width: 600px) {\n    padding: ",";\n  }\n"])),function(n){return n.$position||"fixed"},function(n){return n.$position||"fixed"},function(n){return"absolute"===n.$position?"100%":"100vh"},function(n){return"absolute"===n.$position?"100%":"100vh"},function(n){return n.$widgetMode===a.MINI_MODE?"transparent":"rgba(0, 0, 0, 0.5)"},function(n){return n.$widgetMode===a.MINI_MODE?"none":"auto"},function(n){return n.$widgetPosition===e.LEFT?"flex-start":"flex-end"},function(n){return n.$widgetPosition===e.LEFT?"flex-start":"flex-end"},function(n){var t=n.$layoutType;return n.$widgetMode===a.MINI_MODE?"flex-end":t===o.DRAWER?"stretch":"flex-start"},function(n){var t=n.$layoutType;return n.$widgetMode===a.MINI_MODE?"20px":t===o.DRAWER?"0":"40px 16px"},function(n){var t=n.$layoutType;return n.$widgetMode===a.MINI_MODE?"16px":t===o.DRAWER?"0":"24px"}),u=t.div(l||(l=n(["\n  position: relative;\n  display: block;\n  width: 100%;\n  max-width: 380px;\n  height: 100%;\n  background-color: #ffffff;\n  overflow: hidden;\n  align-self: ",";\n  \n  animation: slideInPanel 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n\n  @keyframes slideInPanel {\n    from {\n      opacity: 0;\n      transform: translateY(20px) scale(0.95);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n  }\n\n  ","\n\n  @media (max-width: 380px) {\n    max-width: 100%;\n  }\n"],["\n  position: relative;\n  display: block;\n  width: 100%;\n  max-width: 380px;\n  height: 100%;\n  background-color: #ffffff;\n  overflow: hidden;\n  align-self: ",";\n  \n  animation: slideInPanel 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n\n  @keyframes slideInPanel {\n    from {\n      opacity: 0;\n      transform: translateY(20px) scale(0.95);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n  }\n\n  ","\n\n  @media (max-width: 380px) {\n    max-width: 100%;\n  }\n"])),function(n){return n.$layoutType===o.DRAWER?"stretch":"flex-start"},function(t){return t.$layoutType===o.DRAWER?i(s||(s=n(["\n          border-radius: 0;\n          box-shadow: -2px 0 8px rgba(36, 30, 30, 0.15);\n        "],["\n          border-radius: 0;\n          box-shadow: -2px 0 8px rgba(36, 30, 30, 0.15);\n        "]))):i(d||(d=n(["\n          border-radius: 12px;\n          box-shadow: 0 136px 38px 0 rgba(0, 0, 0, 0),\n            0 87px 35px 0 rgba(0, 0, 0, 0.01),\n            0 49px 29px 0 rgba(0, 0, 0, 0.02),\n            0 22px 22px 0 rgba(0, 0, 0, 0.04),\n            0 5px 12px 0 rgba(0, 0, 0, 0.04);\n          max-height: min(850px, calc(100vh - 80px));\n\n          @media (max-width: 600px) {\n            max-height: min(850px, calc(100vh - 48px));\n          }\n        "],["\n          border-radius: 12px;\n          box-shadow: 0 136px 38px 0 rgba(0, 0, 0, 0),\n            0 87px 35px 0 rgba(0, 0, 0, 0.01),\n            0 49px 29px 0 rgba(0, 0, 0, 0.02),\n            0 22px 22px 0 rgba(0, 0, 0, 0.04),\n            0 5px 12px 0 rgba(0, 0, 0, 0.04);\n          max-height: min(850px, calc(100vh - 80px));\n\n          @media (max-width: 600px) {\n            max-height: min(850px, calc(100vh - 48px));\n          }\n        "])))}),h=t.div(f||(f=n(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  transition: transform 0.3s ease-in-out;\n  overflow-y: auto;\n\n  ","\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  transition: transform 0.3s ease-in-out;\n  overflow-y: auto;\n\n  ","\n"])),function(t){var e=t.$isActive;return t.$isMain?i(p||(p=n(["\n        transform: translateX(",");\n        z-index: 1;\n      "],["\n        transform: translateX(",");\n        z-index: 1;\n      "])),e?"0%":"-100%"):i(x||(x=n(["\n        transform: translateX(",");\n        z-index: 2;\n      "],["\n        transform: translateX(",");\n        z-index: 2;\n      "])),e?"0%":"100%")}),g=t.div(c||(c=n(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  animation: slideIn 0.3s ease-out;\n\n  @keyframes slideIn {\n    from {\n      transform: translateY(20px);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  animation: slideIn 0.3s ease-out;\n\n  @keyframes slideIn {\n    from {\n      transform: translateY(20px);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n"])));export{m as Container,g as MiniModeWrapper,u as Panel,h as ScreenWrapper};
+import{__makeTemplateObject as n}from'./../ext/tslib/tslib.es6.mjs.js';import t,{css as i}from"styled-components";import{WidgetPositionEnum as o,LoyaltyWidgetLayoutTypeEnum as e}from"../models/loyalty-widget/types/index.js";import{WidgetMode as r}from"../models/types/index.js";var a,s,p,x,d,l,f,u,c=t.div(a||(a=n(["\n  position: ",";\n  position: ",";\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  width: 100%;\n  height: ",";\n  max-height: ",";\n  overflow: hidden; /* Prevent scrollbars from absolute children */\n  background-color: ",";\n  transition: background-color 0.3s ease-in-out;\n  z-index: 2147483647;\n  pointer-events: ",";\n\n  /* Ensure children are clickable in Mini Mode */\n  & > * {\n    pointer-events: auto;\n  }\n"],["\n  position: ",";\n  position: ",";\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  width: 100%;\n  height: ",";\n  max-height: ",";\n  overflow: hidden; /* Prevent scrollbars from absolute children */\n  background-color: ",";\n  transition: background-color 0.3s ease-in-out;\n  z-index: 2147483647;\n  pointer-events: ",";\n\n  /* Ensure children are clickable in Mini Mode */\n  & > * {\n    pointer-events: auto;\n  }\n"])),function(n){return n.$position||"fixed"},function(n){return n.$position||"fixed"},function(n){return"absolute"===n.$position?"100%":"100vh"},function(n){return"absolute"===n.$position?"100%":"100vh"},function(n){return n.$widgetMode===r.MINI_MODE?"transparent":"rgba(0, 0, 0, 0.5)"},function(n){return n.$widgetMode===r.MINI_MODE?"none":"auto"}),m=t.div(x||(x=n(["\n  position: absolute;\n  top: 0;\n  ","\n  display: block;\n  width: 100%;\n  max-width: 380px;\n  height: 100%;\n  background-color: #ffffff;\n  overflow: hidden;\n  \n  /* Animation props */\n  transform: ",";\n  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease-in-out;\n  opacity: ",";\n  pointer-events: ",";\n\n  ","\n\n  @media (max-width: 380px) {\n    max-width: 100%;\n  }\n"],["\n  position: absolute;\n  top: 0;\n  ","\n  display: block;\n  width: 100%;\n  max-width: 380px;\n  height: 100%;\n  background-color: #ffffff;\n  overflow: hidden;\n  \n  /* Animation props */\n  transform: ",";\n  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease-in-out;\n  opacity: ",";\n  pointer-events: ",";\n\n  ","\n\n  @media (max-width: 380px) {\n    max-width: 100%;\n  }\n"])),function(n){return n.$widgetPosition===o.LEFT?"left: 0;":"right: 0;"},function(n){var t=n.$isOpen,i=n.$widgetPosition;return t?"translateX(0%)":i===o.LEFT?"translateX(-100%)":"translateX(100%)"},function(n){return n.$isOpen?1:0},function(n){return n.$isOpen?"auto":"none"},function(t){return t.$layoutType===e.DRAWER?i(s||(s=n(["\n          border-radius: 0;\n          box-shadow: -2px 0 8px rgba(36, 30, 30, 0.15);\n        "],["\n          border-radius: 0;\n          box-shadow: -2px 0 8px rgba(36, 30, 30, 0.15);\n        "]))):i(p||(p=n(["\n          border-radius: 12px;\n          box-shadow: 0 136px 38px 0 rgba(0, 0, 0, 0),\n            0 87px 35px 0 rgba(0, 0, 0, 0.01),\n            0 49px 29px 0 rgba(0, 0, 0, 0.02),\n            0 22px 22px 0 rgba(0, 0, 0, 0.04),\n            0 5px 12px 0 rgba(0, 0, 0, 0.04);\n          max-height: min(850px, calc(100vh - 80px));\n          margin: 40px 16px;\n\n          @media (max-width: 600px) {\n            max-height: min(850px, calc(100vh - 48px));\n            margin: 24px 16px;\n          }\n        "],["\n          border-radius: 12px;\n          box-shadow: 0 136px 38px 0 rgba(0, 0, 0, 0),\n            0 87px 35px 0 rgba(0, 0, 0, 0.01),\n            0 49px 29px 0 rgba(0, 0, 0, 0.02),\n            0 22px 22px 0 rgba(0, 0, 0, 0.04),\n            0 5px 12px 0 rgba(0, 0, 0, 0.04);\n          max-height: min(850px, calc(100vh - 80px));\n          margin: 40px 16px;\n\n          @media (max-width: 600px) {\n            max-height: min(850px, calc(100vh - 48px));\n            margin: 24px 16px;\n          }\n        "])))}),h=t.div(f||(f=n(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  transition: transform 0.3s ease-in-out;\n  overflow-y: auto;\n\n  ","\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  transition: transform 0.3s ease-in-out;\n  overflow-y: auto;\n\n  ","\n"])),function(t){var o=t.$isActive;return t.$isMain?i(d||(d=n(["\n        transform: translateX(",");\n        z-index: 1;\n      "],["\n        transform: translateX(",");\n        z-index: 1;\n      "])),o?"0%":"-100%"):i(l||(l=n(["\n        transform: translateX(",");\n        z-index: 2;\n      "],["\n        transform: translateX(",");\n        z-index: 2;\n      "])),o?"0%":"100%")}),b=t.div(u||(u=n(["\n  position: absolute;\n  bottom: 20px;\n  ","\n  display: flex;\n  flex-direction: column;\n  align-items: ",";\n  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;\n  opacity: ",";\n  transform: ",";\n  pointer-events: ",";\n"],["\n  position: absolute;\n  bottom: 20px;\n  ","\n  display: flex;\n  flex-direction: column;\n  align-items: ",";\n  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;\n  opacity: ",";\n  transform: ",";\n  pointer-events: ",";\n"])),function(n){return n.$widgetPosition===o.LEFT?"left: 20px;":"right: 20px;"},function(n){return n.$widgetPosition===o.LEFT?"flex-start":"flex-end"},function(n){return n.$isVisible?1:0},function(n){return n.$isVisible?"translateY(0)":"translateY(10px)"},function(n){return n.$isVisible?"auto":"none"});export{c as Container,b as MiniModeWrapper,m as Panel,h as ScreenWrapper};