@hayanmind/monetai-react-native 0.3.0 → 0.4.0-beta.0

package/lib/commonjs/MonetaiProvider.js

@@ -8,10 +8,15 @@ var _react = require("react");
 var _reactNative = require("react-native");
 var _MonetaiSDK = _interopRequireDefault(require("./MonetaiSDK.js"));
 var _ApiRequest = require("./ApiRequest.js");
+var _PaywallManager = _interopRequireDefault(require("./PaywallManager.js"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _isBetween = _interopRequireDefault(require("dayjs/plugin/isBetween"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // MonetaiProvider.tsx
 
+// dayjs 플러그인 확장
+_dayjs.default.extend(_isBetween.default);
 const styles = _reactNative.StyleSheet.create({
   container: {
     flex: 1
@@ -23,45 +28,62 @@ const styles = _reactNative.StyleSheet.create({
  */
 function MonetaiProvider({
   children,
-  onDiscountInfoChange
+  onDiscountInfoChange,
+  paywallConfig // 통합된 설정
 }) {
   const [discountInfo, setDiscountInfo] = (0, _react.useState)(null);
+  const onLoadDiscountInfo = (0, _react.useCallback)(async () => {
+    const userId = await _MonetaiSDK.default.getUserId();
+    const sdkKey = await _MonetaiSDK.default.getSdkKey();
+    if (userId == null || sdkKey == null) {
+      console.warn('onLoadDiscountInfo: User ID or SDK Key is not set.');
+      return;
+    }
+    const discount = await (0, _ApiRequest.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);
+  }, []);
   (0, _react.useEffect)(() => {
-    const emitter = _MonetaiSDK.default.getEmitter();
-    const onLoadDiscountInfo = async () => {
+    (async () => {
       const userId = await _MonetaiSDK.default.getUserId();
       const sdkKey = await _MonetaiSDK.default.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 (0, _ApiRequest.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]);
+  (0, _react.useEffect)(() => {
+    const emitter = _MonetaiSDK.default.getEmitter();
     emitter.on('LOAD_DISCOUNT_INFO', onLoadDiscountInfo);
     return () => {
       emitter.off('LOAD_DISCOUNT_INFO', onLoadDiscountInfo);
     };
-  }, []);
+  }, [onLoadDiscountInfo]);
   (0, _react.useEffect)(() => {
     if (onDiscountInfoChange) {
       onDiscountInfoChange(discountInfo);
     }
   }, [onDiscountInfoChange, discountInfo]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  const isPromotionActive = (0, _react.useMemo)(() => {
+    return paywallConfig?.enabled && !paywallConfig.isSubscriber && discountInfo != null && (0, _dayjs.default)().isBetween((0, _dayjs.default)(discountInfo.startedAt), (0, _dayjs.default)(discountInfo.endedAt), null, '[]');
+  }, [discountInfo, paywallConfig]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
-    children: children
+    children: [children, isPromotionActive && paywallConfig != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PaywallManager.default, {
+      paywallConfig: paywallConfig,
+      discountInfo: discountInfo
+    })]
   });
 }
 //# sourceMappingURL=MonetaiProvider.js.map

package/lib/commonjs/MonetaiProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_MonetaiSDK","_interopRequireDefault","_ApiRequest","_jsxRuntime","e","__esModule","default","styles","StyleSheet","create","container","flex","MonetaiProvider","children","onDiscountInfoChange","discountInfo","setDiscountInfo","useState","useEffect","emitter","monetaiSDK","getEmitter","onLoadDiscountInfo","userId","getUserId","sdkKey","getSdkKey","console","warn","discount","getAppUserDiscount","app_user_id","startedAt","started_at","endedAt","ended_at","sdk_key","on","off","jsx","View","style"],"sourceRoot":"../../src","sources":["MonetaiProvider.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,WAAA,GAAAJ,OAAA;AAAkD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AALlD;;AAOA,MAAMG,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IAAEC,IAAI,EAAE;EAAE;AACvB,CAAC,CAAC;AAYF;AACA;AACA;AACA;AACe,SAASC,eAAeA,CAAC;EACtCC,QAAQ;EACRC;AACoB,CAAC,EAAE;EACvB,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAAsB,IAAI,CAAC;EAE3E,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,OAAO,GAAGC,mBAAU,CAACC,UAAU,CAAC,CAAC;IACvC,MAAMC,kBAAkB,GAAG,MAAAA,CAAA,KAAY;MACrC,MAAMC,MAAM,GAAG,MAAMH,mBAAU,CAACI,SAAS,CAAC,CAAC;MAC3C,MAAMC,MAAM,GAAG,MAAML,mBAAU,CAACM,SAAS,CAAC,CAAC;MAE3C,IAAIH,MAAM,IAAI,IAAI,IAAIE,MAAM,IAAI,IAAI,EAAE;QACpCE,OAAO,CAACC,IAAI,CAAC,oDAAoD,CAAC;QAClE;MACF;MAEA,MAAMC,QAAQ,GAAG,MAAM,IAAAC,8BAAkB,EAAC;QAAEP,MAAM;QAAEE;MAAO,CAAC,CAAC;MAC7D,IAAII,QAAQ,IAAI,IAAI,IAAIA,QAAQ,CAACE,WAAW,KAAKR,MAAM,EAAE;QACvD;MACF;MAEAP,eAAe,CACba,QAAQ,IAAI,IAAI,GACZ,IAAI,GACJ;QACEG,SAAS,EAAEH,QAAQ,CAACI,UAAU;QAC9BC,OAAO,EAAEL,QAAQ,CAACM,QAAQ;QAC1BZ,MAAM,EAAEM,QAAQ,CAACE,WAAW;QAC5BN,MAAM,EAAEI,QAAQ,CAACO;MACnB,CACN,CAAC;IACH,CAAC;IAEDjB,OAAO,CAACkB,EAAE,CAAC,oBAAoB,EAAEf,kBAAkB,CAAC;IAEpD,OAAO,MAAM;MACXH,OAAO,CAACmB,GAAG,CAAC,oBAAoB,EAAEhB,kBAAkB,CAAC;IACvD,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAJ,gBAAS,EAAC,MAAM;IACd,IAAIJ,oBAAoB,EAAE;MACxBA,oBAAoB,CAACC,YAAY,CAAC;IACpC;EACF,CAAC,EAAE,CAACD,oBAAoB,EAAEC,YAAY,CAAC,CAAC;EAExC,oBACE,IAAAZ,WAAA,CAAAoC,GAAA,EAACxC,YAAA,CAAAyC,IAAI;IAACC,KAAK,EAAElC,MAAM,CAACG,SAAU;IAAAG,QAAA,EAE3BA;EAAQ,CACL,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_MonetaiSDK","_interopRequireDefault","_ApiRequest","_PaywallManager","_dayjs","_isBetween","_jsxRuntime","e","__esModule","default","dayjs","extend","isBetween","styles","StyleSheet","create","container","flex","MonetaiProvider","children","onDiscountInfoChange","paywallConfig","discountInfo","setDiscountInfo","useState","onLoadDiscountInfo","useCallback","userId","monetaiSDK","getUserId","sdkKey","getSdkKey","console","warn","discount","getAppUserDiscount","app_user_id","newDiscountInfo","startedAt","Date","started_at","endedAt","ended_at","sdk_key","useEffect","emitter","getEmitter","on","off","isPromotionActive","useMemo","enabled","isSubscriber","jsxs","View","style","jsx"],"sourceRoot":"../../src","sources":["MonetaiProvider.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/PaywallManager.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Banner = _interopRequireDefault(require("./components/Banner.js"));
+var _Paywall = _interopRequireDefault(require("./components/Paywall.js"));
+var _useBanner = require("./hooks/useBanner.js");
+var _usePaywall = require("./hooks/usePaywall.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const PaywallManager = ({
+  paywallConfig,
+  discountInfo
+}) => {
+  // 배너 상태 관리 및 자동 표시 훅 사용
+  const {
+    bannerVisible,
+    bannerParams
+  } = (0, _useBanner.useBanner)({
+    paywallConfig,
+    discountInfo
+  });
+
+  // 페이월 상태 관리 훅 사용
+  const {
+    paywallVisible,
+    paywallParams,
+    openPaywall,
+    closePaywall
+  } = (0, _usePaywall.usePaywall)({
+    discountInfo,
+    paywallConfig
+  });
+
+  // 페이월 열기 (배너 닫기 + 페이월 열기)
+  const handlePaywall = () => {
+    openPaywall(); // 페이월 열기
+  };
+
+  // 구매 처리
+  const handlePurchase = () => {
+    paywallConfig?.onPurchase?.(closePaywall);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [bannerParams != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Banner.default, {
+      visible: bannerVisible,
+      onPaywall: handlePaywall,
+      bannerParams: bannerParams
+    }), paywallParams && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Paywall.default, {
+      visible: paywallVisible,
+      params: paywallParams,
+      onClose: closePaywall,
+      onPurchase: handlePurchase,
+      onTermsOfService: paywallConfig?.onTermsOfService,
+      onPrivacyPolicy: paywallConfig?.onPrivacyPolicy,
+      preload: true
+    })]
+  });
+};
+var _default = exports.default = PaywallManager;
+//# sourceMappingURL=PaywallManager.js.map

package/lib/commonjs/PaywallManager.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Banner","_interopRequireDefault","require","_Paywall","_useBanner","_usePaywall","_jsxRuntime","e","__esModule","default","PaywallManager","paywallConfig","discountInfo","bannerVisible","bannerParams","useBanner","paywallVisible","paywallParams","openPaywall","closePaywall","usePaywall","handlePaywall","handlePurchase","onPurchase","jsxs","Fragment","children","jsx","visible","onPaywall","params","onClose","onTermsOfService","onPrivacyPolicy","preload","_default","exports"],"sourceRoot":"../../src","sources":["PaywallManager.tsx"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAgD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGhD,MAAMG,cAAc,GAAGA,CAAC;EACtBC,aAAa;EACbC;AAIF,CAAC,KAAK;EACJ;EACA,MAAM;IAAEC,aAAa;IAAEC;EAAa,CAAC,GAAG,IAAAC,oBAAS,EAAC;IAChDJ,aAAa;IACbC;EACF,CAAC,CAAC;;EAEF;EACA,MAAM;IAAEI,cAAc;IAAEC,aAAa;IAAEC,WAAW;IAAEC;EAAa,CAAC,GAChE,IAAAC,sBAAU,EAAC;IACTR,YAAY;IACZD;EACF,CAAC,CAAC;;EAEJ;EACA,MAAMU,aAAa,GAAGA,CAAA,KAAM;IAC1BH,WAAW,CAAC,CAAC,CAAC,CAAC;EACjB,CAAC;;EAED;EACA,MAAMI,cAAc,GAAGA,CAAA,KAAM;IAC3BX,aAAa,EAAEY,UAAU,GAAGJ,YAAY,CAAC;EAC3C,CAAC;EAED,oBACE,IAAAb,WAAA,CAAAkB,IAAA,EAAAlB,WAAA,CAAAmB,QAAA;IAAAC,QAAA,GACGZ,YAAY,IAAI,IAAI,iBACnB,IAAAR,WAAA,CAAAqB,GAAA,EAAC3B,OAAA,CAAAS,OAAM;MACLmB,OAAO,EAAEf,aAAc;MACvBgB,SAAS,EAAER,aAAc;MACzBP,YAAY,EAAEA;IAAa,CAC5B,CACF,EACAG,aAAa,iBACZ,IAAAX,WAAA,CAAAqB,GAAA,EAACxB,QAAA,CAAAM,OAAO;MACNmB,OAAO,EAAEZ,cAAe;MACxBc,MAAM,EAAEb,aAAc;MACtBc,OAAO,EAAEZ,YAAa;MACtBI,UAAU,EAAED,cAAe;MAC3BU,gBAAgB,EAAErB,aAAa,EAAEqB,gBAAiB;MAClDC,eAAe,EAAEtB,aAAa,EAAEsB,eAAgB;MAChDC,OAAO;IAAA,CACR,CACF;EAAA,CACD,CAAC;AAEP,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA3B,OAAA,GAEaC,cAAc","ignoreList":[]}

package/lib/commonjs/components/Banner.js

@@ -0,0 +1,141 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeWebview = require("react-native-webview");
+var _paywall = require("../constants/paywall.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const MESSAGE_KEY_CLICK_BANNER = 'CLICK_BANNER';
+const Banner = ({
+  visible,
+  onPaywall,
+  bannerParams
+}) => {
+  const [isLoaded, setIsLoaded] = (0, _react.useState)(false);
+  const [hasWebViewError, setHasWebViewError] = (0, _react.useState)(false);
+  const handleWebViewMessage = event => {
+    const message = event.nativeEvent.data;
+    if (message === MESSAGE_KEY_CLICK_BANNER) {
+      onPaywall();
+    }
+  };
+  const getBannerWebViewUrl = () => {
+    // Banner 컴포넌트에서 직접 URL 생성
+    const baseUrl = `${_paywall.PAYWELL_BASE_URL}/banner`;
+    const bannerStyle = bannerParams.style;
+
+    // 기본 파라미터들
+    const params = new URLSearchParams();
+    params.append('discount', bannerParams.discountPercent.toString());
+    params.append('locale', bannerParams.locale);
+    params.append('endedAt', bannerParams.endedAt.toISOString());
+    const url = `${baseUrl}/${bannerStyle}?${params.toString()}`;
+    return url;
+  };
+  const isCompactStyle = bannerParams.style === 'compact';
+  const isKeyFeatureSummaryStyle = bannerParams.style === 'key-feature-summary';
+  const isHighlightBenefitsStyle = bannerParams.style === 'highlight-benefits';
+  const isTextFocusedStyle = bannerParams.style === 'text-focused';
+  if (!visible || hasWebViewError) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.bannerContainer, {
+      bottom: bannerParams.bottom ?? 20
+    }, bannerParams.zIndex != null && {
+      zIndex: bannerParams.zIndex
+    }, bannerParams.elevation != null && {
+      elevation: bannerParams.elevation
+    }, isCompactStyle && styles.compactBannerContainer, isKeyFeatureSummaryStyle && styles.keyFeatureSummaryBannerContainer, isHighlightBenefitsStyle && styles.highlightBenefitsBannerContainer, isCompactStyle && styles.noShadow, isTextFocusedStyle && styles.redShadow, isKeyFeatureSummaryStyle && styles.blackShadow, isHighlightBenefitsStyle && styles.blackShadow, isLoaded ? styles.visible : styles.hidden],
+    pointerEvents: isLoaded ? 'auto' : 'none',
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.innerRoundedContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeWebview.WebView, {
+        source: {
+          uri: getBannerWebViewUrl()
+        },
+        onMessage: handleWebViewMessage,
+        onLoadStart: () => setIsLoaded(false),
+        onLoadEnd: () => setIsLoaded(true),
+        onError: () => {
+          console.error('[MonetaiSDK] Banner WebView onError');
+          setHasWebViewError(true);
+        },
+        onHttpError: () => {
+          console.error('[MonetaiSDK] Banner WebView onHttpError');
+          setHasWebViewError(true);
+        },
+        javaScriptEnabled: true,
+        userAgent: _paywall.WEBVIEW_USER_AGENT,
+        style: styles.webView
+      })
+    })
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  bannerContainer: {
+    position: 'absolute',
+    left: 12,
+    right: 12,
+    height: 45,
+    // 기본 높이
+    backgroundColor: 'white',
+    borderRadius: 12,
+    // 둥근 모서리
+    shadowColor: 'rgba(0, 0, 0, 0.25)',
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    shadowOpacity: 1,
+    shadowRadius: 10,
+    elevation: 8,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    zIndex: 1000
+  },
+  compactBannerContainer: {
+    height: 68 // compact 스타일일 때 높이
+  },
+  noShadow: {
+    shadowColor: 'transparent',
+    shadowOffset: {
+      width: 0,
+      height: 0
+    },
+    shadowOpacity: 0,
+    shadowRadius: 0
+  },
+  webView: {
+    flex: 1
+  },
+  visible: {
+    opacity: 1
+  },
+  hidden: {
+    opacity: 0
+  },
+  innerRoundedContainer: {
+    flex: 1,
+    borderRadius: 12,
+    overflow: 'hidden'
+  },
+  keyFeatureSummaryBannerContainer: {
+    height: 56 // key-feature-summary 스타일일 때 높이
+  },
+  highlightBenefitsBannerContainer: {
+    height: 56 // highlight-benefits 스타일일 때 높이
+  },
+  blackShadow: {
+    shadowColor: 'rgba(0, 0, 0, 0.25)'
+  },
+  redShadow: {
+    shadowColor: 'rgba(228, 78, 72, 0.25)'
+  }
+});
+var _default = exports.default = Banner;
+//# sourceMappingURL=Banner.js.map

package/lib/commonjs/components/Banner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeWebview","_paywall","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MESSAGE_KEY_CLICK_BANNER","Banner","visible","onPaywall","bannerParams","isLoaded","setIsLoaded","useState","hasWebViewError","setHasWebViewError","handleWebViewMessage","event","message","nativeEvent","data","getBannerWebViewUrl","baseUrl","PAYWELL_BASE_URL","bannerStyle","style","params","URLSearchParams","append","discountPercent","toString","locale","endedAt","toISOString","url","isCompactStyle","isKeyFeatureSummaryStyle","isHighlightBenefitsStyle","isTextFocusedStyle","jsx","View","styles","bannerContainer","bottom","zIndex","elevation","compactBannerContainer","keyFeatureSummaryBannerContainer","highlightBenefitsBannerContainer","noShadow","redShadow","blackShadow","hidden","pointerEvents","children","innerRoundedContainer","WebView","source","uri","onMessage","onLoadStart","onLoadEnd","onError","console","error","onHttpError","javaScriptEnabled","userAgent","WEBVIEW_USER_AGENT","webView","StyleSheet","create","position","left","right","height","backgroundColor","borderRadius","shadowColor","shadowOffset","width","shadowOpacity","shadowRadius","flexDirection","alignItems","justifyContent","flex","opacity","overflow","_default","exports"],"sourceRoot":"../../../src","sources":["components/Banner.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Paywall.js

@@ -0,0 +1,236 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeWebview = require("react-native-webview");
+var _paywall = require("../constants/paywall.js");
+var _CompactPaywallWrapper = _interopRequireDefault(require("./paywall-wrappers/CompactPaywallWrapper.js"));
+var _HighlightBenefitsPaywallWrapper = _interopRequireDefault(require("./paywall-wrappers/HighlightBenefitsPaywallWrapper.js"));
+var _KeyFeatureSummaryPaywallWrapper = _interopRequireDefault(require("./paywall-wrappers/KeyFeatureSummaryPaywallWrapper.js"));
+var _TextFocusedPaywallWrapper = _interopRequireDefault(require("./paywall-wrappers/TextFocusedPaywallWrapper.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const MESSAGE_KEY_PURCHASE_BUTTON = 'CLICK_PURCHASE_BUTTON';
+const MESSAGE_KEY_CLOSE_BUTTON = 'CLICK_CLOSE_BUTTON';
+const MESSAGE_KEY_TERMS_OF_SERVICE = 'CLICK_TERMS_OF_SERVICE';
+const MESSAGE_KEY_PRIVACY_POLICY = 'CLICK_PRIVACY_POLICY';
+const Paywall = ({
+  visible,
+  preload,
+  onClose,
+  onPurchase,
+  onTermsOfService,
+  onPrivacyPolicy,
+  params
+}) => {
+  const [isLoaded, setIsLoaded] = (0, _react.useState)(false);
+  const [hasWebViewError, setHasWebViewError] = (0, _react.useState)(false);
+  const handleWebViewMessage = event => {
+    switch (event.nativeEvent.data) {
+      case MESSAGE_KEY_PURCHASE_BUTTON:
+        onPurchase();
+        break;
+      case MESSAGE_KEY_CLOSE_BUTTON:
+        onClose();
+        break;
+      case MESSAGE_KEY_TERMS_OF_SERVICE:
+        onTermsOfService?.();
+        break;
+      case MESSAGE_KEY_PRIVACY_POLICY:
+        onPrivacyPolicy?.();
+        break;
+    }
+  };
+  const getPaywallWebViewUrl = () => {
+    // monetai-web의 현재 구조에 맞춰 URL 생성
+    // 각 스타일별로 별도의 페이지가 있으므로 직접 스타일을 URL에 포함
+    const baseUrl = `${_paywall.PAYWELL_BASE_URL}/paywall`;
+    const paywallStyle = params.style;
+    const searchParams = new URLSearchParams();
+    if (params.discountPercent) {
+      searchParams.append('discount', params.discountPercent);
+    }
+    if (params.endedAt) {
+      searchParams.append('endedAt', params.endedAt);
+    }
+    if (params.regularPrice) {
+      searchParams.append('regularPrice', params.regularPrice);
+    }
+    if (params.discountedPrice) {
+      searchParams.append('discountedPrice', params.discountedPrice);
+    }
+    if (params.locale) {
+      searchParams.append('locale', params.locale);
+    }
+    if (params.features) {
+      searchParams.append('features', JSON.stringify(params.features));
+    }
+    const queryString = searchParams.toString();
+    const url = `${baseUrl}/${paywallStyle}${queryString ? `?${queryString}` : ''}`;
+    return url;
+  };
+
+  // 프리로드 옵션이 없고 보이지도 않으면 렌더하지 않음
+  if (!visible && !preload) return null;
+
+  // 스타일에 따른 래퍼 선택
+  const getPaywallWrapper = () => {
+    const style = params.style;
+    const url = getPaywallWebViewUrl();
+
+    // 공통 WebView 컴포넌트
+    const commonWebView = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [!isLoaded && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.loadingContainer,
+        pointerEvents: "none",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+          size: "small"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeWebview.WebView, {
+        source: {
+          uri: url
+        },
+        onMessage: handleWebViewMessage,
+        onLoadStart: () => {
+          setIsLoaded(false);
+        },
+        onLoadEnd: () => {
+          setIsLoaded(true);
+        },
+        onError: () => {
+          console.error('[MonetaiSDK] Paywall WebView onError');
+          setIsLoaded(true);
+          setHasWebViewError(true);
+        },
+        onHttpError: () => {
+          console.error('[MonetaiSDK] Paywall WebView onHttpError');
+          setIsLoaded(true);
+          setHasWebViewError(true);
+        },
+        javaScriptEnabled: true,
+        userAgent: _paywall.WEBVIEW_USER_AGENT,
+        style: [styles.webView, !isLoaded && styles.webViewHidden]
+      }), hasWebViewError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.errorOverlay,
+        pointerEvents: "auto",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.errorCard,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.errorTitle,
+            children: "Failed to load"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.errorMessage,
+            children: "An unexpected error occurred while loading the paywall."
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            style: styles.errorButton,
+            onPress: onClose,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.errorButtonText,
+              children: "Close"
+            })
+          })]
+        })
+      })]
+    });
+    switch (style) {
+      case 'compact':
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CompactPaywallWrapper.default, {
+          onClose: onClose,
+          children: commonWebView
+        });
+      case 'highlight-benefits':
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HighlightBenefitsPaywallWrapper.default, {
+          onClose: onClose,
+          children: commonWebView
+        });
+      case 'key-feature-summary':
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyFeatureSummaryPaywallWrapper.default, {
+          onClose: onClose,
+          children: commonWebView
+        });
+      case 'text-focused':
+      default:
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextFocusedPaywallWrapper.default, {
+          onClose: onClose,
+          children: commonWebView
+        });
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.overlayContainer, params.zIndex != null && {
+      zIndex: params.zIndex
+    }, params.elevation != null && {
+      elevation: params.elevation
+    }, !visible && styles.overlayHidden],
+    pointerEvents: visible ? 'auto' : 'none',
+    children: getPaywallWrapper()
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  webView: {
+    flex: 1
+  },
+  webViewHidden: {
+    opacity: 0
+  },
+  overlayContainer: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    zIndex: 2000,
+    elevation: 16
+  },
+  overlayHidden: {
+    opacity: 0
+  },
+  loadingContainer: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: 'white'
+  },
+  errorOverlay: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    backgroundColor: 'rgba(0,0,0,0.4)',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  errorCard: {
+    width: '80%',
+    backgroundColor: 'white',
+    borderRadius: 12,
+    padding: 16,
+    alignItems: 'center'
+  },
+  errorTitle: {
+    fontSize: 16,
+    fontWeight: '600',
+    marginBottom: 8
+  },
+  errorMessage: {
+    fontSize: 13,
+    color: '#666',
+    textAlign: 'center',
+    marginBottom: 12
+  },
+  errorButton: {
+    marginTop: 4,
+    backgroundColor: '#111827',
+    borderRadius: 8,
+    paddingHorizontal: 16,
+    paddingVertical: 10
+  },
+  errorButtonText: {
+    color: 'white',
+    fontWeight: '600'
+  }
+});
+var _default = exports.default = Paywall;
+//# sourceMappingURL=Paywall.js.map

package/lib/commonjs/components/Paywall.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeWebview","_paywall","_CompactPaywallWrapper","_interopRequireDefault","_HighlightBenefitsPaywallWrapper","_KeyFeatureSummaryPaywallWrapper","_TextFocusedPaywallWrapper","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MESSAGE_KEY_PURCHASE_BUTTON","MESSAGE_KEY_CLOSE_BUTTON","MESSAGE_KEY_TERMS_OF_SERVICE","MESSAGE_KEY_PRIVACY_POLICY","Paywall","visible","preload","onClose","onPurchase","onTermsOfService","onPrivacyPolicy","params","isLoaded","setIsLoaded","useState","hasWebViewError","setHasWebViewError","handleWebViewMessage","event","nativeEvent","data","getPaywallWebViewUrl","baseUrl","PAYWELL_BASE_URL","paywallStyle","style","searchParams","URLSearchParams","discountPercent","append","endedAt","regularPrice","discountedPrice","locale","features","JSON","stringify","queryString","toString","url","getPaywallWrapper","commonWebView","jsxs","Fragment","children","jsx","View","styles","loadingContainer","pointerEvents","ActivityIndicator","size","WebView","source","uri","onMessage","onLoadStart","onLoadEnd","onError","console","error","onHttpError","javaScriptEnabled","userAgent","WEBVIEW_USER_AGENT","webView","webViewHidden","errorOverlay","errorCard","Text","errorTitle","errorMessage","TouchableOpacity","errorButton","onPress","errorButtonText","overlayContainer","zIndex","elevation","overlayHidden","StyleSheet","create","flex","opacity","position","top","left","right","bottom","absoluteFillObject","alignItems","justifyContent","backgroundColor","width","borderRadius","padding","fontSize","fontWeight","marginBottom","color","textAlign","marginTop","paddingHorizontal","paddingVertical","_default","exports"],"sourceRoot":"../../../src","sources":["components/Paywall.tsx"],"mappings":"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","ignoreList":[]}