@ikas/loyalty-widget-renderer 1.0.0-alpha.39 → 1.0.0-alpha.40

package/build/models/image/index.js

@@ -1 +1 @@
-import{makeObservable as t,observable as e,computed as n}from"mobx";import{ImageTypeEnum as i}from"../loyalty-widget/types/index.js";var c=1080,r=function(){function c(c){this.imageId=c.imageId||null,this.link=c.link||null,this.cdnURL=c.cdnURL||null,this.merchantId=c.merchantId||null,this.type=c.type||i.SHOW,t(this,{imageId:e,link:e,cdnURL:e,merchantId:e,type:e,src:n})}return Object.defineProperty(c.prototype,"src",{get:function(){if(this.imageId)return"".concat(this.cdnURL,"images/").concat(this.merchantId,"/").concat(this.imageId,"/image_").concat(1080,".jpeg")},enumerable:!1,configurable:!0}),c}();export{c as IMAGE_SIZE,r as LoyaltyWidgetImage};
+import{makeObservable as t,observable as e,computed as n}from"mobx";import{ImageTypeEnum as i}from"../loyalty-widget/types/index.js";var c=1080,r=function(){function c(c){this.imageId=c.imageId||null,this.link=c.link||null,this.cdnURL=c.cdnURL||null,this.merchantId=c.merchantId||null,this.type=c.type||i.SHOW,t(this,{imageId:e,link:e,cdnURL:e,merchantId:e,type:e,src:n})}return Object.defineProperty(c.prototype,"src",{get:function(){if(this.imageId)return"".concat(this.cdnURL,"images/").concat(this.merchantId,"/").concat(this.imageId,"/image_").concat(1080,".webp")},enumerable:!1,configurable:!0}),c}();export{c as IMAGE_SIZE,r as LoyaltyWidgetImage};

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 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};
+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 a,Emoji as i}from"./style.js";var m=t(function(t){var m=t.viewModel,l=m.loyaltyWidget.miniModeLogo;return e.createElement(r,{$hasImg:!!l.src,onClick:function(e){e.stopPropagation(),m.setWidgetMode(o.WIDGET_MODE)}},l&&l.src?e.createElement(a,{src:l.src,alt:"Loyalty Widget"}):e.createElement(i,null,"🚀"))});export{m as default};

package/build/renderer/screens/credit-earning-methods-screen/index.js

@@ -1 +1 @@
-import{__awaiter as e,__generator as t}from'./../../../ext/tslib/tslib.es6.mjs.js';import o from"react";import{observer as n}from"mobx-react";import'./../../../ext/react-i18next/dist/es/context.js';import{useTranslation as r}from'./../../../ext/react-i18next/dist/es/useTranslation.js';import i from"../main-screen/earning-methods-section/index.js";import{ChevronLeft as s}from"../../../assets/icons/chevron-left.js";import{XClose as c}from"../../../assets/icons/x-close.js";import{Container as l,Header as a,IconButton as m,Title as d,Content as u}from"./style.js";import{EarningMethodTypeEnum as f,WidgetMode as p}from"../../../models/types/index.js";var E=n(function(n){var E=n.viewModel,g=n.onBack,b=n.onClose,v=r().t;return o.createElement(l,null,o.createElement(a,null,o.createElement(m,{onClick:g},o.createElement(s,null)),o.createElement(d,null,v("screens.creditEarningMethods")),o.createElement(m,{onClick:b},o.createElement(c,null))),o.createElement(u,null,o.createElement(i,{containerStyle:{paddingRight:16,paddingLeft:16},viewModel:E,getActionProps:function(o){return o.methodType===f.CUSTOMER_REGISTER?{actionText:v("common.create"),onClick:function(){E.storeUrl&&(E.setWidgetMode(p.MINI_MODE),window.location.href="".concat(E.storeUrl,"/account/register"))}}:o.methodType===f.ENABLE_SUBSCRIPTION?{actionText:v("common.allow"),onClick:function(){return e(void 0,void 0,void 0,function(){var e;return t(this,function(t){switch(t.label){case 0:return(null===(e=E.callbacks)||void 0===e?void 0:e.subscribeToMarketingNotifications)?[4,E.callbacks.subscribeToMarketingNotifications()]:[3,2];case 1:t.sent()&&E.userRefreshTrigger++,t.label=2;case 2:return[2]}})})}}:null}})))});export{E as default};
+import{__awaiter as e,__generator as t}from'./../../../ext/tslib/tslib.es6.mjs.js';import o from"react";import{observer as n}from"mobx-react";import'./../../../ext/react-i18next/dist/es/context.js';import{useTranslation as r}from'./../../../ext/react-i18next/dist/es/useTranslation.js';import i from"../main-screen/earning-methods-section/index.js";import{ChevronLeft as s}from"../../../assets/icons/chevron-left.js";import{XClose as c}from"../../../assets/icons/x-close.js";import{Container as l,Header as a,IconButton as m,Title as d,Content as u}from"./style.js";import{EarningMethodTypeEnum as f,WidgetMode as p}from"../../../models/types/index.js";var E=n(function(n){var E=n.viewModel,b=n.onBack,g=n.onClose,v=r().t;return o.createElement(l,null,o.createElement(a,null,o.createElement(m,{onClick:b},o.createElement(s,null)),o.createElement(d,null,v("screens.creditEarningMethods")),o.createElement(m,{onClick:g},o.createElement(c,null))),o.createElement(u,null,o.createElement(i,{containerStyle:{paddingRight:16,paddingLeft:16},viewModel:E,getActionProps:function(o){return o.methodType===f.CUSTOMER_REGISTER?{actionText:v("common.create"),onClick:function(){E.storeUrl&&(E.setWidgetMode(p.MINI_MODE),window.location.href="".concat(E.storeUrl,"/account/register"))}}:o.methodType===f.ENABLE_SUBSCRIPTION?{actionText:v("common.allow"),onClick:function(){return e(void 0,void 0,void 0,function(){var e;return t(this,function(t){switch(t.label){case 0:return(null===(e=E.callbacks)||void 0===e?void 0:e.subscribeToMarketingNotifications)?[4,E.callbacks.subscribeToMarketingNotifications()]:[3,2];case 1:t.sent()&&(E.ikasEventUser.subscriptionStatus="SUBSCRIBED",E.userRefreshTrigger++),t.label=2;case 2:return[2]}})})}}:null}})))});export{E as default};

package/build/renderer/screens/main-screen/index.js

@@ -1 +1 @@
-import e from"react";import{observer as t}from"mobx-react";import'./../../../ext/react-i18next/dist/es/context.js';import{useTranslation as o}from'./../../../ext/react-i18next/dist/es/useTranslation.js';import n from"./header/index.js";import r from"../../components/section-title/index.js";import i from"./earning-methods-section/index.js";import a from"./spending-methods-section/index.js";import m from"./program-info-section/index.js";import{Container as l,Content as s,Section as d}from"./style.js";import{CARD_OVERLAP_TOP as c}from"./header/style.js";import{EarningMethodTypeEnum as p}from"../../../models/types/index.js";import{ImageTypeEnum as u}from"../../../models/loyalty-widget/types/index.js";var f=t(function(t){var f=t.viewModel,g=t.onClose,h=t.onNavigate,x=o().t,E=e.useState(0),T=E[0],y=E[1],v=e.useState(56),M=v[0],j=v[1],S=Math.max(T-c+32,32);f.user;var w=f.shouldShowSpendingMethods,C=f.earningMethods.length>0,_=w||C;return e.createElement(l,null,e.createElement(n,{viewModel:f,onClose:g,onCardHeightChange:y,headerGap:M}),e.createElement(s,{$topPadding:S,onScroll:function(e){var t=f.loyaltyWidget.header.logo;if(t.type===u.SHOW&&t.src){var o=e.currentTarget.scrollTop,n=Math.max(16,56-o);j(n)}}},_&&e.createElement(d,null,e.createElement(r,{style:{paddingTop:0}},x(w?"main_screen.spendingMethodsTitle":"main_screen.earningMethodsTitle")),w?e.createElement(a,{viewModel:f,mode:"card",getActionProps:function(e){return null}}):e.createElement(i,{viewModel:f,getActionProps:function(e){return e.methodType===p.CUSTOMER_REGISTER?{actionText:x("common.create"),onClick:function(){}}:e.methodType===p.ENABLE_SUBSCRIPTION?{actionText:x("common.allow"),onClick:function(){}}:null}})),e.createElement(d,null,e.createElement(r,{style:{paddingTop:0}},x("main_screen.programInfoTitle")),e.createElement(m,{viewModel:f,onNavigate:h}))))});export{f as default};
+import{__awaiter as e,__generator as t}from'./../../../ext/tslib/tslib.es6.mjs.js';import o from"react";import{observer as n}from"mobx-react";import'./../../../ext/react-i18next/dist/es/context.js';import{useTranslation as r}from'./../../../ext/react-i18next/dist/es/useTranslation.js';import i from"./header/index.js";import s from"../../components/section-title/index.js";import a from"./earning-methods-section/index.js";import l from"./spending-methods-section/index.js";import m from"./program-info-section/index.js";import{Container as c,Content as d,Section as p}from"./style.js";import{CARD_OVERLAP_TOP as u}from"./header/style.js";import{EarningMethodTypeEnum as f}from"../../../models/types/index.js";import{ImageTypeEnum as g}from"../../../models/loyalty-widget/types/index.js";var h=n(function(n){var h=n.viewModel,v=n.onClose,T=n.onNavigate,x=r().t,E=o.useState(0),M=E[0],j=E[1],y=o.useState(56),b=y[0],S=y[1],w=Math.max(M-u+32,32);h.user;var C=h.shouldShowSpendingMethods,_=h.earningMethods.length>0,k=C||_;return o.createElement(c,null,o.createElement(i,{viewModel:h,onClose:v,onCardHeightChange:j,headerGap:b}),o.createElement(d,{$topPadding:w,onScroll:function(e){var t=h.loyaltyWidget.header.logo;if(t.type===g.SHOW&&t.src){var o=e.currentTarget.scrollTop,n=Math.max(16,56-o);S(n)}}},k&&o.createElement(p,null,o.createElement(s,{style:{paddingTop:0}},x(C?"main_screen.spendingMethodsTitle":"main_screen.earningMethodsTitle")),C?o.createElement(l,{viewModel:h,mode:"card",getActionProps:function(e){return null}}):o.createElement(a,{viewModel:h,getActionProps:function(o){return o.methodType===f.CUSTOMER_REGISTER?{actionText:x("common.create"),onClick:function(){}}:o.methodType===f.ENABLE_SUBSCRIPTION?{actionText:x("common.allow"),onClick:function(){return e(void 0,void 0,void 0,function(){var e;return t(this,function(t){switch(t.label){case 0:return(null===(e=h.callbacks)||void 0===e?void 0:e.subscribeToMarketingNotifications)?[4,h.callbacks.subscribeToMarketingNotifications()]:[3,2];case 1:t.sent()&&h.userRefreshTrigger++,t.label=2;case 2:return[2]}})})}}:null}})),o.createElement(p,null,o.createElement(s,{style:{paddingTop:0}},x("main_screen.programInfoTitle")),o.createElement(m,{viewModel:h,onNavigate:T}))))});export{h as default};

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 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,u,f,l,h=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          @media (max-width: 600px) {\n            max-width: 100%;\n            height: 100%;\n          }\n        "],["\n          border-radius: 0;\n          box-shadow: -2px 0 8px rgba(36, 30, 30, 0.15);\n\n          @media (max-width: 600px) {\n            max-width: 100%;\n            height: 100%;\n          }\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            top: 16px;\n            bottom: 16px;\n            left: 16px;\n            right: 16px;\n            width: auto;\n            height: auto;\n            max-width: none;\n            max-height: none;\n            margin: 0;\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            top: 16px;\n            bottom: 16px;\n            left: 16px;\n            right: 16px;\n            width: auto;\n            height: auto;\n            max-width: none;\n            max-height: none;\n            margin: 0;\n          }\n        "])))}),c=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.4s cubic-bezier(0.16, 1, 0.3, 1);\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.4s cubic-bezier(0.16, 1, 0.3, 1);\n  overflow-y: auto;\n\n  ","\n"])),function(t){var o=t.$isActive;return t.$isMain?i(d||(d=n(["\n        transform: translateX(0%);\n        z-index: 1;\n      "],["\n        transform: translateX(0%);\n        z-index: 1;\n      "]))):i(u||(u=n(["\n        transform: translateX(",");\n        z-index: 2;\n        box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15); \n      "],["\n        transform: translateX(",");\n        z-index: 2;\n        box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15); \n      "])),o?"0%":"100%")}),b=t.div(l||(l=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{h as Container,b as MiniModeWrapper,m as Panel,c as ScreenWrapper};
+import{__makeTemplateObject as n}from'./../ext/tslib/tslib.es6.mjs.js';import t,{css as o}from"styled-components";import{WidgetPositionEnum as i,LoyaltyWidgetLayoutTypeEnum as e}from"../models/loyalty-widget/types/index.js";import{WidgetMode as r}from"../models/types/index.js";var a,s,p,d,x,f,u,l,h=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%":"100dvh"},function(n){return"absolute"===n.$position?"100%":"100dvh"},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(d||(d=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===i.LEFT?"left: 0;":"right: 0;"},function(n){var t=n.$isOpen,o=n.$widgetPosition;return t?"translateX(0%)":o===i.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?o(s||(s=n(["\n          border-radius: 0;\n          box-shadow: -2px 0 8px rgba(36, 30, 30, 0.15);\n\n          @media (max-width: 600px) {\n            max-width: 100%;\n            height: 100%;\n          }\n        "],["\n          border-radius: 0;\n          box-shadow: -2px 0 8px rgba(36, 30, 30, 0.15);\n\n          @media (max-width: 600px) {\n            max-width: 100%;\n            height: 100%;\n          }\n        "]))):o(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            top: 16px;\n            bottom: 16px;\n            left: 16px;\n            right: 16px;\n            width: auto;\n            height: auto;\n            max-width: none;\n            max-height: none;\n            margin: 0;\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            top: 16px;\n            bottom: 16px;\n            left: 16px;\n            right: 16px;\n            width: auto;\n            height: auto;\n            max-width: none;\n            max-height: none;\n            margin: 0;\n          }\n        "])))}),b=t.div(u||(u=n(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n  overflow-y: auto;\n  padding-bottom: env(safe-area-inset-bottom);\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.4s cubic-bezier(0.16, 1, 0.3, 1);\n  overflow-y: auto;\n  padding-bottom: env(safe-area-inset-bottom);\n\n  ","\n"])),function(t){var i=t.$isActive;return t.$isMain?o(x||(x=n(["\n        transform: translateX(0%);\n        z-index: 1;\n      "],["\n        transform: translateX(0%);\n        z-index: 1;\n      "]))):o(f||(f=n(["\n        transform: translateX(",");\n        z-index: 2;\n        box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15); \n      "],["\n        transform: translateX(",");\n        z-index: 2;\n        box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15); \n      "])),i?"0%":"100%")}),c=t.div(l||(l=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===i.LEFT?"left: 20px;":"right: 20px;"},function(n){return n.$widgetPosition===i.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{h as Container,c as MiniModeWrapper,m as Panel,b as ScreenWrapper};