yichong-canva2 1.1.27

package/dist/login/privider.js

@@ -0,0 +1,603 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import { handleLogin, takeSubscribeBaseline, getUserProfile } from "./login/login.js";
+import { YiChongCanvaContext } from "./context.js";
+import _ from "lodash";
+import { getAppVersion } from "./version.js";
+function reduceFreeTimes(baseUrl, passport, cnt = 1) {
+  const header = {
+    "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8",
+    "X-Access-Ticket": passport
+  };
+  const url = baseUrl + "/api/user/reduce-free-cnt?cnt=" + cnt;
+  return fetch(url, {
+    method: "POST",
+    headers: header,
+    redirect: "follow"
+  }).catch((error) => {
+    console.log("reduceFreeTimes: ", error);
+    reduceFreeTimes(baseUrl, passport);
+  });
+}
+function addMonthlyUsage(passport, cnt = 1, productName) {
+  const headers = {
+    "X-Access-Ticket": passport,
+    "Content-Type": "application/json",
+    "X-Access-Channel": productName
+  };
+  const data = {
+    cnt
+  };
+  return fetch("https://usa.imgkits.com/api/user/add-monthly-usage", {
+    method: "POST",
+    headers,
+    body: JSON.stringify(data)
+  });
+}
+const YiChongCanvaProvider = ({
+  children,
+  appId,
+  productName,
+  onUpdateUserStatus,
+  // freeTimes = 1,
+  baseUrl,
+  autoLogin = true,
+  testMode: _testMode = "noTest",
+  version = 1,
+  mode = "normal",
+  retry = 3,
+  maxAvailablePoints = 1
+}) => {
+  const [userStatus, setUserStatus] = useState({});
+  const [credits, setCredits] = useState(0);
+  const [isSubscribed, setIsSubscribed] = useState(false);
+  const pollUserStatus = useRef(null);
+  const [test, setTest] = useState(_testMode);
+  const [isInTest, setIsInTest] = useState(false);
+  const [hasClickedUpgrade, setHasClickedUpgrade] = useState(false);
+  const stopCurrentPolling = useRef(null);
+  const sessionStopRef = useRef(null);
+  const [loginStatus, setLoginStatus] = useState("idle");
+  const userStatusRef = useRef({});
+  useEffect(() => {
+    userStatusRef.current = userStatus;
+  }, [userStatus]);
+  const updateUserStatus = (user) => {
+    if (test !== "noTest" && !user.subscription) {
+      user = {
+        ...user,
+        subscription: {}
+      };
+    }
+    if (test === "credits") {
+      user.subscription = {
+        free_cnt: 9999
+      };
+    } else if (test === "subscribed") {
+      user.subscription = {
+        detail: {
+          name: "yearly",
+          ends_at: null
+        }
+      };
+    } else if (test === "expired") {
+      user.subscription = {
+        detail: {
+          name: "yearly",
+          ends_at: Date.now() - 7 * 24 * 60 * 60 * 1e3
+        }
+      };
+    }
+    const new_user = _.merge({}, userStatus, user);
+    if (JSON.stringify(new_user) !== JSON.stringify(userStatus)) {
+      console.log(new_user);
+      setUserStatus(new_user);
+    }
+  };
+  const isFreeUnlimited = () => {
+    var _a;
+    return ((_a = userStatus.profile) == null ? void 0 : _a.usage_limits.free_limit) === -1;
+  };
+  const login = (tryCount = 0) => {
+    setLoginStatus("loading");
+    handleLogin({
+      appId,
+      productName
+    }).then((userStatus2) => {
+      setLoginStatus("success");
+      updateUserStatus(userStatus2);
+      onUpdateUserStatus == null ? void 0 : onUpdateUserStatus(userStatus2);
+      window.userId = userStatus2.userId || "";
+      window.pollUserSubscribe = pollUserStatus.current = (options) => {
+        var _a;
+        const {
+          fastIntervalMs = 5e3,
+          fastPhaseMs = 3e4,
+          slowIntervalMs = 15e3,
+          sessionTtlMs = 3e5
+        } = options || {};
+        setHasClickedUpgrade(true);
+        (_a = sessionStopRef.current) == null ? void 0 : _a.call(sessionStopRef, false);
+        return new Promise((resolve) => {
+          const userId = (window == null ? void 0 : window.userId) || "";
+          const baseline = takeSubscribeBaseline(userStatusRef.current);
+          const sessionStart = Date.now();
+          console.log("checkout session start", baseline);
+          let stopInner = null;
+          let settled = false;
+          const finish = (u) => {
+            if (settled) return;
+            settled = true;
+            if (stopCurrentPolling.current === exposedStop) {
+              stopCurrentPolling.current = null;
+            }
+            if (sessionStopRef.current === myStop) {
+              sessionStopRef.current = null;
+            }
+            resolve(u);
+          };
+          const finalizeWithRefresh = () => {
+            if (settled) return;
+            Promise.race([
+              refreshUserStatus(),
+              new Promise(
+                (r) => setTimeout(() => r(userStatusRef.current), 1e4)
+              )
+            ]).catch(() => userStatusRef.current).then((u) => finish(u || userStatusRef.current));
+          };
+          const myStop = (withRefresh) => {
+            stopInner == null ? void 0 : stopInner();
+            if (stopCurrentPolling.current === exposedStop) {
+              stopCurrentPolling.current = null;
+            }
+            if (sessionStopRef.current === myStop) {
+              sessionStopRef.current = null;
+            }
+            if (withRefresh) {
+              finalizeWithRefresh();
+            } else {
+              finish(userStatusRef.current);
+            }
+          };
+          const exposedStop = () => myStop(true);
+          stopCurrentPolling.current = exposedStop;
+          sessionStopRef.current = myStop;
+          getUserProfile({
+            productName,
+            userId,
+            isSubscribe: true,
+            baseline,
+            // 会话时长由 sessionTtlMs 主导；次数上限只作双保险
+            maxCount: 1e4,
+            maxDurationMs: sessionTtlMs,
+            // 快阶段过后降频
+            interval: () => Date.now() - sessionStart < fastPhaseMs ? fastIntervalMs : slowIntervalMs,
+            onStop: (fn) => {
+              stopInner = fn;
+            },
+            successCallback(u) {
+              u.userId = userId;
+              finish(u);
+              onUpdateUserStatus == null ? void 0 : onUpdateUserStatus(u);
+              updateUserStatus(u);
+            }
+          }).catch(() => {
+            console.log("checkout session ttl reached");
+            finalizeWithRefresh();
+          }).finally(() => {
+            if (stopCurrentPolling.current === exposedStop) {
+              stopCurrentPolling.current = null;
+            }
+            if (sessionStopRef.current === myStop) {
+              sessionStopRef.current = null;
+            }
+          });
+        });
+      };
+    }).catch(() => {
+      setLoginStatus("error");
+      if (tryCount < retry) {
+        setTimeout(() => {
+          login(tryCount + 1);
+        }, 3e3);
+      }
+    });
+  };
+  useEffect(() => {
+    if (!version && !productName && !baseUrl && !appId) {
+      throw new Error("version, productName, baseUrl, appId is required");
+    }
+    {
+      setTest("noTest");
+    }
+    const _version = parseInt(localStorage.getItem("version") || "");
+    console.log("code version: ", version);
+    console.log("local version: ", _version);
+    if (Number.isNaN(_version)) {
+      getAppVersion("canva_" + appId).then((res) => {
+        console.log("latest version: ", res.version);
+        if (typeof res.version !== "number") {
+          res.version = version + 1;
+        }
+        if (res.version >= version) {
+          setIsInTest(false);
+          localStorage.setItem("version", version.toString());
+        } else {
+          setIsInTest(true);
+        }
+      });
+    } else {
+      if (version !== _version) {
+        getAppVersion("canva_" + appId).then((res) => {
+          if (typeof res.version !== "number") {
+            res.version = version + 1;
+          }
+          console.log("latest version: ", res.version);
+          if (res.version >= version) {
+            setIsInTest(false);
+            localStorage.setItem("version", version.toString());
+          } else {
+            setIsInTest(true);
+          }
+        });
+      } else {
+        setIsInTest(false);
+      }
+    }
+  }, [appId, version, baseUrl, productName]);
+  function updateTestInfo(info) {
+    localStorage.setItem(
+      "test_info",
+      JSON.stringify({
+        ...info
+      })
+    );
+  }
+  function getTestInfo() {
+    const p = localStorage.getItem("test_info");
+    if (p) {
+      try {
+        return JSON.parse(p);
+      } catch {
+        return {
+          time: "",
+          flag: false,
+          usage: 0
+        };
+      }
+    }
+    return {
+      time: "",
+      flag: false,
+      usage: 20
+    };
+  }
+  function updateCredits(credits2) {
+    setCredits(credits2);
+  }
+  useEffect(() => {
+    updateUserStatus({});
+  }, [test]);
+  useEffect(() => {
+    if (autoLogin) {
+      login();
+    }
+  }, [autoLogin]);
+  const initCredits = () => {
+    var _a, _b;
+    if (!userStatus.subscription || !userStatus.profile) {
+      return;
+    }
+    const { free_cnt, is_subscribed, monthly_usage_cnt, free_usage_cnt } = userStatus.subscription;
+    const { usage_limits } = userStatus.profile;
+    const freeTimes = (usage_limits == null ? void 0 : usage_limits.free_limit) || 0;
+    if (isInTest) {
+      let isNull = false;
+      if (typeof free_cnt !== "number") {
+        isNull = true;
+      }
+      const _credits = mode === "normal" ? 20 : 1e3;
+      if (mode === "server_credits" && !free_cnt) {
+        setUserStatus((pre) => {
+          const _o = JSON.parse(JSON.stringify(pre));
+          _o.subscription.free_time = _credits;
+          return _o;
+        });
+      }
+      const freeTimeFn = () => {
+        if (isNull) {
+          return _credits;
+        } else {
+          return free_cnt || 0;
+        }
+      };
+      const forceUpdateUsage = localStorage.getItem("test_free_cnt") ? localStorage.getItem("test_free_cnt") !== ((_a = freeTimeFn()) == null ? void 0 : _a.toString()) : false;
+      localStorage.setItem("test_free_cnt", ((_b = freeTimeFn()) == null ? void 0 : _b.toString()) || "0");
+      const test_info = getTestInfo();
+      const today = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+      if (today !== test_info.time || forceUpdateUsage) {
+        const usage = forceUpdateUsage ? freeTimeFn() : _credits;
+        updateTestInfo({
+          ...test_info,
+          time: today,
+          usage
+        });
+        setCredits(usage);
+        return;
+      } else {
+        setCredits(test_info.usage);
+        return;
+      }
+    }
+    let c = 0;
+    if (mode === "normal") {
+      if (typeof free_cnt === "number") {
+        if (free_cnt < 0) {
+          c = freeTimes + free_cnt;
+        } else {
+          c = free_cnt ?? freeTimes;
+        }
+      } else {
+        c = freeTimes;
+      }
+    } else {
+      if (typeof free_cnt === "number" && !is_subscribed) {
+        c = free_cnt;
+      } else if (is_subscribed) {
+        c = maxAvailablePoints - (monthly_usage_cnt || 0);
+      } else {
+        c = freeTimes - (free_usage_cnt || 0);
+      }
+    }
+    if (c < 0) {
+      c = 0;
+    }
+    setCredits(c);
+  };
+  function updateTestMode(m) {
+    setTest(m);
+  }
+  const initSubscribedUser = () => {
+    var _a, _b;
+    const { subscription, team_subscription } = userStatus;
+    let is_subscribed = false;
+    if (subscription && subscription.detail) {
+      const detail = subscription.detail;
+      if (detail && !detail.ends_at) is_subscribed = true;
+      if (detail && detail.ends_at)
+        is_subscribed = !!(new Date(detail.ends_at) > /* @__PURE__ */ new Date());
+      if (team_subscription && (team_subscription == null ? void 0 : team_subscription.detail)) is_subscribed = true;
+    }
+    const planName = checkPlanName((_b = (_a = userStatus.subscription) == null ? void 0 : _a.detail) == null ? void 0 : _b.name);
+    setIsSubscribed(is_subscribed);
+    updateUserStatus({
+      subscription: {
+        ...userStatus.subscription,
+        is_subscribed
+      },
+      planName
+    });
+  };
+  const checkPlanName = (plan_name) => {
+    if (!plan_name) {
+      return "Free";
+    }
+    if (plan_name.toLowerCase().includes("month")) {
+      return "Pro Monthly plan";
+    } else if (plan_name.toLowerCase().includes("year")) {
+      return "Pro Yearly plan";
+    } else if (plan_name.toLowerCase().includes("free")) {
+      return "Free";
+    }
+    return "Premium";
+  };
+  function refreshUserStatus() {
+    return new Promise((resolve) => {
+      getUserProfile({
+        productName,
+        userId: (window == null ? void 0 : window.userId) || "",
+        maxCount: 2,
+        successCallback(userStatus2) {
+          console.log("refreshUserStatus", userStatus2);
+          userStatus2.userId = (window == null ? void 0 : window.userId) || "";
+          onUpdateUserStatus == null ? void 0 : onUpdateUserStatus(userStatus2);
+          updateUserStatus(userStatus2);
+          resolve(userStatus2);
+        }
+      }).catch(() => {
+        resolve(userStatusRef.current);
+      });
+    });
+  }
+  useEffect(() => {
+    initCredits();
+    initSubscribedUser();
+  }, [userStatus]);
+  const use = (cnt = 1, force = false, notUpload = false) => {
+    if (test !== "noTest") return;
+    if (isInTest) {
+      let _c = credits - cnt;
+      if (_c < 0) {
+        _c = 0;
+      }
+      setCredits(_c);
+      const test_info = getTestInfo();
+      updateTestInfo({
+        ...test_info,
+        usage: _c
+      });
+      return;
+    }
+    if (isFreeUnlimited()) {
+      return {
+        canUse: true
+      };
+    }
+    if (isSubscribed && !force) {
+      handleSubscribedUse(cnt, notUpload);
+    } else {
+      handleCreditsUse(cnt, notUpload);
+    }
+  };
+  const handleCreditsUse = (cnt, notUpload) => {
+    const passport = localStorage.getItem(window.userId + "_passport") || "";
+    setCredits(credits - cnt);
+    if (!notUpload) {
+      reduceFreeTimes(baseUrl, passport, cnt);
+    }
+  };
+  const handleSubscribedUse = (cnt, notUpload) => {
+    var _a, _b;
+    const passport = localStorage.getItem(window.userId + "_passport") || "";
+    const { profile, subscription } = userStatus;
+    const { usage_limits } = profile || {};
+    const monthly_usage_cnt = (subscription == null ? void 0 : subscription.monthly_usage_cnt) ?? 0;
+    let limitUsage = ((usage_limits == null ? void 0 : usage_limits.monthly_usage_limit) ?? 0) - monthly_usage_cnt;
+    if (((usage_limits == null ? void 0 : usage_limits.monthly_usage_limit) ?? 0) <= -1 || limitUsage >= cnt) {
+      addMonthlyUsage(passport, cnt, productName);
+      updateUserStatus({
+        ...userStatus,
+        subscription: {
+          ...userStatus.subscription,
+          monthly_usage_cnt: (((_a = userStatus.subscription) == null ? void 0 : _a.monthly_usage_cnt) || 0) + cnt
+        }
+      });
+    } else if (limitUsage < cnt) {
+      if (limitUsage <= 0) {
+        limitUsage = 0;
+      }
+      if (limitUsage > 0) {
+        addMonthlyUsage(passport, limitUsage, productName);
+        updateUserStatus({
+          ...userStatus,
+          subscription: {
+            ...userStatus.subscription,
+            monthly_usage_cnt: (((_b = userStatus.subscription) == null ? void 0 : _b.monthly_usage_cnt) || 0) + limitUsage
+          }
+        });
+      }
+      handleCreditsUse(cnt - limitUsage, notUpload);
+      return;
+    }
+  };
+  const canUse = (cnt = 1, force = false) => {
+    if (isSubscribed && !force) {
+      return true;
+    } else {
+      return credits - cnt >= 0;
+    }
+  };
+  const canUseLimit = (cnt = 1, force = false) => {
+    if (isFreeUnlimited()) {
+      return {
+        canUse: true
+      };
+    }
+    if (isSubscribed && !force) {
+      const { profile, subscription } = userStatus;
+      const { usage_limits } = profile || {};
+      const monthly_usage_cnt = (subscription == null ? void 0 : subscription.monthly_usage_cnt) ?? 0;
+      if (!(monthly_usage_cnt >= 0) || !usage_limits) return {
+        error: "userStatus_error",
+        canUse: false
+      };
+      const totalUsage = getLimitUsage();
+      if (totalUsage === null) {
+        return {
+          canUse: true
+        };
+      }
+      const canUse2 = totalUsage - cnt >= 0;
+      let error = "no_credits";
+      if (usage_limits.monthly_usage_limit - monthly_usage_cnt - credits < 0 && credits === 0) {
+        error = "monthly_usage_limit";
+      }
+      return {
+        error: canUse2 ? void 0 : error,
+        canUse: canUse2
+      };
+    } else {
+      const canUse2 = credits - cnt >= 0;
+      return {
+        error: canUse2 ? void 0 : "no_credits",
+        canUse: credits - cnt >= 0
+      };
+    }
+  };
+  function getPricingLink() {
+    const link = `https://www.livepolls.app/${productName}/pricing?from=canva_addon&canva_id=${userStatus.userId}&close=1`;
+    return link;
+  }
+  const getLimitUsage = () => {
+    if (isSubscribed) {
+      const { profile, subscription } = userStatus;
+      const { usage_limits } = profile || {};
+      const monthly_usage_cnt = (subscription == null ? void 0 : subscription.monthly_usage_cnt) ?? 0;
+      const monthly_usage_limit = (usage_limits == null ? void 0 : usage_limits.monthly_usage_limit) ?? 0;
+      if (monthly_usage_limit === -1) {
+        return null;
+      }
+      const monthly_usage = Math.max(0, monthly_usage_limit - monthly_usage_cnt);
+      return Math.max(monthly_usage + credits, 0);
+    } else {
+      return credits;
+    }
+  };
+  const getMonthlyUsageLimit = () => {
+    const { profile } = userStatus;
+    const { usage_limits } = profile || {};
+    const monthly_usage_limit = (usage_limits == null ? void 0 : usage_limits.monthly_usage_limit) ?? 0;
+    if (monthly_usage_limit === -1) {
+      return null;
+    }
+    return monthly_usage_limit;
+  };
+  return /* @__PURE__ */ jsx(
+    YiChongCanvaContext.Provider,
+    {
+      value: {
+        userStatus,
+        updateUserStatus,
+        handleLogin: login,
+        credits,
+        getLimitUsage,
+        getMonthlyUsageLimit,
+        isSubscribed,
+        canUseLimit,
+        isFreeUnlimited,
+        canUse,
+        use,
+        // 登录前 current 为 null，返回 undefined（保持 1.1.26 行为）
+        pollUserStatus: (options) => {
+          var _a;
+          return (_a = pollUserStatus.current) == null ? void 0 : _a.call(pollUserStatus, options);
+        },
+        getPricingLink,
+        updateTestMode,
+        refreshUserStatus,
+        hasClickedUpgrade,
+        setHasClickedUpgrade: (v) => {
+          setHasClickedUpgrade(v);
+        },
+        loginStatus,
+        updateCredits,
+        stopCurrentPolling: () => {
+          var _a;
+          if (stopCurrentPolling.current) {
+            (_a = stopCurrentPolling.current) == null ? void 0 : _a.call(stopCurrentPolling);
+            return true;
+          }
+          return false;
+        },
+        manualLogin: (_retry = 1) => {
+          retry = _retry;
+          login(0);
+        }
+      },
+      children
+    }
+  );
+};
+export {
+  YiChongCanvaProvider
+};

package/dist/login/use_canva.js

@@ -0,0 +1,12 @@
+import { useContext } from "react";
+import { YiChongCanvaContext } from "./context.js";
+const useYiChongCanva = () => {
+  const context = useContext(YiChongCanvaContext);
+  if (!context) {
+    throw new Error("useLogin must be used within a CanvaLoginProvider");
+  }
+  return context;
+};
+export {
+  useYiChongCanva
+};

package/dist/login/version.js

@@ -0,0 +1,26 @@
+function getAppVersion(key) {
+  const myHeaders = new Headers();
+  myHeaders.append("User-Agent", "Apifox/1.0.0 (https://apifox.com)");
+  myHeaders.append("Accept", "*/*");
+  myHeaders.append("Host", "usa.imgkits.com");
+  myHeaders.append("Connection", "keep-alive");
+  myHeaders.append("Content-Type", "application/x-www-form-urlencoded");
+  const urlencoded = new URLSearchParams();
+  urlencoded.append("key", key);
+  const requestOptions = {
+    method: "POST",
+    headers: myHeaders,
+    body: urlencoded,
+    redirect: "follow"
+  };
+  return fetch("https://usa.imgkits.com/site/get", requestOptions).then((res) => res.json()).then((res) => {
+    if (!(res == null ? void 0 : res.success)) {
+      return {};
+    } else {
+      return JSON.parse(res.data.value);
+    }
+  });
+}
+export {
+  getAppVersion
+};

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export * from './login';