@ikas/loyalty-widget-renderer 1.0.0-alpha.60 → 1.0.0-alpha.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/loyalty-widget-renderer",
-  "version": "1.0.0-alpha.60",
+  "version": "1.0.0-alpha.7",
   "description": "",
   "author": "ucy",
   "license": "ISC",
@@ -24,33 +24,22 @@
     "release": "npm publish",
     "build": "rm -rf build && rollup -c",
     "watch": "rollup -c -w",
-    "dev": "parcel app/index.html --port 3000",
-    "serve": "npm run build && npx serve build -p 3000 --cors",
-    "lint:fix": "eslint './src/**/*.{ts,tsx}' --fix"
+    "dev": "parcel app/index.html --port 3000"
   },
   "devDependencies": {
-    "@eslint/eslintrc": "^3.3.3",
-    "@eslint/js": "^9.39.1",
     "@rollup/plugin-commonjs": "^22.0.0",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.3.0",
-    "@trivago/prettier-plugin-sort-imports": "^6.0.0",
     "@types/lodash": "^4.14.191",
     "@types/node": "^12.0.0",
     "@types/react": "^17 || ^18",
     "@types/react-dom": "^17 || ^18",
+    "styled-components": "^5.3.3",
     "@types/styled-components": "5.1.26",
     "@types/uuid": "^9.0.0",
-    "@typescript-eslint/eslint-plugin": "^8.48.1",
-    "@typescript-eslint/parser": "^8.48.1",
-    "cloudflare": "^5.2.0",
-    "eslint": "^9.39.1",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-unused-imports": "^4.3.0",
-    "mobx": "^6.7.0",
+    "mobx": "^6.1.3",
     "mobx-react": "^7.6.0",
     "parcel": "^2.12.0",
-    "prettier": "^3.7.4",
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18",
     "rollup": "^2.75.6",
@@ -60,21 +49,19 @@
     "rollup-plugin-rename-node-modules": "^1.2.0",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
-    "styled-components": "^5.3.3",
     "ts-patch": "^3.3.0",
     "typescript": "^5.9.3",
     "typescript-transform-paths": "^3.5.5"
   },
-  "peerDependencies": {
-    "mobx": "^6.7.0",
+  "peerDependencies": {},
+  "dependencies": {
+    "uuidv4": "^6.2.13",
+    "i18next": "^25.6.3",
+    "react-i18next": "^16.3.5",
+    "mobx": "^6.1.3",
     "mobx-react": "^7.6.0",
-    "react": "^17 || ^18",
-    "react-dom": "^17 || ^18",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "styled-components": "^5.3.3"
-  },
-  "dependencies": {
-    "i18next": "^21.6.12",
-    "react-i18next": "^11.15.5",
-    "uuidv4": "^6.2.13"
   }
-}
+}

package/build/assets/icons/arrow-right.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const ArrowRight: React.FC<React.SVGProps<SVGSVGElement>>;

package/build/assets/icons/arrow-right.js

@@ -1 +0,0 @@
-import e from"react";var t=function(t){return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none"},e.createElement("path",{d:"M2.91797 6.99935H11.0846M11.0846 6.99935L7.0013 2.91602M11.0846 6.99935L7.0013 11.0827",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}))};export{t as ArrowRight};

package/build/ext/@babel/runtime/helpers/esm/arrayLikeToArray.js

@@ -1 +0,0 @@
-function r(r,n){(null==n||n>r.length)&&(n=r.length);for(var t=0,e=Array(n);t<n;t++)e[t]=r[t];return e}export{r as default};

package/build/ext/@babel/runtime/helpers/esm/arrayWithHoles.js

@@ -1 +0,0 @@
-function r(r){if(Array.isArray(r))return r}export{r as default};

package/build/ext/@babel/runtime/helpers/esm/assertThisInitialized.js

@@ -1 +0,0 @@
-function e(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}export{e as default};

package/build/ext/@babel/runtime/helpers/esm/classCallCheck.js

@@ -1 +0,0 @@
-function a(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function")}export{a as default};

package/build/ext/@babel/runtime/helpers/esm/createClass.js

@@ -1 +0,0 @@
-import e from"./toPropertyKey.js";function r(r,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(r,e(n.key),n)}}function t(e,t,o){return t&&r(e.prototype,t),o&&r(e,o),Object.defineProperty(e,"prototype",{writable:!1}),e}export{t as default};

package/build/ext/@babel/runtime/helpers/esm/defineProperty.js

@@ -1 +0,0 @@
-import e from"./toPropertyKey.js";function r(r,t,o){return(t=e(t))in r?Object.defineProperty(r,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[t]=o,r}export{r as default};

package/build/ext/@babel/runtime/helpers/esm/getPrototypeOf.js

@@ -1 +0,0 @@
-function t(e){return t=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},t(e)}export{t as default};

package/build/ext/@babel/runtime/helpers/esm/inherits.js

@@ -1 +0,0 @@
-import e from"./setPrototypeOf.js";function t(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(o&&o.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),o&&e(t,o)}export{t as default};

package/build/ext/@babel/runtime/helpers/esm/iterableToArray.js

@@ -1 +0,0 @@
-function r(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}export{r as default};

package/build/ext/@babel/runtime/helpers/esm/iterableToArrayLimit.js

@@ -1 +0,0 @@
-function l(l,r){var t=null==l?null:"undefined"!=typeof Symbol&&l[Symbol.iterator]||l["@@iterator"];if(null!=t){var e,n,u,a,f=[],i=!0,o=!1;try{if(u=(t=t.call(l)).next,0===r){if(Object(t)!==t)return;i=!1}else for(;!(i=(e=u.call(t)).done)&&(f.push(e.value),f.length!==r);i=!0);}catch(l){o=!0,n=l}finally{try{if(!i&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(o)throw n}}return f}}export{l as default};

package/build/ext/@babel/runtime/helpers/esm/nonIterableRest.js

@@ -1 +0,0 @@
-function t(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}export{t as default};

package/build/ext/@babel/runtime/helpers/esm/possibleConstructorReturn.js

@@ -1 +0,0 @@
-import r from"./typeof.js";import o from"./assertThisInitialized.js";function t(t,e){if(e&&("object"==r(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return o(t)}export{t as default};

package/build/ext/@babel/runtime/helpers/esm/setPrototypeOf.js

@@ -1 +0,0 @@
-function t(e,o){return t=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},t(e,o)}export{t as default};

package/build/ext/@babel/runtime/helpers/esm/slicedToArray.js

@@ -1 +0,0 @@
-import r from"./arrayWithHoles.js";import o from"./iterableToArrayLimit.js";import t from"./unsupportedIterableToArray.js";import e from"./nonIterableRest.js";function a(a,i){return r(a)||o(a,i)||t(a,i)||e()}export{a as default};

package/build/ext/@babel/runtime/helpers/esm/toArray.js

@@ -1 +0,0 @@
-import r from"./arrayWithHoles.js";import o from"./iterableToArray.js";import t from"./unsupportedIterableToArray.js";import e from"./nonIterableRest.js";function a(a){return r(a)||o(a)||t(a)||e()}export{a as default};

package/build/ext/@babel/runtime/helpers/esm/toPrimitive.js

@@ -1 +0,0 @@
-import r from"./typeof.js";function t(t,e){if("object"!=r(t)||!t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var o=i.call(t,e||"default");if("object"!=r(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}export{t as default};

package/build/ext/@babel/runtime/helpers/esm/toPropertyKey.js

@@ -1 +0,0 @@
-import r from"./typeof.js";import t from"./toPrimitive.js";function o(o){var i=t(o,"string");return"symbol"==r(i)?i:i+""}export{o as default};

package/build/ext/@babel/runtime/helpers/esm/typeof.js

@@ -1 +0,0 @@
-function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},o(t)}export{o as default};

package/build/ext/@babel/runtime/helpers/esm/unsupportedIterableToArray.js

@@ -1 +0,0 @@
-import r from"./arrayLikeToArray.js";function t(t,e){if(t){if("string"==typeof t)return r(t,e);var o={}.toString.call(t).slice(8,-1);return"Object"===o&&t.constructor&&(o=t.constructor.name),"Map"===o||"Set"===o?Array.from(t):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?r(t,e):void 0}}export{t as default};

package/build/injector.d.ts

@@ -1,5 +0,0 @@
-import LoyaltyWidgetRenderer from "./renderer";
-import { IkasLoyaltyWidgetConfig } from "./models/types";
-export declare function startIkasLoyaltyWidget(config?: IkasLoyaltyWidgetConfig): void;
-export { LoyaltyWidgetRenderer };
-export type { IkasLoyaltyWidgetConfig };

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

@@ -1,21 +0,0 @@
-import { LoyaltyProgramFilterTypeEnum, PeriodTypeEnum } from "../types";
-export declare class LoyaltyProgramPointLimit {
-    maxPointLimit: number | null;
-    minPointLimit: number | null;
-    constructor(data?: Partial<LoyaltyProgramPointLimit>);
-}
-export declare class LoyaltyProgramFilter {
-    type: LoyaltyProgramFilterTypeEnum;
-    idList: string[];
-    constructor(data?: Partial<LoyaltyProgramFilter>);
-}
-export declare class LoyaltyProgramMethodTranslation {
-    description: string;
-    locale: string;
-    constructor(data?: Partial<LoyaltyProgramMethodTranslation>);
-}
-export declare class LoyaltyProgramPeriod {
-    period: string | null;
-    periodType: PeriodTypeEnum | null;
-    constructor(data?: Partial<LoyaltyProgramPeriod>);
-}

package/build/models/common/index.js

@@ -1 +0,0 @@
-import{makeObservable as i,observable as t}from"mobx";import{LoyaltyProgramFilterTypeEnum as o}from"../types/index.js";var n=function(o){void 0===o&&(o={}),this.maxPointLimit=o.maxPointLimit||null,this.minPointLimit=o.minPointLimit||null,i(this,{maxPointLimit:t,minPointLimit:t})},e=function(n){void 0===n&&(n={}),this.type=n.type||o.CATEGORY,this.idList=n.idList||[],i(this,{type:t,idList:t})},s=function(o){void 0===o&&(o={}),this.description=o.description||"",this.locale=o.locale||"",i(this,{description:t,locale:t})},p=function(o){void 0===o&&(o={}),this.period=o.period||null,this.periodType=o.periodType||null,i(this,{period:t,periodType:t})};export{e as LoyaltyProgramFilter,s as LoyaltyProgramMethodTranslation,p as LoyaltyProgramPeriod,n as LoyaltyProgramPointLimit};

package/build/models/mini-mode/index.d.ts

@@ -1,7 +0,0 @@
-import { LoyaltyWidgetImage } from "models/image";
-export declare class MiniMode {
-    logo: LoyaltyWidgetImage;
-    emoji?: string | null;
-    bgColor?: string | null;
-    constructor(data: Partial<MiniMode>);
-}

package/build/models/mini-mode/index.js

@@ -1 +0,0 @@
-import{makeObservable as o,observable as i}from"mobx";import{LoyaltyWidgetImage as m}from"../image/index.js";var r=function(r){this.logo=r.logo?new m(r.logo):new m({}),this.emoji=r.emoji||"🚀",this.bgColor=r.bgColor||"#FFF",o(this,{logo:i,emoji:i,bgColor:i})};export{r as MiniMode};

package/build/renderer/components/count-up/index.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-type Props = {
-    end: number;
-    duration?: number;
-};
-declare const CountUp: React.FC<Props>;
-export default CountUp;

package/build/renderer/components/count-up/index.js

@@ -1 +0,0 @@
-import r,{useState as n,useRef as t,useEffect as e}from"react";var u=function(u){var a=u.end,c=u.duration,i=void 0===c?1e3:c,o=n(a),m=o[0],l=o[1],f=t(null),v=t(a);return e(function(){var r;v.current=m,f.current=null;var n=function(t){f.current||(f.current=t);var e=Math.min((t-f.current)/i,1),u=1-Math.pow(1-e,4),c=Math.round(v.current+(a-v.current)*u);l(c),e<1&&(r=requestAnimationFrame(n))};return r=requestAnimationFrame(n),function(){return cancelAnimationFrame(r)}},[a,i]),r.createElement(r.Fragment,null,m)};export{u as default};

package/build/renderer/components/flexible-value-container/index.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-type FlexibleValueContainerProps = {
-    children: React.ReactNode | ((isWrapped: boolean) => React.ReactNode);
-    gap?: number;
-    className?: string;
-    style?: React.CSSProperties;
-};
-/**
- * A container that switches flex-direction to 'column' if its children wrap
- * when in 'row' layout.
- *
- * Uses a hidden clone ("Detector") to constantly monitor if a standard row layout
- * would wrap given the current width constraint.
- */
-export declare const FlexibleValueContainer: React.FC<FlexibleValueContainerProps>;
-export {};

package/build/renderer/components/flexible-value-container/index.js

@@ -1 +0,0 @@
-import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import e,{useRef as t,useState as i,useLayoutEffect as r}from"react";import o from"styled-components";var a,s,p=o.div(a||(a=n(["\n  display: flex;\n  flex-direction: ",";\n  align-items: ",";\n  gap: ","px;\n  flex-wrap: wrap;\n  position: relative;\n  width: 100%; /* Ensure it takes available width to properly constrain the detector */\n"],["\n  display: flex;\n  flex-direction: ",";\n  align-items: ",";\n  gap: ","px;\n  flex-wrap: wrap;\n  position: relative;\n  width: 100%; /* Ensure it takes available width to properly constrain the detector */\n"])),function(n){return n.$isWrapped?"column":"row"},function(n){return n.$isWrapped?"flex-start":"center"},function(n){return n.$gap}),l=o.div(s||(s=n(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: ","px;\n  align-items: center;\n\n  /* Positioning to match the container's width constraint */\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n\n  /* Hide from view and interaction */\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -100;\n  opacity: 0;\n"],["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: ","px;\n  align-items: center;\n\n  /* Positioning to match the container's width constraint */\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n\n  /* Hide from view and interaction */\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -100;\n  opacity: 0;\n"])),function(n){return n.$gap}),c=function(n){var o=n.children,a=n.gap,s=void 0===a?6:a,c=n.className,d=n.style,f=t(null),u=i(!1),m=u[0],v=u[1];r(function(){var n=function(){if(f.current){var n=f.current,e=Array.from(n.children);if(e.length<2)v(!1);else{var t=e[0].offsetTop,i=e[e.length-1].offsetTop;v(i>t+2)}}};n();var e=new ResizeObserver(n);return f.current&&e.observe(f.current),function(){return e.disconnect()}},[o]);var w="function"==typeof o?o(m):o,h="function"==typeof o?o(!1):o;return e.createElement(p,{className:c,style:d,$isWrapped:m,$gap:s},w,e.createElement(l,{ref:f,$gap:s,"aria-hidden":"true"},h))};export{c as FlexibleValueContainer};

package/build/renderer/components/mini-mode-button/index.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { LoyaltyWidgetViewModel } from "models";
-type Props = {
-    viewModel: LoyaltyWidgetViewModel;
-};
-declare const MiniModeButton: React.FC<Props>;
-export default MiniModeButton;

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

@@ -1 +0,0 @@
-import{observer as o}from"mobx-react";import e from"react";import{ImageTypeEnum as t}from"../../../models/loyalty-widget/types/index.js";import{WidgetMode as r}from"../../../models/types/index.js";import{Container as l,Logo as i,Emoji as m}from"./style.js";var a=o(function(o){var a=o.viewModel,s=a.loyaltyWidget.miniMode,n=s.logo.type===t.SHOW&&!!s.logo.src;return e.createElement(l,{$hasImg:n,$bgColor:s.bgColor||void 0,onClick:function(o){o.stopPropagation(),a.setWidgetMode(r.WIDGET_MODE)}},n?e.createElement(i,{src:s.logo.src,alt:"Loyalty Widget"}):e.createElement(m,null,s.emoji))});export{a as default};

package/build/renderer/components/mini-mode-button/style.d.ts

@@ -1,6 +0,0 @@
-export declare const Container: import("styled-components").StyledComponent<"div", any, {
-    $hasImg: boolean;
-    $bgColor?: string;
-}, never>;
-export declare const Logo: import("styled-components").StyledComponent<"img", any, {}, never>;
-export declare const Emoji: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -1 +0,0 @@
-import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import e,{css as t}from"styled-components";var r,o,i,s,p=e.div(o||(o=n(["\n  display: flex;\n  width: 60px;\n  height: 60px;\n  padding: ",";\n  justify-content: center;\n  align-items: center;\n  border-radius: 60px;\n  overflow: hidden;\n\n  box-shadow:\n    0 12px 16px -4px rgba(16, 24, 40, 0.08),\n    0 4px 6px -2px rgba(19, 19, 24, 0.03);\n  cursor: pointer;\n  transition: transform 0.2s ease-in-out;\n\n  &:hover {\n    transform: scale(1.05);\n  }\n\n  ","\n"],["\n  display: flex;\n  width: 60px;\n  height: 60px;\n  padding: ",";\n  justify-content: center;\n  align-items: center;\n  border-radius: 60px;\n  overflow: hidden;\n\n  box-shadow:\n    0 12px 16px -4px rgba(16, 24, 40, 0.08),\n    0 4px 6px -2px rgba(19, 19, 24, 0.03);\n  cursor: pointer;\n  transition: transform 0.2s ease-in-out;\n\n  &:hover {\n    transform: scale(1.05);\n  }\n\n  ","\n"])),function(n){return n.$hasImg?"0":"14px"},function(e){return!e.$hasImg&&t(r||(r=n(["\n      background: ",";\n    "],["\n      background: ",";\n    "])),e.$bgColor||"#000")}),a=e.img(i||(i=n(["\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n"],["\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n"]))),d=e.span(s||(s=n(["\n  font-size: 32px;\n  line-height: 1;\n"],["\n  font-size: 32px;\n  line-height: 1;\n"])));export{p as Container,d as Emoji,a as Logo};

package/build/renderer/components/mini-mode-description/index.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { LoyaltyWidgetViewModel } from "models";
-type Props = {
-    viewModel: LoyaltyWidgetViewModel;
-};
-declare const MiniModeDescription: React.FC<Props>;
-export default MiniModeDescription;

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

@@ -1 +0,0 @@
-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/components/mini-mode-description/style.d.ts

@@ -1,3 +0,0 @@
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CloseButton: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Text: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1 +0,0 @@
-import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import p from"styled-components";import{textMD as r}from"../style/typography.js";var o,x,a,i=p.div(o||(o=n(["\n  display: flex;\n  width: 432px;\n  max-width: calc(100vw - 40px);\n  padding: 20px;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 24px;\n  border-radius: 16px;\n  border: 1px solid #ECECED;\n  background: #FFF;\n  box-shadow: 0 22px 6px 0 rgba(0, 0, 0, 0.00), 0 14px 6px 0 rgba(0, 0, 0, 0.01),\n    0 8px 5px 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.09),\n    0 1px 2px 0 rgba(0, 0, 0, 0.10);\n  color: #121926;\n  position: relative;\n  cursor: pointer;\n  margin-bottom: 16px; /* 16px space between description and button */\n"],["\n  display: flex;\n  width: 432px;\n  max-width: calc(100vw - 40px);\n  padding: 20px;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 24px;\n  border-radius: 16px;\n  border: 1px solid #ECECED;\n  background: #FFF;\n  box-shadow: 0 22px 6px 0 rgba(0, 0, 0, 0.00), 0 14px 6px 0 rgba(0, 0, 0, 0.01),\n    0 8px 5px 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.09),\n    0 1px 2px 0 rgba(0, 0, 0, 0.10);\n  color: #121926;\n  position: relative;\n  cursor: pointer;\n  margin-bottom: 16px; /* 16px space between description and button */\n"]))),e=p.div(x||(x=n(["\n  position: absolute;\n  top: -12px;\n  right: -12px;\n  cursor: pointer;\n  display: inline-flex;\n  padding: 6px;\n  align-items: center;\n  gap: 10px;\n  border-radius: 40px;\n  background: #F6F6F6;\n  box-shadow: 0 22px 6px 0 rgba(0, 0, 0, 0.00), 0 14px 6px 0 rgba(0, 0, 0, 0.01),\n    0 8px 5px 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.09),\n    0 1px 2px 0 rgba(0, 0, 0, 0.10);\n  color: #4B5565;\n\n  &:hover {\n    color: #667085;\n  }\n"],["\n  position: absolute;\n  top: -12px;\n  right: -12px;\n  cursor: pointer;\n  display: inline-flex;\n  padding: 6px;\n  align-items: center;\n  gap: 10px;\n  border-radius: 40px;\n  background: #F6F6F6;\n  box-shadow: 0 22px 6px 0 rgba(0, 0, 0, 0.00), 0 14px 6px 0 rgba(0, 0, 0, 0.01),\n    0 8px 5px 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.09),\n    0 1px 2px 0 rgba(0, 0, 0, 0.10);\n  color: #4B5565;\n\n  &:hover {\n    color: #667085;\n  }\n"]))),t=p.div(a||(a=n(["\n  ",";\n  color: #121926;\n"],["\n  ",";\n  color: #121926;\n"])),r);export{e as CloseButton,i as Container,t as Text};

package/build/renderer/components/style/icon-wrapper.d.ts

@@ -1,4 +0,0 @@
-import { WidgetIconTypeEnum } from "models/loyalty-widget/types";
-export declare const iconWrapperShape: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
-    $iconType: WidgetIconTypeEnum;
-}, any>>;

package/build/renderer/components/style/icon-wrapper.js

@@ -1 +0,0 @@
-import{__makeTemplateObject as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import{css as e}from"styled-components";import{WidgetIconTypeEnum as t}from"../../../models/loyalty-widget/types/index.js";var i,r=e(i||(i=n(["\n  display: flex;\n  width: ",";\n  height: ",";\n  justify-content: center;\n  align-items: center;\n  border-radius: ",";\n"],["\n  display: flex;\n  width: ",";\n  height: ",";\n  justify-content: center;\n  align-items: center;\n  border-radius: ",";\n"])),function(n){return n.$iconType===t.ILLUSTRATION?"40px":"36px"},function(n){return n.$iconType===t.ILLUSTRATION?"40px":"36px"},function(n){return n.$iconType===t.ILLUSTRATION?"40px":"8px"});export{r as iconWrapperShape};