@paypay/mini-app-js-sdk 2.54.0 → 2.56.0

package/dist/mini-app-js-sdk.es.js

@@ -18,6 +18,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -213,6 +225,8 @@ const PPUtilFunctionName = {
   saveRefreshToken: "saveRefreshToken",
   saveCodeVerifier: "saveCodeVerifier",
   makeVisible: "makeVisible",
+  hideIframe: "hideIframe",
+  showIframe: "showIframe",
   consoleDebugInfo: "consoleDebugInfo",
   clientPopState: "clientPopState"
 };
@@ -292,10 +306,11 @@ const smartPaymentSupportedFunctions = [
   "getUAID",
   "getCashbackInformation",
   "renderCoupons",
-  "getLoginUrl"
+  "getLoginUrl",
+  "renderButton"
 ];
-const JS_SDK_VERSION = "2.54.0";
-const REVISION = "cd1d284";
+const JS_SDK_VERSION = "2.56.0";
+const REVISION = "8161aa8";
 const coreBaseUrl = new URL("https://mini-app-sdk-core.paypay.ne.jp/");
 const CORE_IFRAME_ORIGIN = coreBaseUrl.origin;
 const CORE_IFRAME_URL = new URL(
@@ -306,6 +321,10 @@ const COUPON_IFRAME_URL = new URL(
   `./coupon/iframe.html?v=${JS_SDK_VERSION}`,
   coreBaseUrl
 ).href;
+new URL(
+  `./button/iframe.html?v=${JS_SDK_VERSION}`,
+  coreBaseUrl
+).href;
 const SENTRY_DSN = "https://377b45f154b1fb17d8e98a6ffb67030a@o4505819519320064.ingest.sentry.io/4506579323453440";
 var MiniAppErrorType = /* @__PURE__ */ ((MiniAppErrorType2) => {
   MiniAppErrorType2["success"] = "SUCCESS";
@@ -381,12 +400,123 @@ var MiniAppErrorType = /* @__PURE__ */ ((MiniAppErrorType2) => {
   MiniAppErrorType2["invalidVirtualAccount"] = "INVALID_VIRTUAL_ACCOUNT";
   return MiniAppErrorType2;
 })(MiniAppErrorType || {});
+function setCookie({ name, value, options }) {
+  return api.set(name, value, options);
+}
+function getCookie({ name }) {
+  return api.get(name);
+}
+function removeCookie$1({ name, options }) {
+  return api.remove(name, options);
+}
+function setLocalStorage({
+  name,
+  value
+}) {
+  return localStorage.setItem(name, value);
+}
+function getLocalStorage({ name }) {
+  return localStorage.getItem(name);
+}
+function removeLocalStorage({ name }) {
+  return localStorage.removeItem(name);
+}
+function setSessionStorage({
+  name,
+  value
+}) {
+  return sessionStorage.setItem(name, value);
+}
+function getSessionStorage({ name }) {
+  return sessionStorage.getItem(name);
+}
+function removeSessionStorage({ name }) {
+  return sessionStorage.removeItem(name);
+}
+function removeQueryParametersFromUrl(removeParams) {
+  const url = new URL(window.location.href);
+  removeParams.forEach((param) => url.searchParams.delete(param));
+  const newURL = `${url.pathname}${url.search}`;
+  history.replaceState(history.state, "", newURL);
+}
+function getUrl() {
+  return window.location.href;
+}
 class PPError extends Error {
   constructor(message, errorCode) {
     super(message);
     this.errorCode = errorCode;
   }
 }
+function insertIframe(_a) {
+  var {
+    containerSelector: containerQuerySelector,
+    attributes: _b
+  } = _a, _c = _b, { styles } = _c, attributes = __objRest(_c, ["styles"]);
+  return new Promise((resolve, reject) => {
+    const container = document.querySelector(containerQuerySelector);
+    if (!container) {
+      reject(
+        new PPError(
+          `Container with selector "${containerQuerySelector}" not found.`,
+          MiniAppErrorType.badRequestInsufficientParameter
+        )
+      );
+      return;
+    }
+    const iframe = document.createElement("iframe");
+    iframe.onload = () => {
+      resolve(true);
+    };
+    iframe.onerror = () => {
+      reject(
+        new PPError("Failed to load iframe.", MiniAppErrorType.notReachable)
+      );
+    };
+    Object.assign(iframe.style, styles);
+    Object.entries(attributes).forEach(([key, value]) => {
+      iframe.setAttribute(key, value);
+    });
+    container.innerHTML = "";
+    container.appendChild(iframe);
+  });
+}
+function removeElement({ selector }) {
+  const element = document.querySelector(selector);
+  if (element) {
+    element.remove();
+    return true;
+  }
+  return false;
+}
+function updateElementStyle({
+  selector,
+  styles
+}) {
+  const element = document.querySelector(selector);
+  if (element) {
+    Object.assign(element.style, styles);
+    return true;
+  }
+  return false;
+}
+const clientWindowBridgeFunctions = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getCookie,
+  getLocalStorage,
+  getSessionStorage,
+  getUrl,
+  insertIframe,
+  removeCookie: removeCookie$1,
+  removeElement,
+  removeLocalStorage,
+  removeQueryParametersFromUrl,
+  removeSessionStorage,
+  setCookie,
+  setLocalStorage,
+  setSessionStorage,
+  updateElementStyle
+}, Symbol.toStringTag, { value: "Module" }));
 const SDK_VERSION = "8.45.1";
 const GLOBAL_OBJ = globalThis;
 function getGlobalSingleton(name, creator, obj) {
@@ -1270,6 +1400,109 @@ function addBreadcrumbToSentry(breadcrumb) {
     addBreadcrumb(breadcrumb);
   }
 }
+class LocalStorageProxy {
+  constructor() {
+    var _a;
+    this.useLocalStorage = true;
+    this.memoryStorage = {};
+    try {
+      localStorage.setItem(
+        PpLocalStorageKey.initializedAt,
+        Date.now().toString()
+      );
+      for (let i = 0; i < localStorage.length; i++) {
+        const key = localStorage.key(i);
+        if (key != null) {
+          this.memoryStorage[key] = (_a = localStorage.getItem(key)) != null ? _a : "";
+        }
+      }
+    } catch (e) {
+      this.useLocalStorage = false;
+    }
+  }
+  getItem(key) {
+    var _a, _b;
+    if (this.useLocalStorage) {
+      try {
+        if (localStorage.getItem(PpLocalStorageKey.initializedAt) != null) {
+          const val = localStorage.getItem(key);
+          if (val != null) {
+            return val;
+          }
+          return (_a = api.get(key)) != null ? _a : null;
+        } else {
+          console.debug("local storage value has lost unexpectedly.");
+          addBreadcrumbToSentry({
+            message: "local storage value has lost unexpectedly.",
+            category: "storage"
+          });
+        }
+      } catch (e) {
+      }
+    }
+    this.useLocalStorage = false;
+    return (_b = this.memoryStorage[key]) != null ? _b : null;
+  }
+  setItem(key, value) {
+    this.memoryStorage[key] = value;
+    if (this.useLocalStorage) {
+      try {
+        localStorage.setItem(key, value);
+        removeCookie(key);
+      } catch (e) {
+        this.useLocalStorage = false;
+        console.warn("localStorage has become unavailable.");
+      }
+    }
+  }
+  removeItem(key) {
+    delete this.memoryStorage[key];
+    try {
+      localStorage.removeItem(key);
+      removeCookie(key);
+    } catch (e) {
+      this.useLocalStorage = false;
+    }
+  }
+  clear() {
+    try {
+      localStorage.clear();
+      localStorage.setItem(
+        PpLocalStorageKey.initializedAt,
+        Date.now().toString()
+      );
+      clearAllCookies();
+    } catch (e) {
+    }
+    this.memoryStorage = {};
+  }
+}
+const cookieAttributes = Object.freeze(__spreadValues({
+  expires: 365,
+  sameSite: "None"
+}, { secure: true, Partitioned: true }));
+function writeCookie(key, value) {
+  api.set(key, value, cookieAttributes);
+}
+function removeCookie(key) {
+  api.remove(key, cookieAttributes);
+}
+(() => {
+  return new LocalStorageProxy();
+})();
+function clearAllCookies() {
+  const cookies = api.get();
+  for (const key in cookies) {
+    removeCookie(key);
+  }
+  writeCookie(PpLocalStorageKey.initializedAt, Date.now().toString());
+}
+function isFunction(val) {
+  return typeof val === "function";
+}
+function getRandomString() {
+  return Math.random().toString(36).substring(7);
+}
 function middlewareHandler(middlewares, message, messageHandler, params) {
   let index = -1;
   const next = (_params) => __async(this, null, function* () {
@@ -1596,165 +1829,6 @@ class WindowBridge {
     });
   }
 }
-class LocalStorageProxy {
-  constructor() {
-    var _a;
-    this.useLocalStorage = true;
-    this.memoryStorage = {};
-    try {
-      localStorage.setItem(
-        PpLocalStorageKey.initializedAt,
-        Date.now().toString()
-      );
-      for (let i = 0; i < localStorage.length; i++) {
-        const key = localStorage.key(i);
-        if (key != null) {
-          this.memoryStorage[key] = (_a = localStorage.getItem(key)) != null ? _a : "";
-        }
-      }
-    } catch (e) {
-      this.useLocalStorage = false;
-    }
-  }
-  getItem(key) {
-    var _a, _b;
-    if (this.useLocalStorage) {
-      try {
-        if (localStorage.getItem(PpLocalStorageKey.initializedAt) != null) {
-          const val = localStorage.getItem(key);
-          if (val != null) {
-            return val;
-          }
-          return (_a = api.get(key)) != null ? _a : null;
-        } else {
-          console.debug("local storage value has lost unexpectedly.");
-          addBreadcrumbToSentry({
-            message: "local storage value has lost unexpectedly.",
-            category: "storage"
-          });
-        }
-      } catch (e) {
-      }
-    }
-    this.useLocalStorage = false;
-    return (_b = this.memoryStorage[key]) != null ? _b : null;
-  }
-  setItem(key, value) {
-    this.memoryStorage[key] = value;
-    if (this.useLocalStorage) {
-      try {
-        localStorage.setItem(key, value);
-        removeCookie$1(key);
-      } catch (e) {
-        this.useLocalStorage = false;
-        console.warn("localStorage has become unavailable.");
-      }
-    }
-  }
-  removeItem(key) {
-    delete this.memoryStorage[key];
-    try {
-      localStorage.removeItem(key);
-      removeCookie$1(key);
-    } catch (e) {
-      this.useLocalStorage = false;
-    }
-  }
-  clear() {
-    try {
-      localStorage.clear();
-      localStorage.setItem(
-        PpLocalStorageKey.initializedAt,
-        Date.now().toString()
-      );
-      clearAllCookies();
-    } catch (e) {
-    }
-    this.memoryStorage = {};
-  }
-}
-const cookieAttributes = Object.freeze(__spreadValues({
-  expires: 365,
-  sameSite: "None"
-}, { secure: true, Partitioned: true }));
-function writeCookie(key, value) {
-  api.set(key, value, cookieAttributes);
-}
-function removeCookie$1(key) {
-  api.remove(key, cookieAttributes);
-}
-(() => {
-  return new LocalStorageProxy();
-})();
-function clearAllCookies() {
-  const cookies = api.get();
-  for (const key in cookies) {
-    removeCookie$1(key);
-  }
-  writeCookie(PpLocalStorageKey.initializedAt, Date.now().toString());
-}
-function isFunction(val) {
-  return typeof val === "function";
-}
-function getRandomString() {
-  return Math.random().toString(36).substring(7);
-}
-function setCookie({ name, value, options }) {
-  return api.set(name, value, options);
-}
-function getCookie({ name }) {
-  return api.get(name);
-}
-function removeCookie({ name, options }) {
-  return api.remove(name, options);
-}
-function setLocalStorage({
-  name,
-  value
-}) {
-  return localStorage.setItem(name, value);
-}
-function getLocalStorage({ name }) {
-  return localStorage.getItem(name);
-}
-function removeLocalStorage({ name }) {
-  return localStorage.removeItem(name);
-}
-function setSessionStorage({
-  name,
-  value
-}) {
-  return sessionStorage.setItem(name, value);
-}
-function getSessionStorage({ name }) {
-  return sessionStorage.getItem(name);
-}
-function removeSessionStorage({ name }) {
-  return sessionStorage.removeItem(name);
-}
-function removeQueryParametersFromUrl(removeParams) {
-  const url = new URL(window.location.href);
-  removeParams.forEach((param) => url.searchParams.delete(param));
-  const newURL = `${url.pathname}${url.search}`;
-  history.replaceState(history.state, "", newURL);
-}
-function getUrl() {
-  return window.location.href;
-}
-const clientWindowBridgeFunctions = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  getCookie,
-  getLocalStorage,
-  getSessionStorage,
-  getUrl,
-  removeCookie,
-  removeLocalStorage,
-  removeQueryParametersFromUrl,
-  removeSessionStorage,
-  setCookie,
-  setLocalStorage,
-  setSessionStorage
-}, Symbol.toStringTag, { value: "Module" }));
 const IFRAME_NAME = "ppmna-iframe";
 const IFRAME_CONTAINER_NAME = "ppsdk-container";
 let iframeContainer;
@@ -1849,10 +1923,6 @@ function receiveMessageFromIframe(messageData, params, eventHandler) {
   if (messageData.result === PPFunctionResult.complete) {
     (_c = params == null ? void 0 : params.complete) == null ? void 0 : _c.call(params);
     removeEventListener("message", eventHandler);
-    functionEnd(messageData.messageId);
-    if (!isFunctionRunning()) {
-      showCoreIframe(false);
-    }
   }
 }
 function postMessageToCore(messageData) {
@@ -1865,8 +1935,8 @@ function postMessageToCore(messageData) {
     );
   });
 }
-function triggerPostMessageToCore(type, showIframeFlag, params, postMessageParams) {
-  const messageId = functionStart();
+function triggerPostMessageToCore(type, params, postMessageParams) {
+  const messageId = getRandomString();
   const fnMessageHandler = (e) => {
     if (!checkIFrameOrigin(e.origin)) {
       return;
@@ -1887,13 +1957,29 @@ function triggerPostMessageToCore(type, showIframeFlag, params, postMessageParam
 function checkIFrameOrigin(origin) {
   return origin === CORE_IFRAME_ORIGIN;
 }
-function getRefreshToken(clientId) {
+function getRefreshToken(clientId, useLocalStorage) {
+  if (useLocalStorage) {
+    const refreshToken = localStorage.getItem(
+      `${PpLocalStorageKey.refreshToken}.${clientId}`
+    );
+    if (refreshToken) {
+      return refreshToken;
+    }
+  }
   const refreshTokenWithClientId = api.get(
     `${PpLocalStorageKey.refreshToken}.${clientId}`
   );
   return refreshTokenWithClientId || api.get(PpLocalStorageKey.refreshToken) || "";
 }
-function getCodeVerifier(clientId) {
+function getCodeVerifier(clientId, useLocalStorage) {
+  if (useLocalStorage) {
+    const codeVerifier = localStorage.getItem(
+      `${PpLocalStorageKey.codeVerifier}.${clientId}`
+    );
+    if (codeVerifier) {
+      return codeVerifier;
+    }
+  }
   return api.get(`${PpLocalStorageKey.codeVerifier}.${clientId}`) || api.get(PpLocalStorageKey.codeVerifier) || "";
 }
 function exposeClientJsBridge(jsBridge) {
@@ -1914,20 +2000,6 @@ function isSupportedSmartpayment(functionName) {
     functionName
   );
 }
-let runningFunctions = [];
-function isFunctionRunning() {
-  return runningFunctions.length > 0;
-}
-function functionEnd(messageId) {
-  runningFunctions = runningFunctions.filter((val) => {
-    return val !== messageId;
-  });
-}
-function functionStart() {
-  const messageId = getRandomString();
-  runningFunctions.push(messageId);
-  return messageId;
-}
 function promiseToCallback(functionName, target, getLoggingParams) {
   return function(params = {}) {
     const loggingParams = getLoggingParams == null ? void 0 : getLoggingParams(params);
@@ -2021,6 +2093,14 @@ const commonMessageHandler = (e) => {
     showCoreIframe(true);
     return;
   }
+  if (e.data.name === PPUtilFunctionName.showIframe) {
+    showCoreIframe(true);
+    return;
+  }
+  if (e.data.name === PPUtilFunctionName.hideIframe) {
+    showCoreIframe(false);
+    return;
+  }
   if (e.data.name === PPUtilFunctionName.link) {
     const linkOption = e.data.data;
     if (linkOption.target === "_blank") {
@@ -2045,20 +2125,16 @@ addEventListener("popstate", () => {
   }).catch((error) => console.warn(error));
 });
 function init(params) {
-  const refreshToken = getRefreshToken(params.clientId);
-  const codeVerifier = getCodeVerifier(params.clientId);
-  const clientVersion = "2.54.0";
-  const initParams = {
-    env: params.env,
-    mode: params.mode,
-    debugMode: params.debugMode,
-    clientId: params.clientId,
+  const refreshToken = getRefreshToken(params.clientId, params.useLocalStorage);
+  const codeVerifier = getCodeVerifier(params.clientId, params.useLocalStorage);
+  const clientVersion = "2.56.0";
+  const initParams = __spreadProps(__spreadValues({}, params), {
     refreshToken,
     clientVersion,
     codeVerifier,
     clientSdkType,
     clientUrl: window.location.href
-  };
+  });
   let initDonePromiseResolve;
   const nextInitDonePromise = new Promise(
     (resolve) => initDonePromiseResolve = resolve
@@ -2071,7 +2147,6 @@ function init(params) {
   initDonePromise.then(() => getCoreIframe()).then(() => {
     triggerPostMessageToCore(
       PPFunctionName.init,
-      false,
       __spreadProps(__spreadValues({}, params), { complete }),
       initParams
     );
@@ -2127,8 +2202,8 @@ function executePendingFunctionCalls(client2) {
   }
 }
 const clientProperties = {
-  version: "2.54.0",
-  revision: "cd1d284"
+  version: "2.56.0",
+  revision: "8161aa8"
 };
 function isInitClientParams(params) {
   return params.clientId !== void 0;
@@ -2176,7 +2251,6 @@ function getClient({
             }
             triggerPostMessageToCore(
               prop,
-              false,
               params,
               params
             );
@@ -2220,9 +2294,13 @@ const markAsReady = promiseToCallback(
   "markAsReady",
   coreFunctions.markAsReady
 );
+promiseToCallback(
+  "renderButton",
+  coreFunctions.renderButton
+);
 function getKycPassportInfo(params) {
   const url = window.location.href;
-  triggerPostMessageToCore(PPFunctionName.getKycPassportInfo, false, params, __spreadProps(__spreadValues({}, params), {
+  triggerPostMessageToCore(PPFunctionName.getKycPassportInfo, params, __spreadProps(__spreadValues({}, params), {
     url
   }));
 }
@@ -2319,12 +2397,7 @@ function scanCode(params) {
   const scanCodeParams = __spreadProps(__spreadValues({}, params), {
     redirectUrlOnCancel: (_a = params == null ? void 0 : params.redirectUrlOnCancel) != null ? _a : window.location.href
   });
-  triggerPostMessageToCore(
-    PPFunctionName.scanCode,
-    false,
-    params,
-    scanCodeParams
-  );
+  triggerPostMessageToCore(PPFunctionName.scanCode, params, scanCodeParams);
 }
 function setTitle(params) {
   var _a, _b, _c;
@@ -2334,7 +2407,7 @@ function setTitle(params) {
 }
 function share(params) {
   if (!(navigator == null ? void 0 : navigator.share)) {
-    triggerPostMessageToCore(PPFunctionName.share, false, params, params);
+    triggerPostMessageToCore(PPFunctionName.share, params, params);
     return;
   }
   const data = {
@@ -2384,12 +2457,9 @@ function removeStorageData(params) {
 }
 function verifyMultiFactorAuthResult(params) {
   const url = new URL(window.location.href);
-  triggerPostMessageToCore(
-    PPFunctionName.verifyMultiFactorAuthResult,
-    false,
-    params,
-    __spreadProps(__spreadValues({}, params), { sessionId: url.searchParams.get("ppSessionId") })
-  );
+  triggerPostMessageToCore(PPFunctionName.verifyMultiFactorAuthResult, params, __spreadProps(__spreadValues({}, params), {
+    sessionId: url.searchParams.get("ppSessionId")
+  }));
 }
 const clientFunctions = {
   verifyMultiFactorAuthResult,

package/dist/model/bridge/render.d.ts

@@ -1,5 +1,5 @@
 import { RenderSmartButtonParams } from '../../types';
 export declare function getRenderButtonInfo(params: RenderSmartButtonParams): Promise<{
     data: import('../../types').SmartButtonParam;
-    preferredLanguage: string;
+    preferredLanguage: import('../../types').Locale;
 }>;

package/dist/model/bridge/renderLoginButton.d.ts

@@ -1,5 +1,5 @@
 import { RenderSmartButtonParams, SmartButtonParam } from '../../types';
 export declare function getRenderLoginInfo(params: RenderSmartButtonParams): Promise<{
     data: SmartButtonParam;
-    preferredLanguage: string;
+    preferredLanguage: import('../../types').Locale;
 }>;

package/dist/model/bridge/renderPayButton.d.ts

@@ -1,8 +1,10 @@
-import { RenderSmartButtonParams, SmartButtonParam } from '../../types';
+import { RenderSmartButtonParams, SmartButtonParam, SmartPayParams } from '../../types';
 export declare function getRenderPayInfo(params: RenderSmartButtonParams): Promise<{
     renderParams: RenderSmartButtonParams;
     data: SmartButtonParam;
     isLoggedIn: boolean;
-    preferredLanguage: string;
+    preferredLanguage: import('../../types').Locale;
     isJustLoggedIn: boolean;
 }>;
+export declare function getExpectedCashback(orderInfo: SmartPayParams): Promise<string>;
+export declare function getIsLoggedIn(): Promise<boolean>;

package/dist/model/makePayment.d.ts

@@ -0,0 +1,18 @@
+import { PPFetchResult } from '../utils/fetch';
+import { OrderType, CashBackDetailResponse, ConsultResponse, GetPaymentMethodsResponse, MakePaymentResponse, PaymentBody, PaymentObject, PaymentQuery, SendAgePayload, SendAgeResponse } from '../types/makePayment';
+export declare const getPaymentMethods2: (params: {
+    merchant?: string;
+    type: string;
+    productType?: string;
+}) => Promise<PPFetchResult<GetPaymentMethodsResponse, Record<string, unknown>>>;
+export declare const getConsult: ({ merchant, amount, productType, metaData, orderType, payments, }: {
+    merchant: string;
+    amount: number;
+    productType: string;
+    metaData: unknown;
+    orderType: string;
+    payments: PaymentObject[];
+}) => Promise<PPFetchResult<ConsultResponse, ConsultResponse>>;
+export declare const makePayment: (queryParams: PaymentQuery, body: PaymentBody, isAuthorization: boolean) => Promise<PPFetchResult<MakePaymentResponse>>;
+export declare const getCashBackDetails: (paymentId: string, orderType?: OrderType) => Promise<PPFetchResult<CashBackDetailResponse, Record<string, unknown>>>;
+export declare const sendAge: (payload: SendAgePayload) => Promise<PPFetchResult<SendAgeResponse, Record<string, unknown>>>;

package/dist/package/lottie/lottie.d.ts

@@ -79,9 +79,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     path: string;
     type: TRenderType;
     play: boolean;
+    styles: Record<string, any>;
     loop: boolean;
     autoplay: boolean;
-    styles: Record<string, any>;
     className: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;