@hayanmind/monetai-react-native 0.3.0 → 0.4.0

package/lib/module/MonetaiProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","StyleSheet","View","monetaiSDK","getAppUserDiscount","jsx","_jsx","styles","create","container","flex","MonetaiProvider","children","onDiscountInfoChange","discountInfo","setDiscountInfo","emitter","getEmitter","onLoadDiscountInfo","userId","getUserId","sdkKey","getSdkKey","console","warn","discount","app_user_id","startedAt","started_at","endedAt","ended_at","sdk_key","on","off","style"],"sourceRoot":"../../src","sources":["MonetaiProvider.tsx"],"mappings":";;AAAA;AACA,SAASA,SAAS,EAAEC,QAAQ,QAAwB,OAAO;AAC3D,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,OAAOC,UAAU,MAAM,iBAAc;AAErC,SAASC,kBAAkB,QAAQ,iBAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElD,MAAMC,MAAM,GAAGN,UAAU,CAACO,MAAM,CAAC;EAC/BC,SAAS,EAAE;IAAEC,IAAI,EAAE;EAAE;AACvB,CAAC,CAAC;AAYF;AACA;AACA;AACA;AACA,eAAe,SAASC,eAAeA,CAAC;EACtCC,QAAQ;EACRC;AACoB,CAAC,EAAE;EACvB,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGf,QAAQ,CAAsB,IAAI,CAAC;EAE3ED,SAAS,CAAC,MAAM;IACd,MAAMiB,OAAO,GAAGb,UAAU,CAACc,UAAU,CAAC,CAAC;IACvC,MAAMC,kBAAkB,GAAG,MAAAA,CAAA,KAAY;MACrC,MAAMC,MAAM,GAAG,MAAMhB,UAAU,CAACiB,SAAS,CAAC,CAAC;MAC3C,MAAMC,MAAM,GAAG,MAAMlB,UAAU,CAACmB,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,MAAMrB,kBAAkB,CAAC;QAAEe,MAAM;QAAEE;MAAO,CAAC,CAAC;MAC7D,IAAII,QAAQ,IAAI,IAAI,IAAIA,QAAQ,CAACC,WAAW,KAAKP,MAAM,EAAE;QACvD;MACF;MAEAJ,eAAe,CACbU,QAAQ,IAAI,IAAI,GACZ,IAAI,GACJ;QACEE,SAAS,EAAEF,QAAQ,CAACG,UAAU;QAC9BC,OAAO,EAAEJ,QAAQ,CAACK,QAAQ;QAC1BX,MAAM,EAAEM,QAAQ,CAACC,WAAW;QAC5BL,MAAM,EAAEI,QAAQ,CAACM;MACnB,CACN,CAAC;IACH,CAAC;IAEDf,OAAO,CAACgB,EAAE,CAAC,oBAAoB,EAAEd,kBAAkB,CAAC;IAEpD,OAAO,MAAM;MACXF,OAAO,CAACiB,GAAG,CAAC,oBAAoB,EAAEf,kBAAkB,CAAC;IACvD,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAENnB,SAAS,CAAC,MAAM;IACd,IAAIc,oBAAoB,EAAE;MACxBA,oBAAoB,CAACC,YAAY,CAAC;IACpC;EACF,CAAC,EAAE,CAACD,oBAAoB,EAAEC,YAAY,CAAC,CAAC;EAExC,oBACER,IAAA,CAACJ,IAAI;IAACgC,KAAK,EAAE3B,MAAM,CAACE,SAAU;IAAAG,QAAA,EAE3BA;EAAQ,CACL,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["useCallback","useEffect","useMemo","useState","StyleSheet","View","monetaiSDK","getAppUserDiscount","PaywallManager","dayjs","isBetween","jsx","_jsx","jsxs","_jsxs","extend","styles","create","container","flex","MonetaiProvider","children","onDiscountInfoChange","paywallConfig","discountInfo","setDiscountInfo","onLoadDiscountInfo","userId","getUserId","sdkKey","getSdkKey","console","warn","discount","app_user_id","newDiscountInfo","startedAt","Date","started_at","endedAt","ended_at","sdk_key","emitter","getEmitter","on","off","isPromotionActive","enabled","isSubscriber","style"],"sourceRoot":"../../src","sources":["MonetaiProvider.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/PaywallManager.js

@@ -0,0 +1,58 @@
+"use strict";
+
+import Banner from "./components/Banner.js";
+import Paywall from "./components/Paywall.js";
+import { useBanner } from "./hooks/useBanner.js";
+import { usePaywall } from "./hooks/usePaywall.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const PaywallManager = ({
+  paywallConfig,
+  discountInfo
+}) => {
+  // 배너 상태 관리 및 자동 표시 훅 사용
+  const {
+    bannerVisible,
+    bannerParams
+  } = useBanner({
+    paywallConfig,
+    discountInfo
+  });
+
+  // 페이월 상태 관리 훅 사용
+  const {
+    paywallVisible,
+    paywallParams,
+    openPaywall,
+    closePaywall
+  } = usePaywall({
+    discountInfo,
+    paywallConfig
+  });
+
+  // 페이월 열기 (배너 닫기 + 페이월 열기)
+  const handlePaywall = () => {
+    openPaywall(); // 페이월 열기
+  };
+
+  // 구매 처리
+  const handlePurchase = () => {
+    paywallConfig?.onPurchase?.(closePaywall);
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [bannerParams != null && /*#__PURE__*/_jsx(Banner, {
+      visible: bannerVisible,
+      onPaywall: handlePaywall,
+      bannerParams: bannerParams
+    }), paywallParams && /*#__PURE__*/_jsx(Paywall, {
+      visible: paywallVisible,
+      params: paywallParams,
+      onClose: closePaywall,
+      onPurchase: handlePurchase,
+      onTermsOfService: paywallConfig?.onTermsOfService,
+      onPrivacyPolicy: paywallConfig?.onPrivacyPolicy,
+      preload: true
+    })]
+  });
+};
+export default PaywallManager;
+//# sourceMappingURL=PaywallManager.js.map

package/lib/module/PaywallManager.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Banner","Paywall","useBanner","usePaywall","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","PaywallManager","paywallConfig","discountInfo","bannerVisible","bannerParams","paywallVisible","paywallParams","openPaywall","closePaywall","handlePaywall","handlePurchase","onPurchase","children","visible","onPaywall","params","onClose","onTermsOfService","onPrivacyPolicy","preload"],"sourceRoot":"../../src","sources":["PaywallManager.tsx"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,wBAAqB;AACxC,OAAOC,OAAO,MAAM,yBAAsB;AAC1C,SAASC,SAAS,QAAQ,sBAAmB;AAC7C,SAASC,UAAU,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAGhD,MAAMC,cAAc,GAAGA,CAAC;EACtBC,aAAa;EACbC;AAIF,CAAC,KAAK;EACJ;EACA,MAAM;IAAEC,aAAa;IAAEC;EAAa,CAAC,GAAGZ,SAAS,CAAC;IAChDS,aAAa;IACbC;EACF,CAAC,CAAC;;EAEF;EACA,MAAM;IAAEG,cAAc;IAAEC,aAAa;IAAEC,WAAW;IAAEC;EAAa,CAAC,GAChEf,UAAU,CAAC;IACTS,YAAY;IACZD;EACF,CAAC,CAAC;;EAEJ;EACA,MAAMQ,aAAa,GAAGA,CAAA,KAAM;IAC1BF,WAAW,CAAC,CAAC,CAAC,CAAC;EACjB,CAAC;;EAED;EACA,MAAMG,cAAc,GAAGA,CAAA,KAAM;IAC3BT,aAAa,EAAEU,UAAU,GAAGH,YAAY,CAAC;EAC3C,CAAC;EAED,oBACET,KAAA,CAAAF,SAAA;IAAAe,QAAA,GACGR,YAAY,IAAI,IAAI,iBACnBT,IAAA,CAACL,MAAM;MACLuB,OAAO,EAAEV,aAAc;MACvBW,SAAS,EAAEL,aAAc;MACzBL,YAAY,EAAEA;IAAa,CAC5B,CACF,EACAE,aAAa,iBACZX,IAAA,CAACJ,OAAO;MACNsB,OAAO,EAAER,cAAe;MACxBU,MAAM,EAAET,aAAc;MACtBU,OAAO,EAAER,YAAa;MACtBG,UAAU,EAAED,cAAe;MAC3BO,gBAAgB,EAAEhB,aAAa,EAAEgB,gBAAiB;MAClDC,eAAe,EAAEjB,aAAa,EAAEiB,eAAgB;MAChDC,OAAO;IAAA,CACR,CACF;EAAA,CACD,CAAC;AAEP,CAAC;AAED,eAAenB,cAAc","ignoreList":[]}

package/lib/module/components/Banner.js

@@ -0,0 +1,136 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { WebView } from 'react-native-webview';
+import { PAYWELL_BASE_URL, WEBVIEW_USER_AGENT } from "../constants/paywall.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const MESSAGE_KEY_CLICK_BANNER = 'CLICK_BANNER';
+const Banner = ({
+  visible,
+  onPaywall,
+  bannerParams
+}) => {
+  const [isLoaded, setIsLoaded] = useState(false);
+  const [hasWebViewError, setHasWebViewError] = useState(false);
+  const handleWebViewMessage = event => {
+    const message = event.nativeEvent.data;
+    if (message === MESSAGE_KEY_CLICK_BANNER) {
+      onPaywall();
+    }
+  };
+  const getBannerWebViewUrl = () => {
+    // Banner 컴포넌트에서 직접 URL 생성
+    const baseUrl = `${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__*/_jsx(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__*/_jsx(View, {
+      style: styles.innerRoundedContainer,
+      children: /*#__PURE__*/_jsx(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: WEBVIEW_USER_AGENT,
+        style: styles.webView
+      })
+    })
+  });
+};
+const styles = 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)'
+  }
+});
+export default Banner;
+//# sourceMappingURL=Banner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","View","StyleSheet","WebView","PAYWELL_BASE_URL","WEBVIEW_USER_AGENT","jsx","_jsx","MESSAGE_KEY_CLICK_BANNER","Banner","visible","onPaywall","bannerParams","isLoaded","setIsLoaded","hasWebViewError","setHasWebViewError","handleWebViewMessage","event","message","nativeEvent","data","getBannerWebViewUrl","baseUrl","bannerStyle","style","params","URLSearchParams","append","discountPercent","toString","locale","endedAt","toISOString","url","isCompactStyle","isKeyFeatureSummaryStyle","isHighlightBenefitsStyle","isTextFocusedStyle","styles","bannerContainer","bottom","zIndex","elevation","compactBannerContainer","keyFeatureSummaryBannerContainer","highlightBenefitsBannerContainer","noShadow","redShadow","blackShadow","hidden","pointerEvents","children","innerRoundedContainer","source","uri","onMessage","onLoadStart","onLoadEnd","onError","console","error","onHttpError","javaScriptEnabled","userAgent","webView","create","position","left","right","height","backgroundColor","borderRadius","shadowColor","shadowOffset","width","shadowOpacity","shadowRadius","flexDirection","alignItems","justifyContent","flex","opacity","overflow"],"sourceRoot":"../../../src","sources":["components/Banner.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Paywall.js

@@ -0,0 +1,230 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { ActivityIndicator, StyleSheet, View, Text, TouchableOpacity } from 'react-native';
+import { WebView } from 'react-native-webview';
+import { PAYWELL_BASE_URL, WEBVIEW_USER_AGENT } from "../constants/paywall.js";
+import CompactPaywallWrapper from "./paywall-wrappers/CompactPaywallWrapper.js";
+import HighlightBenefitsPaywallWrapper from "./paywall-wrappers/HighlightBenefitsPaywallWrapper.js";
+import KeyFeatureSummaryPaywallWrapper from "./paywall-wrappers/KeyFeatureSummaryPaywallWrapper.js";
+import TextFocusedPaywallWrapper from "./paywall-wrappers/TextFocusedPaywallWrapper.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+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] = useState(false);
+  const [hasWebViewError, setHasWebViewError] = 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 = `${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__*/_jsxs(_Fragment, {
+      children: [!isLoaded && /*#__PURE__*/_jsx(View, {
+        style: styles.loadingContainer,
+        pointerEvents: "none",
+        children: /*#__PURE__*/_jsx(ActivityIndicator, {
+          size: "small"
+        })
+      }), /*#__PURE__*/_jsx(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: WEBVIEW_USER_AGENT,
+        style: [styles.webView, !isLoaded && styles.webViewHidden]
+      }), hasWebViewError && /*#__PURE__*/_jsx(View, {
+        style: styles.errorOverlay,
+        pointerEvents: "auto",
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.errorCard,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.errorTitle,
+            children: "Failed to load"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.errorMessage,
+            children: "An unexpected error occurred while loading the paywall."
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            style: styles.errorButton,
+            onPress: onClose,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: styles.errorButtonText,
+              children: "Close"
+            })
+          })]
+        })
+      })]
+    });
+    switch (style) {
+      case 'compact':
+        return /*#__PURE__*/_jsx(CompactPaywallWrapper, {
+          onClose: onClose,
+          children: commonWebView
+        });
+      case 'highlight-benefits':
+        return /*#__PURE__*/_jsx(HighlightBenefitsPaywallWrapper, {
+          onClose: onClose,
+          children: commonWebView
+        });
+      case 'key-feature-summary':
+        return /*#__PURE__*/_jsx(KeyFeatureSummaryPaywallWrapper, {
+          onClose: onClose,
+          children: commonWebView
+        });
+      case 'text-focused':
+      default:
+        return /*#__PURE__*/_jsx(TextFocusedPaywallWrapper, {
+          onClose: onClose,
+          children: commonWebView
+        });
+    }
+  };
+  return /*#__PURE__*/_jsx(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 = 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: {
+    ...StyleSheet.absoluteFillObject,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: 'white'
+  },
+  errorOverlay: {
+    ...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'
+  }
+});
+export default Paywall;
+//# sourceMappingURL=Paywall.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","ActivityIndicator","StyleSheet","View","Text","TouchableOpacity","WebView","PAYWELL_BASE_URL","WEBVIEW_USER_AGENT","CompactPaywallWrapper","HighlightBenefitsPaywallWrapper","KeyFeatureSummaryPaywallWrapper","TextFocusedPaywallWrapper","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","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","hasWebViewError","setHasWebViewError","handleWebViewMessage","event","nativeEvent","data","getPaywallWebViewUrl","baseUrl","paywallStyle","style","searchParams","URLSearchParams","discountPercent","append","endedAt","regularPrice","discountedPrice","locale","features","JSON","stringify","queryString","toString","url","getPaywallWrapper","commonWebView","children","styles","loadingContainer","pointerEvents","size","source","uri","onMessage","onLoadStart","onLoadEnd","onError","console","error","onHttpError","javaScriptEnabled","userAgent","webView","webViewHidden","errorOverlay","errorCard","errorTitle","errorMessage","errorButton","onPress","errorButtonText","overlayContainer","zIndex","elevation","overlayHidden","create","flex","opacity","position","top","left","right","bottom","absoluteFillObject","alignItems","justifyContent","backgroundColor","width","borderRadius","padding","fontSize","fontWeight","marginBottom","color","textAlign","marginTop","paddingHorizontal","paddingVertical"],"sourceRoot":"../../../src","sources":["components/Paywall.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,55 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Compact 스타일 래퍼: 하단에 붙어서 372px 높이, dim background 클릭 시 닫기
+export const CompactPaywallWrapper = ({
+  onClose,
+  children
+}) => {
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.compactPaywallContainer,
+    children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+      style: styles.dimBackground,
+      activeOpacity: 1,
+      onPress: onClose
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.compactPaywallContent,
+      children: children
+    })]
+  });
+};
+const styles = 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'
+  }
+});
+export default CompactPaywallWrapper;
+//# sourceMappingURL=CompactPaywallWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","TouchableOpacity","View","jsx","_jsx","jsxs","_jsxs","CompactPaywallWrapper","onClose","children","style","styles","compactPaywallContainer","dimBackground","activeOpacity","onPress","compactPaywallContent","create","position","top","left","right","bottom","zIndex","backgroundColor","height","borderRadius","overflow"],"sourceRoot":"../../../../src","sources":["components/paywall-wrappers/CompactPaywallWrapper.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOlE;AACA,OAAO,MAAMC,qBAA2D,GAAGA,CAAC;EAC1EC,OAAO;EACPC;AACF,CAAC,KAAK;EACJ,oBACEH,KAAA,CAACJ,IAAI;IAACQ,KAAK,EAAEC,MAAM,CAACC,uBAAwB;IAAAH,QAAA,gBAE1CL,IAAA,CAACH,gBAAgB;MACfS,KAAK,EAAEC,MAAM,CAACE,aAAc;MAC5BC,aAAa,EAAE,CAAE;MACjBC,OAAO,EAAEP;IAAQ,CAClB,CAAC,eAGFJ,IAAA,CAACF,IAAI;MAACQ,KAAK,EAAEC,MAAM,CAACK,qBAAsB;MAAAP,QAAA,EAAEA;IAAQ,CAAO,CAAC;EAAA,CACxD,CAAC;AAEX,CAAC;AAED,MAAME,MAAM,GAAGX,UAAU,CAACiB,MAAM,CAAC;EAC/BL,uBAAuB,EAAE;IACvBM,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE;EACV,CAAC;EACDV,aAAa,EAAE;IACbK,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTE,eAAe,EAAE;EACnB,CAAC;EACDR,qBAAqB,EAAE;IACrBE,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;AAEF,eAAepB,qBAAqB","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, SafeAreaView } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+// Highlight Benefits 스타일 래퍼: 전체 화면을 차지
+export const HighlightBenefitsPaywallWrapper = ({
+  children
+}) => {
+  return /*#__PURE__*/_jsx(SafeAreaView, {
+    style: styles.fullScreenContainer,
+    children: children
+  });
+};
+const styles = StyleSheet.create({
+  fullScreenContainer: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'white',
+    zIndex: 2000
+  }
+});
+export default HighlightBenefitsPaywallWrapper;
+//# sourceMappingURL=HighlightBenefitsPaywallWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","SafeAreaView","jsx","_jsx","HighlightBenefitsPaywallWrapper","children","style","styles","fullScreenContainer","create","position","top","left","right","bottom","backgroundColor","zIndex"],"sourceRoot":"../../../../src","sources":["components/paywall-wrappers/HighlightBenefitsPaywallWrapper.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,YAAY,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOxD;AACA,OAAO,MAAMC,+BAEZ,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EACpB,oBACEF,IAAA,CAACF,YAAY;IAACK,KAAK,EAAEC,MAAM,CAACC,mBAAoB;IAAAH,QAAA,EAAEA;EAAQ,CAAe,CAAC;AAE9E,CAAC;AAED,MAAME,MAAM,GAAGP,UAAU,CAACS,MAAM,CAAC;EAC/BD,mBAAmB,EAAE;IACnBE,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;AAEF,eAAeZ,+BAA+B","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, SafeAreaView } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+// Key Feature Summary 스타일 래퍼: 전체 화면을 차지
+export const KeyFeatureSummaryPaywallWrapper = ({
+  children
+}) => {
+  return /*#__PURE__*/_jsx(SafeAreaView, {
+    style: styles.fullScreenContainer,
+    children: children
+  });
+};
+const styles = StyleSheet.create({
+  fullScreenContainer: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'white',
+    zIndex: 2000
+  }
+});
+export default KeyFeatureSummaryPaywallWrapper;
+//# sourceMappingURL=KeyFeatureSummaryPaywallWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","SafeAreaView","jsx","_jsx","KeyFeatureSummaryPaywallWrapper","children","style","styles","fullScreenContainer","create","position","top","left","right","bottom","backgroundColor","zIndex"],"sourceRoot":"../../../../src","sources":["components/paywall-wrappers/KeyFeatureSummaryPaywallWrapper.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,YAAY,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOxD;AACA,OAAO,MAAMC,+BAEZ,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EACpB,oBACEF,IAAA,CAACF,YAAY;IAACK,KAAK,EAAEC,MAAM,CAACC,mBAAoB;IAAAH,QAAA,EAAEA;EAAQ,CAAe,CAAC;AAE9E,CAAC;AAED,MAAME,MAAM,GAAGP,UAAU,CAACS,MAAM,CAAC;EAC/BD,mBAAmB,EAAE;IACnBE,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;AAEF,eAAeZ,+BAA+B","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, SafeAreaView } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+// Text Focused 스타일 래퍼: 전체 화면을 차지
+export const TextFocusedPaywallWrapper = ({
+  children
+}) => {
+  return /*#__PURE__*/_jsx(SafeAreaView, {
+    style: styles.fullScreenContainer,
+    children: children
+  });
+};
+const styles = StyleSheet.create({
+  fullScreenContainer: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'white',
+    zIndex: 2000
+  }
+});
+export default TextFocusedPaywallWrapper;
+//# sourceMappingURL=TextFocusedPaywallWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","SafeAreaView","jsx","_jsx","TextFocusedPaywallWrapper","children","style","styles","fullScreenContainer","create","position","top","left","right","bottom","backgroundColor","zIndex"],"sourceRoot":"../../../../src","sources":["components/paywall-wrappers/TextFocusedPaywallWrapper.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,YAAY,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOxD;AACA,OAAO,MAAMC,yBAEZ,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EACpB,oBACEF,IAAA,CAACF,YAAY;IAACK,KAAK,EAAEC,MAAM,CAACC,mBAAoB;IAAAH,QAAA,EAAEA;EAAQ,CAAe,CAAC;AAE9E,CAAC;AAED,MAAME,MAAM,GAAGP,UAAU,CAACS,MAAM,CAAC;EAC/BD,mBAAmB,EAAE;IACnBE,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;AAEF,eAAeZ,yBAAyB","ignoreList":[]}

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

@@ -0,0 +1,11 @@
+"use strict";
+
+// Paywall Wrappers
+export { default as CompactPaywallWrapper } from "./CompactPaywallWrapper.js";
+export { default as HighlightBenefitsPaywallWrapper } from "./HighlightBenefitsPaywallWrapper.js";
+export { default as KeyFeatureSummaryPaywallWrapper } from "./KeyFeatureSummaryPaywallWrapper.js";
+export { default as TextFocusedPaywallWrapper } from "./TextFocusedPaywallWrapper.js";
+
+// Default export for backward compatibility
+export { default } from "./CompactPaywallWrapper.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","CompactPaywallWrapper","HighlightBenefitsPaywallWrapper","KeyFeatureSummaryPaywallWrapper","TextFocusedPaywallWrapper"],"sourceRoot":"../../../../src","sources":["components/paywall-wrappers/index.ts"],"mappings":";;AAAA;AACA,SAASA,OAAO,IAAIC,qBAAqB,QAAQ,4BAAyB;AAC1E,SAASD,OAAO,IAAIE,+BAA+B,QAAQ,sCAAmC;AAC9F,SAASF,OAAO,IAAIG,+BAA+B,QAAQ,sCAAmC;AAC9F,SAASH,OAAO,IAAII,yBAAyB,QAAQ,gCAA6B;;AAElF;AACA,SAASJ,OAAO,QAAQ,4BAAyB","ignoreList":[]}