@hayanmind/monetai-react-native 0.3.0 → 0.4.0

package/lib/commonjs/components/paywall-wrappers/CompactPaywallWrapper.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CompactPaywallWrapper = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Compact 스타일 래퍼: 하단에 붙어서 372px 높이, dim background 클릭 시 닫기
+const CompactPaywallWrapper = ({
+  onClose,
+  children
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.compactPaywallContainer,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      style: styles.dimBackground,
+      activeOpacity: 1,
+      onPress: onClose
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.compactPaywallContent,
+      children: children
+    })]
+  });
+};
+exports.CompactPaywallWrapper = CompactPaywallWrapper;
+const styles = _reactNative.StyleSheet.create({
+  compactPaywallContainer: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    zIndex: 2000
+  },
+  dimBackground: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)'
+  },
+  compactPaywallContent: {
+    position: 'absolute',
+    bottom: 0,
+    // 하단에 붙음
+    left: 0,
+    // 여백 제거
+    right: 0,
+    // 여백 제거
+    height: 372,
+    backgroundColor: 'white',
+    borderRadius: 12,
+    overflow: 'hidden'
+  }
+});
+var _default = exports.default = CompactPaywallWrapper;
+//# sourceMappingURL=CompactPaywallWrapper.js.map

package/lib/commonjs/components/paywall-wrappers/CompactPaywallWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","CompactPaywallWrapper","onClose","children","jsxs","View","style","styles","compactPaywallContainer","jsx","TouchableOpacity","dimBackground","activeOpacity","onPress","compactPaywallContent","exports","StyleSheet","create","position","top","left","right","bottom","zIndex","backgroundColor","height","borderRadius","overflow","_default"],"sourceRoot":"../../../../src","sources":["components/paywall-wrappers/CompactPaywallWrapper.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAkE,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOlE;AACO,MAAMG,qBAA2D,GAAGA,CAAC;EAC1EC,OAAO;EACPC;AACF,CAAC,KAAK;EACJ,oBACE,IAAAN,WAAA,CAAAO,IAAA,EAACR,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,uBAAwB;IAAAL,QAAA,gBAE1C,IAAAN,WAAA,CAAAY,GAAA,EAACb,YAAA,CAAAc,gBAAgB;MACfJ,KAAK,EAAEC,MAAM,CAACI,aAAc;MAC5BC,aAAa,EAAE,CAAE;MACjBC,OAAO,EAAEX;IAAQ,CAClB,CAAC,eAGF,IAAAL,WAAA,CAAAY,GAAA,EAACb,YAAA,CAAAS,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACO,qBAAsB;MAAAX,QAAA,EAAEA;IAAQ,CAAO,CAAC;EAAA,CACxD,CAAC;AAEX,CAAC;AAACY,OAAA,CAAAd,qBAAA,GAAAA,qBAAA;AAEF,MAAMM,MAAM,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAC/BT,uBAAuB,EAAE;IACvBU,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE;EACV,CAAC;EACDZ,aAAa,EAAE;IACbO,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTE,eAAe,EAAE;EACnB,CAAC;EACDV,qBAAqB,EAAE;IACrBI,QAAQ,EAAE,UAAU;IACpBI,MAAM,EAAE,CAAC;IAAE;IACXF,IAAI,EAAE,CAAC;IAAE;IACTC,KAAK,EAAE,CAAC;IAAE;IACVI,MAAM,EAAE,GAAG;IACXD,eAAe,EAAE,OAAO;IACxBE,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAb,OAAA,CAAAf,OAAA,GAEYC,qBAAqB","ignoreList":[]}

package/lib/commonjs/components/paywall-wrappers/HighlightBenefitsPaywallWrapper.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.HighlightBenefitsPaywallWrapper = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Highlight Benefits 스타일 래퍼: 전체 화면을 차지
+const HighlightBenefitsPaywallWrapper = ({
+  children
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.SafeAreaView, {
+    style: styles.fullScreenContainer,
+    children: children
+  });
+};
+exports.HighlightBenefitsPaywallWrapper = HighlightBenefitsPaywallWrapper;
+const styles = _reactNative.StyleSheet.create({
+  fullScreenContainer: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'white',
+    zIndex: 2000
+  }
+});
+var _default = exports.default = HighlightBenefitsPaywallWrapper;
+//# sourceMappingURL=HighlightBenefitsPaywallWrapper.js.map

package/lib/commonjs/components/paywall-wrappers/HighlightBenefitsPaywallWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","HighlightBenefitsPaywallWrapper","children","jsx","SafeAreaView","style","styles","fullScreenContainer","exports","StyleSheet","create","position","top","left","right","bottom","backgroundColor","zIndex","_default"],"sourceRoot":"../../../../src","sources":["components/paywall-wrappers/HighlightBenefitsPaywallWrapper.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAwD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOxD;AACO,MAAMG,+BAEZ,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EACpB,oBACE,IAAAL,WAAA,CAAAM,GAAA,EAACP,YAAA,CAAAQ,YAAY;IAACC,KAAK,EAAEC,MAAM,CAACC,mBAAoB;IAAAL,QAAA,EAAEA;EAAQ,CAAe,CAAC;AAE9E,CAAC;AAACM,OAAA,CAAAP,+BAAA,GAAAA,+BAAA;AAEF,MAAMK,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,mBAAmB,EAAE;IACnBI,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,eAAe,EAAE,OAAO;IACxBC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAV,OAAA,CAAAR,OAAA,GAEYC,+BAA+B","ignoreList":[]}

package/lib/commonjs/components/paywall-wrappers/KeyFeatureSummaryPaywallWrapper.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.KeyFeatureSummaryPaywallWrapper = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Key Feature Summary 스타일 래퍼: 전체 화면을 차지
+const KeyFeatureSummaryPaywallWrapper = ({
+  children
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.SafeAreaView, {
+    style: styles.fullScreenContainer,
+    children: children
+  });
+};
+exports.KeyFeatureSummaryPaywallWrapper = KeyFeatureSummaryPaywallWrapper;
+const styles = _reactNative.StyleSheet.create({
+  fullScreenContainer: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'white',
+    zIndex: 2000
+  }
+});
+var _default = exports.default = KeyFeatureSummaryPaywallWrapper;
+//# sourceMappingURL=KeyFeatureSummaryPaywallWrapper.js.map

package/lib/commonjs/components/paywall-wrappers/KeyFeatureSummaryPaywallWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","KeyFeatureSummaryPaywallWrapper","children","jsx","SafeAreaView","style","styles","fullScreenContainer","exports","StyleSheet","create","position","top","left","right","bottom","backgroundColor","zIndex","_default"],"sourceRoot":"../../../../src","sources":["components/paywall-wrappers/KeyFeatureSummaryPaywallWrapper.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAwD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOxD;AACO,MAAMG,+BAEZ,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EACpB,oBACE,IAAAL,WAAA,CAAAM,GAAA,EAACP,YAAA,CAAAQ,YAAY;IAACC,KAAK,EAAEC,MAAM,CAACC,mBAAoB;IAAAL,QAAA,EAAEA;EAAQ,CAAe,CAAC;AAE9E,CAAC;AAACM,OAAA,CAAAP,+BAAA,GAAAA,+BAAA;AAEF,MAAMK,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,mBAAmB,EAAE;IACnBI,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,eAAe,EAAE,OAAO;IACxBC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAV,OAAA,CAAAR,OAAA,GAEYC,+BAA+B","ignoreList":[]}

package/lib/commonjs/components/paywall-wrappers/TextFocusedPaywallWrapper.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TextFocusedPaywallWrapper = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Text Focused 스타일 래퍼: 전체 화면을 차지
+const TextFocusedPaywallWrapper = ({
+  children
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.SafeAreaView, {
+    style: styles.fullScreenContainer,
+    children: children
+  });
+};
+exports.TextFocusedPaywallWrapper = TextFocusedPaywallWrapper;
+const styles = _reactNative.StyleSheet.create({
+  fullScreenContainer: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'white',
+    zIndex: 2000
+  }
+});
+var _default = exports.default = TextFocusedPaywallWrapper;
+//# sourceMappingURL=TextFocusedPaywallWrapper.js.map

package/lib/commonjs/components/paywall-wrappers/TextFocusedPaywallWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","TextFocusedPaywallWrapper","children","jsx","SafeAreaView","style","styles","fullScreenContainer","exports","StyleSheet","create","position","top","left","right","bottom","backgroundColor","zIndex","_default"],"sourceRoot":"../../../../src","sources":["components/paywall-wrappers/TextFocusedPaywallWrapper.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAwD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOxD;AACO,MAAMG,yBAEZ,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EACpB,oBACE,IAAAL,WAAA,CAAAM,GAAA,EAACP,YAAA,CAAAQ,YAAY;IAACC,KAAK,EAAEC,MAAM,CAACC,mBAAoB;IAAAL,QAAA,EAAEA;EAAQ,CAAe,CAAC;AAE9E,CAAC;AAACM,OAAA,CAAAP,yBAAA,GAAAA,yBAAA;AAEF,MAAMK,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,mBAAmB,EAAE;IACnBI,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,eAAe,EAAE,OAAO;IACxBC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAV,OAAA,CAAAR,OAAA,GAEYC,yBAAyB","ignoreList":[]}

package/lib/commonjs/components/paywall-wrappers/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CompactPaywallWrapper", {
+  enumerable: true,
+  get: function () {
+    return _CompactPaywallWrapper.default;
+  }
+});
+Object.defineProperty(exports, "HighlightBenefitsPaywallWrapper", {
+  enumerable: true,
+  get: function () {
+    return _HighlightBenefitsPaywallWrapper.default;
+  }
+});
+Object.defineProperty(exports, "KeyFeatureSummaryPaywallWrapper", {
+  enumerable: true,
+  get: function () {
+    return _KeyFeatureSummaryPaywallWrapper.default;
+  }
+});
+Object.defineProperty(exports, "TextFocusedPaywallWrapper", {
+  enumerable: true,
+  get: function () {
+    return _TextFocusedPaywallWrapper.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _CompactPaywallWrapper.default;
+  }
+});
+var _CompactPaywallWrapper = _interopRequireDefault(require("./CompactPaywallWrapper.js"));
+var _HighlightBenefitsPaywallWrapper = _interopRequireDefault(require("./HighlightBenefitsPaywallWrapper.js"));
+var _KeyFeatureSummaryPaywallWrapper = _interopRequireDefault(require("./KeyFeatureSummaryPaywallWrapper.js"));
+var _TextFocusedPaywallWrapper = _interopRequireDefault(require("./TextFocusedPaywallWrapper.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/paywall-wrappers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_CompactPaywallWrapper","_interopRequireDefault","require","_HighlightBenefitsPaywallWrapper","_KeyFeatureSummaryPaywallWrapper","_TextFocusedPaywallWrapper","e","__esModule","default"],"sourceRoot":"../../../../src","sources":["components/paywall-wrappers/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,sBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gCAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gCAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,0BAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAmF,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/constants/paywall.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WEBVIEW_USER_AGENT = exports.PAYWELL_BASE_URL = void 0;
+// Base URLs for webview components
+const PAYWELL_BASE_URL = exports.PAYWELL_BASE_URL = 'https://dashboard.monetai.io/webview';
+// WebView user agent
+const WEBVIEW_USER_AGENT = exports.WEBVIEW_USER_AGENT = 'MonetaiSDK';
+//# sourceMappingURL=paywall.js.map

package/lib/commonjs/constants/paywall.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PAYWELL_BASE_URL","exports","WEBVIEW_USER_AGENT"],"sourceRoot":"../../../src","sources":["constants/paywall.ts"],"mappings":";;;;;;AAAA;AACO,MAAMA,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,sCAAsC;AACtE;AACO,MAAME,kBAAkB,GAAAD,OAAA,CAAAC,kBAAA,GAAG,YAAY","ignoreList":[]}

package/lib/commonjs/hooks/useBanner.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBanner = void 0;
+var _react = require("react");
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _isBetween = _interopRequireDefault(require("dayjs/plugin/isBetween"));
+var _useInterval = require("./useInterval.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// dayjs 플러그인 확장
+_dayjs.default.extend(_isBetween.default);
+const useBanner = ({
+  paywallConfig,
+  // PaywallConfig로 변경
+  discountInfo
+}) => {
+  const [bannerVisible, setBannerVisible] = (0, _react.useState)(false);
+  const [bannerParams, setBannerParams] = (0, _react.useState)(null); // 데이터 준비 시 보관
+
+  // 할인 활성 상태 체크 함수
+  const checkDiscountActive = (0, _react.useCallback)(() => {
+    if (bannerParams == null || bannerParams.enabled === false || bannerParams.isSubscriber === true || discountInfo == null) {
+      return false;
+    }
+    const now = (0, _dayjs.default)();
+    return now.isBetween((0, _dayjs.default)(discountInfo.startedAt), (0, _dayjs.default)(discountInfo.endedAt), null, '[]');
+  }, [discountInfo, bannerParams]);
+  const closeBanner = (0, _react.useCallback)(() => {
+    setBannerVisible(false);
+  }, []);
+  const openBanner = (0, _react.useCallback)(() => {
+    if (!bannerParams) {
+      console.error('[MonetaiSDK] useBanner: Cannot open banner - bannerParams is null (data not ready)');
+      return;
+    }
+    if (checkDiscountActive()) {
+      setBannerVisible(true);
+    }
+  }, [bannerParams, checkDiscountActive]);
+  (0, _react.useEffect)(() => {
+    if (!paywallConfig || !discountInfo) {
+      setBannerParams(null);
+      return;
+    }
+    const baseZIndex = paywallConfig.bannerZIndex ?? 1000;
+    const baseElevation = paywallConfig.bannerElevation ?? 8;
+    const computed = {
+      enabled: paywallConfig.enabled,
+      isSubscriber: paywallConfig.isSubscriber,
+      locale: paywallConfig.locale,
+      discountPercent: paywallConfig.discountPercent,
+      bottom: paywallConfig.bannerBottom,
+      style: paywallConfig.style,
+      endedAt: discountInfo.endedAt,
+      zIndex: baseZIndex,
+      elevation: baseElevation
+    };
+    setBannerParams(computed);
+  }, [paywallConfig, discountInfo]);
+  (0, _react.useEffect)(() => {
+    const isActive = checkDiscountActive();
+    if (isActive) {
+      setBannerVisible(true);
+    } else {
+      setBannerVisible(false);
+    }
+  }, [checkDiscountActive]);
+  (0, _useInterval.useInterval)(() => {
+    const isActive = checkDiscountActive();
+    if (!isActive) {
+      setBannerVisible(false);
+    }
+  }, bannerVisible ? 1000 : null);
+  return {
+    bannerVisible,
+    openBanner,
+    closeBanner,
+    bannerParams // state로 관리되는 bannerParams 반환
+  };
+};
+exports.useBanner = useBanner;
+//# sourceMappingURL=useBanner.js.map

package/lib/commonjs/hooks/useBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_dayjs","_interopRequireDefault","_isBetween","_useInterval","e","__esModule","default","dayjs","extend","isBetween","useBanner","paywallConfig","discountInfo","bannerVisible","setBannerVisible","useState","bannerParams","setBannerParams","checkDiscountActive","useCallback","enabled","isSubscriber","now","startedAt","endedAt","closeBanner","openBanner","console","error","useEffect","baseZIndex","bannerZIndex","baseElevation","bannerElevation","computed","locale","discountPercent","bottom","bannerBottom","style","zIndex","elevation","isActive","useInterval","exports"],"sourceRoot":"../../../src","sources":["hooks/useBanner.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/hooks/useInterval.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useInterval = void 0;
+var _react = require("react");
+/**
+ * Custom hook for setting up an interval that can be paused/resumed
+ * @param callback Function to call on each interval
+ * @param delay Delay in milliseconds, null to pause
+ */
+const useInterval = (callback, delay) => {
+  const savedCallback = (0, _react.useRef)(() => {});
+
+  // Remember the latest callback
+  (0, _react.useEffect)(() => {
+    savedCallback.current = callback;
+  }, [callback]);
+
+  // Set up the interval
+  (0, _react.useEffect)(() => {
+    // Don't schedule if no delay is specified
+    if (delay === null) {
+      return;
+    }
+    const id = setInterval(() => {
+      savedCallback.current?.();
+    }, delay);
+    return () => clearInterval(id);
+  }, [delay]);
+};
+exports.useInterval = useInterval;
+//# sourceMappingURL=useInterval.js.map

package/lib/commonjs/hooks/useInterval.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useInterval","callback","delay","savedCallback","useRef","useEffect","current","id","setInterval","clearInterval","exports"],"sourceRoot":"../../../src","sources":["hooks/useInterval.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACO,MAAMC,WAAW,GAAGA,CAACC,QAAoB,EAAEC,KAAoB,KAAK;EACzE,MAAMC,aAAa,GAAG,IAAAC,aAAM,EAAa,MAAM,CAAC,CAAC,CAAC;;EAElD;EACA,IAAAC,gBAAS,EAAC,MAAM;IACdF,aAAa,CAACG,OAAO,GAAGL,QAAQ;EAClC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;;EAEd;EACA,IAAAI,gBAAS,EAAC,MAAM;IACd;IACA,IAAIH,KAAK,KAAK,IAAI,EAAE;MAClB;IACF;IAEA,MAAMK,EAAE,GAAGC,WAAW,CAAC,MAAM;MAC3BL,aAAa,CAACG,OAAO,GAAG,CAAC;IAC3B,CAAC,EAAEJ,KAAK,CAAC;IAET,OAAO,MAAMO,aAAa,CAACF,EAAE,CAAC;EAChC,CAAC,EAAE,CAACL,KAAK,CAAC,CAAC;AACb,CAAC;AAACQ,OAAA,CAAAV,WAAA,GAAAA,WAAA","ignoreList":[]}

package/lib/commonjs/hooks/usePaywall.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePaywall = void 0;
+var _react = require("react");
+const usePaywall = ({
+  paywallConfig,
+  // 타입 변경
+  discountInfo,
+  // discountInfo 추가
+  onClose
+}) => {
+  const [paywallVisible, setPaywallVisible] = (0, _react.useState)(false);
+  const [paywallParams, setPaywallParams] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    if (!discountInfo || !paywallConfig) {
+      setPaywallParams(null);
+      return;
+    }
+    const paywallZ = paywallConfig.paywallZIndex ?? 2000;
+    const paywallElevation = paywallConfig.paywallElevation ?? 16;
+    const computedParams = {
+      discountPercent: paywallConfig.discountPercent.toString(),
+      endedAt: discountInfo.endedAt.toISOString(),
+      regularPrice: paywallConfig.regularPrice,
+      discountedPrice: paywallConfig.discountedPrice,
+      locale: paywallConfig.locale,
+      features: paywallConfig.features,
+      style: paywallConfig.style,
+      zIndex: paywallZ,
+      elevation: paywallElevation
+    };
+    setPaywallParams(computedParams);
+  }, [discountInfo, paywallConfig]);
+
+  // 페이월 열기
+  const openPaywall = (0, _react.useCallback)(() => {
+    if (!paywallParams) {
+      console.error('[MonetaiSDK] usePaywall: Cannot open paywall - paywallParams is null (data not ready)');
+      return;
+    }
+    setPaywallVisible(true);
+  }, [paywallParams]);
+
+  // 페이월 닫기
+  const closePaywall = (0, _react.useCallback)(() => {
+    setPaywallVisible(false);
+    onClose?.();
+  }, [onClose]);
+  return {
+    paywallVisible,
+    paywallParams,
+    openPaywall,
+    closePaywall
+  };
+};
+exports.usePaywall = usePaywall;
+//# sourceMappingURL=usePaywall.js.map

package/lib/commonjs/hooks/usePaywall.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","usePaywall","paywallConfig","discountInfo","onClose","paywallVisible","setPaywallVisible","useState","paywallParams","setPaywallParams","useEffect","paywallZ","paywallZIndex","paywallElevation","computedParams","discountPercent","toString","endedAt","toISOString","regularPrice","discountedPrice","locale","features","style","zIndex","elevation","openPaywall","useCallback","console","error","closePaywall","exports"],"sourceRoot":"../../../src","sources":["hooks/usePaywall.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAgBO,MAAMC,UAAU,GAAGA,CAAC;EACzBC,aAAa;EAAE;EACfC,YAAY;EAAE;EACdC;AACe,CAAC,KAAuB;EACvC,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC3D,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAF,eAAQ,EAChD,IACF,CAAC;EAED,IAAAG,gBAAS,EAAC,MAAM;IACd,IAAI,CAACP,YAAY,IAAI,CAACD,aAAa,EAAE;MACnCO,gBAAgB,CAAC,IAAI,CAAC;MACtB;IACF;IAEA,MAAME,QAAQ,GAAGT,aAAa,CAACU,aAAa,IAAI,IAAI;IACpD,MAAMC,gBAAgB,GAAGX,aAAa,CAACW,gBAAgB,IAAI,EAAE;IAC7D,MAAMC,cAA6B,GAAG;MACpCC,eAAe,EAAEb,aAAa,CAACa,eAAe,CAACC,QAAQ,CAAC,CAAC;MACzDC,OAAO,EAAEd,YAAY,CAACc,OAAO,CAACC,WAAW,CAAC,CAAC;MAC3CC,YAAY,EAAEjB,aAAa,CAACiB,YAAY;MACxCC,eAAe,EAAElB,aAAa,CAACkB,eAAe;MAC9CC,MAAM,EAAEnB,aAAa,CAACmB,MAAM;MAC5BC,QAAQ,EAAEpB,aAAa,CAACoB,QAAQ;MAChCC,KAAK,EAAErB,aAAa,CAACqB,KAAK;MAC1BC,MAAM,EAAEb,QAAQ;MAChBc,SAAS,EAAEZ;IACb,CAAC;IAEDJ,gBAAgB,CAACK,cAAc,CAAC;EAClC,CAAC,EAAE,CAACX,YAAY,EAAED,aAAa,CAAC,CAAC;;EAEjC;EACA,MAAMwB,WAAW,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACpC,IAAI,CAACnB,aAAa,EAAE;MAClBoB,OAAO,CAACC,KAAK,CACX,uFACF,CAAC;MACD;IACF;IACAvB,iBAAiB,CAAC,IAAI,CAAC;EACzB,CAAC,EAAE,CAACE,aAAa,CAAC,CAAC;;EAEnB;EACA,MAAMsB,YAAY,GAAG,IAAAH,kBAAW,EAAC,MAAM;IACrCrB,iBAAiB,CAAC,KAAK,CAAC;IACxBF,OAAO,GAAG,CAAC;EACb,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,OAAO;IACLC,cAAc;IACdG,aAAa;IACbkB,WAAW;IACXI;EACF,CAAC;AACH,CAAC;AAACC,OAAA,CAAA9B,UAAA,GAAAA,UAAA","ignoreList":[]}

package/lib/commonjs/index.js

@@ -3,15 +3,68 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "Banner", {
+  enumerable: true,
+  get: function () {
+    return _Banner.default;
+  }
+});
+Object.defineProperty(exports, "CompactPaywallWrapper", {
+  enumerable: true,
+  get: function () {
+    return _index.CompactPaywallWrapper;
+  }
+});
+Object.defineProperty(exports, "HighlightBenefitsPaywallWrapper", {
+  enumerable: true,
+  get: function () {
+    return _index.HighlightBenefitsPaywallWrapper;
+  }
+});
+Object.defineProperty(exports, "KeyFeatureSummaryPaywallWrapper", {
+  enumerable: true,
+  get: function () {
+    return _index.KeyFeatureSummaryPaywallWrapper;
+  }
+});
 Object.defineProperty(exports, "MonetaiProvider", {
   enumerable: true,
   get: function () {
     return _MonetaiProvider.default;
   }
 });
+Object.defineProperty(exports, "Paywall", {
+  enumerable: true,
+  get: function () {
+    return _Paywall.default;
+  }
+});
+Object.defineProperty(exports, "TextFocusedPaywallWrapper", {
+  enumerable: true,
+  get: function () {
+    return _index.TextFocusedPaywallWrapper;
+  }
+});
 exports.default = void 0;
+Object.defineProperty(exports, "useBanner", {
+  enumerable: true,
+  get: function () {
+    return _useBanner.useBanner;
+  }
+});
+Object.defineProperty(exports, "usePaywall", {
+  enumerable: true,
+  get: function () {
+    return _usePaywall.usePaywall;
+  }
+});
 var _MonetaiSDK = _interopRequireDefault(require("./MonetaiSDK.js"));
 var _MonetaiProvider = _interopRequireDefault(require("./MonetaiProvider.js"));
+var _Banner = _interopRequireDefault(require("./components/Banner.js"));
+var _Paywall = _interopRequireDefault(require("./components/Paywall.js"));
+var _index = require("./components/paywall-wrappers/index.js");
+var _useBanner = require("./hooks/useBanner.js");
+var _usePaywall = require("./hooks/usePaywall.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = _MonetaiSDK.default;
+var _default = exports.default = _MonetaiSDK.default; // Export types
 //# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_MonetaiSDK","_interopRequireDefault","require","_MonetaiProvider","e","__esModule","default","_default","exports","MonetaiSDK"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAgD,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEjCG,mBAAU","ignoreList":[]}
+{"version":3,"names":["_MonetaiSDK","_interopRequireDefault","require","_MonetaiProvider","_Banner","_Paywall","_index","_useBanner","_usePaywall","e","__esModule","default","_default","exports","MonetaiSDK"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,QAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAMA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAAgD,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEjCG,mBAAU,EAazB","ignoreList":[]}

package/lib/commonjs/lib.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.getSDKVersion = getSDKVersion;
 function getSDKVersion() {
   // __SDK_VERSION__이 정의되어 있으면 해당 값을 사용
-  if (typeof "0.3.0" === 'string') {
-    return "0.3.0";
+  if (typeof "0.4.0" === 'string') {
+    return "0.4.0";
   }
 
   // 그렇지 않으면, package.json을 lazy하게 불러와 version을 반환

package/lib/module/MonetaiProvider.js

@@ -1,11 +1,17 @@
 "use strict";
 
 // MonetaiProvider.tsx
-import { useEffect, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import { StyleSheet, View } from 'react-native';
 import monetaiSDK from "./MonetaiSDK.js";
 import { getAppUserDiscount } from "./ApiRequest.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import PaywallManager from "./PaywallManager.js";
+import dayjs from 'dayjs';
+import isBetween from 'dayjs/plugin/isBetween';
+
+// dayjs 플러그인 확장
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+dayjs.extend(isBetween);
 const styles = StyleSheet.create({
   container: {
     flex: 1
@@ -17,45 +23,62 @@ const styles = StyleSheet.create({
  */
 export default function MonetaiProvider({
   children,
-  onDiscountInfoChange
+  onDiscountInfoChange,
+  paywallConfig // 통합된 설정
 }) {
   const [discountInfo, setDiscountInfo] = useState(null);
+  const onLoadDiscountInfo = useCallback(async () => {
+    const userId = await monetaiSDK.getUserId();
+    const sdkKey = await monetaiSDK.getSdkKey();
+    if (userId == null || sdkKey == null) {
+      console.warn('onLoadDiscountInfo: User ID or SDK Key is not set.');
+      return;
+    }
+    const discount = await getAppUserDiscount({
+      userId,
+      sdkKey
+    });
+    if (discount != null && discount.app_user_id !== userId) {
+      return;
+    }
+    const newDiscountInfo = discount == null ? null : {
+      startedAt: new Date(discount.started_at),
+      endedAt: new Date(discount.ended_at),
+      userId: discount.app_user_id,
+      sdkKey: discount.sdk_key
+    };
+    setDiscountInfo(newDiscountInfo);
+  }, []);
   useEffect(() => {
-    const emitter = monetaiSDK.getEmitter();
-    const onLoadDiscountInfo = async () => {
+    (async () => {
       const userId = await monetaiSDK.getUserId();
       const sdkKey = await monetaiSDK.getSdkKey();
-      if (userId == null || sdkKey == null) {
-        console.warn('onLoadDiscountInfo: User ID or SDK Key is not set.');
-        return;
+      if (userId != null && sdkKey != null) {
+        onLoadDiscountInfo();
       }
-      const discount = await getAppUserDiscount({
-        userId,
-        sdkKey
-      });
-      if (discount != null && discount.app_user_id !== userId) {
-        return;
-      }
-      setDiscountInfo(discount == null ? null : {
-        startedAt: discount.started_at,
-        endedAt: discount.ended_at,
-        userId: discount.app_user_id,
-        sdkKey: discount.sdk_key
-      });
-    };
+    })();
+  }, [onLoadDiscountInfo]);
+  useEffect(() => {
+    const emitter = monetaiSDK.getEmitter();
     emitter.on('LOAD_DISCOUNT_INFO', onLoadDiscountInfo);
     return () => {
       emitter.off('LOAD_DISCOUNT_INFO', onLoadDiscountInfo);
     };
-  }, []);
+  }, [onLoadDiscountInfo]);
   useEffect(() => {
     if (onDiscountInfoChange) {
       onDiscountInfoChange(discountInfo);
     }
   }, [onDiscountInfoChange, discountInfo]);
-  return /*#__PURE__*/_jsx(View, {
+  const isPromotionActive = useMemo(() => {
+    return paywallConfig?.enabled && !paywallConfig.isSubscriber && discountInfo != null && dayjs().isBetween(dayjs(discountInfo.startedAt), dayjs(discountInfo.endedAt), null, '[]');
+  }, [discountInfo, paywallConfig]);
+  return /*#__PURE__*/_jsxs(View, {
     style: styles.container,
-    children: children
+    children: [children, isPromotionActive && paywallConfig != null && /*#__PURE__*/_jsx(PaywallManager, {
+      paywallConfig: paywallConfig,
+      discountInfo: discountInfo
+    })]
   });
 }
 //# sourceMappingURL=MonetaiProvider.js.map