{"id":494579,"date":"2026-09-14T10:17:02","date_gmt":"2026-09-14T10:17:02","guid":{"rendered":"https:\/\/savepearlharbor.com\/?p=494579"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=494579","title":{"rendered":"\u042eKassa, \u043f\u0435\u0440\u0432\u044b\u0439 \u043f\u043b\u0430\u0442\u0451\u0436 \u0432 AI-\u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0435, \u043a\u0443\u043f\u043e\u043d\u044b, \u0430\u043d\u0442\u0438-\u0434\u0430\u0431\u043b\u043a\u043b\u0438\u043a \u0438 \u0437\u0430\u043f\u0440\u0435\u0442 \u0434\u0443\u0431\u043b\u0435\u0439 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438"},"content":{"rendered":"
\n

\u042eKassa \u0441\u043e\u0437\u0434\u0430\u0435\u0442 \u043f\u043b\u0430\u0442\u0435\u0436 \u043f\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0443 backend. \u0421\u0435\u0440\u0432\u0435\u0440 \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u0442 \u0441\u0443\u043c\u043c\u0443, \u0432\u0430\u043b\u044e\u0442\u0443, \u0440\u0435\u0436\u0438\u043c capture<\/code>, \u0434\u0430\u043d\u043d\u044b\u0435 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u044f, \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0438 Idempotence-Key<\/code>. \u041f\u0440\u0438 confirmation.type=redirect<\/code> \u042eKassa \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0430\u0434\u0440\u0435\u0441 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043e\u043f\u043b\u0430\u0442\u044b. Frontend \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u0438\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u043d\u0430 \u044d\u0442\u043e\u0442 \u0430\u0434\u0440\u0435\u0441.<\/p>\n

\u041a\u0443\u043f\u043e\u043d, \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0438 \u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u043a\u0430 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e\u0433\u043e POST \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0412 \u042eKassa \u0443\u0445\u043e\u0434\u0438\u0442 \u0443\u0436\u0435 \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u043d\u043d\u0430\u044f \u0441\u0443\u043c\u043c\u0430.<\/p>\n

\u041d\u0438\u0436\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0438\u0437 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u00a0AI-Chat<\/a>, \u043f\u043b\u0430\u0442\u0435\u0436\u0438 \u0432 \u043f\u0440\u043e\u0444\u0438\u043b\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f, Render \u043f\u0440\u043e\u0441\u044b\u043f\u0430\u0435\u0442\u0441\u044f \u043f\u0430\u0440\u0443 \u043c\u0438\u043d\u0443\u0442. Frontend \u043d\u0430\u043f\u0438\u0441\u0430\u043d \u043d\u0430 Next.js, \u043f\u043b\u0430\u0442\u0435\u0436\u043d\u044b\u0439 backend \u043d\u0430 Django REST Framework.<\/p>\n

\u041f\u0435\u0440\u0432\u044b\u0439 \u043f\u043b\u0430\u0442\u0435\u0436 \u0432 \u042eKassa<\/h3>\n

\u0414\u043b\u044f \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u043f\u043b\u0430\u0442\u0435\u0436\u0430 \u0441\u0435\u0440\u0432\u0435\u0440 \u0444\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u0442 \u043e\u0431\u044a\u0435\u043a\u0442 \u0441 \u0441\u0443\u043c\u043c\u043e\u0439 \u0432 RUB, confirmation<\/code>, return_url<\/code>, \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c \u0438 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u043c \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440\u043e\u043c \u043f\u043b\u0430\u0442\u0435\u0436\u0430 \u0432 metadata<\/code>.<\/p>\n

\u0412 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u043f\u0435\u0440\u0432\u044b\u0439 \u043f\u043b\u0430\u0442\u0435\u0436 \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f \u0441 capture=false<\/code>. \u041f\u043e\u0441\u043b\u0435 \u043e\u043f\u043b\u0430\u0442\u044b \u043e\u043d \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442 \u0447\u0435\u0440\u0435\u0437 \u0434\u0432\u0443\u0445\u0441\u0442\u0430\u0434\u0438\u0439\u043d\u044b\u0439 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0439 \u0441 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435\u043c waiting_for_capture<\/code>. \u0414\u043b\u044f \u0442\u0430\u0440\u0438\u0444\u043e\u0432 monthly<\/code> \u0438 yearly<\/code> \u0441\u0435\u0440\u0432\u0435\u0440 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 save_payment_method=true<\/code>. \u0423 forever<\/code> \u0441\u043f\u043e\u0441\u043e\u0431 \u043e\u043f\u043b\u0430\u0442\u044b \u0434\u043b\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0445 \u0441\u043f\u0438\u0441\u0430\u043d\u0438\u0439 \u043d\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442\u0441\u044f.<\/p>\n

def create_payment_data(    amount,    description,    local_payment_id,    subscription_type,    receipt,    payment_method_id=None):    save_pm = subscription_type in (\"monthly\", \"yearly\")    data = {        \"amount\": {            \"value\": str(amount),            \"currency\": \"RUB\",        },        \"capture\": False,        \"confirmation\": {            \"type\": \"redirect\",            \"return_url\": f\"{settings.FRONT_URL}\/payment\/success\",        },        \"description\": description,        \"receipt\": receipt,        \"metadata\": {            \"payment_id\": local_payment_id,            \"subscription_type\": subscription_type,        },    }    if save_pm:        data[\"save_payment_method\"] = True    return data                  <\/code>
<\/a><\/div><\/pre>\n
metadata.payment_id<\/code> \u0441\u0432\u044f\u0437\u044b\u0432\u0430\u0435\u0442 \u043f\u043b\u0430\u0442\u0435\u0436 \u042eKassa \u0441 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0439 \u0437\u0430\u043f\u0438\u0441\u044c\u044e. subscription_type<\/code> \u043e\u0441\u0442\u0430\u0435\u0442\u0441\u044f \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u043f\u0440\u0438 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0439.<\/p>\n
\u0421\u0443\u043c\u043c\u0430 \u043f\u043b\u0430\u0442\u0435\u0436\u0430<\/h3>\n
Frontend \u043d\u0435 \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u0442 \u0438\u0442\u043e\u0433\u043e\u0432\u0443\u044e \u0441\u0443\u043c\u043c\u0443 \u0432 process-kassa<\/code>. \u041e\u043d \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442 \u0442\u0438\u043f \u043f\u043e\u043a\u0443\u043f\u043a\u0438 \u0438 \u043a\u043e\u0434 \u043a\u0443\u043f\u043e\u043d\u0430.<\/p>\n
const resp = await post(  \"\/api\/payment\/process-kassa\/\",  {    subscription_type: paymentType,    coupon_code: couponCode,  },  freshSession.accessToken);                  <\/code>
<\/a><\/div><\/pre>\n
Django \u0441\u0430\u043c \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0431\u0430\u0437\u043e\u0432\u0443\u044e \u0446\u0435\u043d\u0443.<\/p>\n
BASE_PRICES = {    \"monthly\": Decimal(\"300\"),    \"yearly\": Decimal(\"2500\"),    \"forever\": Decimal(\"5000\"),}def get_base_amount(subscription_type: str) -> Decimal:    if subscription_type not in BASE_PRICES:        raise ValueError(\"Unknown subscription_type\")    return BASE_PRICES[subscription_type]                  <\/code>
<\/a><\/div><\/pre>\n
\u0421\u0443\u043c\u043c\u0430 \u0438\u0437 React state \u043d\u0435 \u0443\u0447\u0430\u0441\u0442\u0432\u0443\u0435\u0442 \u0432 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u043f\u043b\u0430\u0442\u0435\u0436\u0430. \u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 DOM, \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0433\u043e BASE_PRICES<\/code> \u0438\u043b\u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f preview \u043d\u0435 \u043c\u0435\u043d\u044f\u0435\u0442 \u0441\u0443\u043c\u043c\u0443, \u043a\u043e\u0442\u043e\u0440\u0443\u044e Django \u043f\u0435\u0440\u0435\u0434\u0430\u0441\u0442 \u0432 \u042eKassa.<\/p>\n
\u041a\u0443\u043f\u043e\u043d<\/h3>\n
\u041a\u0443\u043f\u043e\u043d \u0445\u0440\u0430\u043d\u0438\u0442\u0441\u044f \u0432 Django. \u041c\u043e\u0434\u0435\u043b\u044c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043a\u043e\u0434, \u043f\u0440\u043e\u0446\u0435\u043d\u0442 \u0441\u043a\u0438\u0434\u043a\u0438, \u0441\u0440\u043e\u043a \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f, \u0444\u043b\u0430\u0433 active<\/code> \u0438 \u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0443 \u043a \u0442\u0438\u043f\u0443 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438.<\/p>\n
class Coupon(models.Model):    code = models.CharField(max_length=50, unique=True)    discount = models.DecimalField(max_digits=5, decimal_places=2)    valid_from = models.DateTimeField()    valid_to = models.DateTimeField()    active = models.BooleanField(default=True)    subscription_type = models.CharField(        choices=[            (\"monthly\", \"Monthly\"),            (\"yearly\", \"Yearly\"),            (\"forever\", \"Forever\"),        ],        max_length=10,        blank=True,        null=True,    )                  <\/code>
<\/a><\/div><\/pre>\n
Backend \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u043a\u0443\u043f\u043e\u043d\u0430, \u0441\u0440\u043e\u043a \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0438 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0435 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u043c\u0443 \u0442\u0430\u0440\u0438\u0444\u0443.<\/p>\n
def apply_coupon(coupon_code, subscription_type):    try:        coupon = Coupon.objects.get(            code=coupon_code,            active=True,        )        if not coupon.apply_to_subscription(subscription_type):            raise ValueError(                \"\u042d\u0442\u043e\u0442 \u043a\u0443\u043f\u043e\u043d \u043d\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0439 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438.\"            )        if not coupon.is_valid():            raise ValueError(\"\u041a\u0443\u043f\u043e\u043d \u043f\u0440\u043e\u0441\u0440\u043e\u0447\u0435\u043d.\")        return coupon.discount    except Coupon.DoesNotExist:        raise ValueError(\"\u041d\u0435\u0432\u0435\u0440\u043d\u044b\u0439 \u0438\u043b\u0438 \u043d\u0435\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u043a\u0443\u043f\u043e\u043d.\")                  <\/code>
<\/a><\/div><\/pre>\n
\u042eKassa \u043a\u043e\u0434 \u043a\u0443\u043f\u043e\u043d\u0430 \u043d\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442. Django \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u0442 \u0432 \u043f\u043b\u0430\u0442\u0435\u0436 \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 amount<\/code>.<\/p>\n
Preview \u0441\u0443\u043c\u043c\u044b<\/h3>\n
Next.js \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0437\u0430\u043f\u0440\u043e\u0441 \u043d\u0430 \/validate-coupon\/<\/code>. \u0412 \u0437\u0430\u043f\u0440\u043e\u0441\u0435 \u0438\u0434\u0443\u0442 subscription_type<\/code> \u0438 coupon_code<\/code>.<\/p>\n
const resp = await post(  \"\/api\/payment\/validate-coupon\/\",  {    subscription_type: paymentType,    coupon_code: couponCode,  },  freshSession.accessToken);                  <\/code>
<\/a><\/div><\/pre>\n
Django \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0431\u0430\u0437\u043e\u0432\u0443\u044e \u0441\u0443\u043c\u043c\u0443, \u043a\u043e\u043d\u0435\u0447\u043d\u0443\u044e \u0441\u0443\u043c\u043c\u0443 \u0438 \u043f\u0440\u043e\u0446\u0435\u043d\u0442 \u0441\u043a\u0438\u0434\u043a\u0438.<\/p>\n
return Response({    \"valid\": True,    \"base_amount\": str(base_amount),    \"final_amount\": str(final_amount),    \"discount_percentage\": str(discount_percentage),})                  <\/code>
<\/a><\/div><\/pre>\n
\u0421\u043a\u0438\u0434\u043a\u0430 \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0441 \u0442\u043e\u0447\u043d\u043e\u0441\u0442\u044c\u044e \u0434\u043e \u043a\u043e\u043f\u0435\u0435\u043a \u0447\u0435\u0440\u0435\u0437 ROUND_HALF_UP<\/code>. \u041a\u043e\u043d\u0435\u0447\u043d\u0430\u044f \u0441\u0443\u043c\u043c\u0430 \u043e\u043a\u0440\u0443\u0433\u043b\u044f\u0435\u0442\u0441\u044f \u0434\u043e \u0446\u0435\u043b\u043e\u0433\u043e \u0440\u0443\u0431\u043b\u044f.<\/p>\n
discount_amount = (    base_amount    * Decimal(discount_percentage)    \/ Decimal(\"100\")).quantize(    Decimal(\"0.01\"),    rounding=ROUND_HALF_UP,)final_amount = (    base_amount - discount_amount).quantize(    Decimal(\"1\"),    rounding=ROUND_HALF_UP,)                  <\/code>
<\/a><\/div><\/pre>\n
process_kassa<\/code> \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442 \u043a\u0443\u043f\u043e\u043d \u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u0442 \u0441\u0443\u043c\u043c\u0443 \u043f\u0435\u0440\u0435\u0434 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435\u043c \u043f\u043b\u0430\u0442\u0435\u0436\u0430.<\/p>\n
discount_percentage = 0if coupon_code:    discount_percentage = apply_coupon(        coupon_code,        subscription_type,    )amount, discount_amount = compute_final_amount(    base_amount,    discount_percentage,)                  <\/code>
<\/a><\/div><\/pre>\n
Preview \u043d\u0435 \u0444\u0438\u043a\u0441\u0438\u0440\u0443\u0435\u0442 \u0446\u0435\u043d\u0443 \u043f\u043b\u0430\u0442\u0435\u0436\u0430. \u041c\u0435\u0436\u0434\u0443 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u043e\u0439 \u043a\u0443\u043f\u043e\u043d\u0430 \u0438 \u043d\u0430\u0436\u0430\u0442\u0438\u0435\u043c \u043e\u043f\u043b\u0430\u0442\u044b \u043a\u0443\u043f\u043e\u043d \u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u0442\u044c\u0441\u044f, \u0441\u0442\u0430\u0442\u044c \u043d\u0435\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u043c \u0438\u043b\u0438 \u043f\u0435\u0440\u0435\u0441\u0442\u0430\u0442\u044c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u0442\u0430\u0440\u0438\u0444\u0443. Django \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442 \u0435\u0433\u043e \u0435\u0449\u0435 \u0440\u0430\u0437 \u043f\u0440\u0438 process-kassa<\/code>.<\/p>\n
Preview \u0432 Next.js<\/h3>\n
PricePreview<\/code> \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u044b\u0435 base_amount<\/code>, final_amount<\/code> \u0438 discount_percentage<\/code> \u043f\u043e\u0441\u043b\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u043a\u0443\u043f\u043e\u043d\u0430.<\/p>\n
{!!couponCode && preview && preview.valid && (  <p className=\"text-gray-700\">    \u0418\u0442\u043e\u0433\u043e: <span className=\"line-through\">      {preview.base_amount} \u20bd    <\/span>{\" \"}    <b>{preview.final_amount} \u20bd<\/b>{\" \"}    <span className=\"text-green-600\">      ({`\u2212${preview.discount_percentage}%`})    <\/span>  <\/p>)}                  <\/code>
<\/a><\/div><\/pre>\n
\u041f\u0440\u0438 \u0441\u043c\u0435\u043d\u0435 \u0442\u0430\u0440\u0438\u0444\u0430 PaymentContainer<\/code> \u0441\u0431\u0440\u0430\u0441\u044b\u0432\u0430\u0435\u0442 \u0441\u0442\u0430\u0440\u044b\u0439 preview.<\/p>\n
setPaymentType={t => {  setPaymentType(t);  setPreview(null);}}                  <\/code>
<\/a><\/div><\/pre>\n
\u0422\u0435\u043a\u0441\u0442 \u043a\u0443\u043f\u043e\u043d\u0430 \u0445\u0440\u0430\u043d\u0438\u0442\u0441\u044f \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e. \u0412 \u0442\u0435\u043a\u0443\u0449\u0435\u043c \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0435 setCouponCode<\/code> \u043d\u0435 \u0441\u0431\u0440\u0430\u0441\u044b\u0432\u0430\u0435\u0442 preview<\/code>. \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043e\u0434\u0438\u043d \u043a\u0443\u043f\u043e\u043d, \u0437\u0430\u0442\u0435\u043c \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0442\u0435\u043a\u0441\u0442 \u0432 \u043f\u043e\u043b\u0435 \u0438 \u0434\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0432\u0438\u0434\u0435\u0442\u044c \u0441\u0442\u0430\u0440\u0443\u044e \u0441\u0443\u043c\u043c\u0443.<\/p>\n
\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043a\u0443\u043f\u043e\u043d\u0430 \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0441\u043e \u0441\u0431\u0440\u043e\u0441\u043e\u043c preview.<\/p>\n
const changeCouponCode = (value: string) => {  setCouponCode(value);  setPreview(null);};                  <\/code>
<\/a><\/div><\/pre>\n
CouponInput<\/code> \u0438 \u0431\u044b\u0441\u0442\u0440\u044b\u0435 \u043a\u043d\u043e\u043f\u043a\u0438 \u043a\u0443\u043f\u043e\u043d\u043e\u0432 \u0432 \u044d\u0442\u043e\u043c \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u044e\u0442 changeCouponCode<\/code> \u0432\u043c\u0435\u0441\u0442\u043e \u043f\u0440\u044f\u043c\u043e\u0433\u043e setCouponCode<\/code>.<\/p>\n
\u0410\u043d\u0442\u0438-\u0434\u0430\u0431\u043b\u043a\u043b\u0438\u043a \u0432 Next.js<\/h3>\n
handleSubmit<\/code> \u0441\u0442\u0430\u0432\u0438\u0442 loading=true<\/code> \u043f\u0435\u0440\u0435\u0434 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u043c \u043d\u0430 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043f\u043b\u0430\u0442\u0435\u0436\u0430.<\/p>\n
const handleSubmit = async (e: React.FormEvent) => {  e.preventDefault();  setLoading(true);  setError(\"\");  try {    const freshSession = await getSession();    if (!freshSession?.accessToken) {      setError(\"\u041d\u0443\u0436\u043d\u043e \u0432\u043e\u0439\u0442\u0438 \u0432 \u0430\u043a\u043a\u0430\u0443\u043d\u0442.\");      setLoading(false);      return;    }    const resp = await post(      \"\/api\/payment\/process-kassa\/\",      {        subscription_type: paymentType,        coupon_code: couponCode,      },      freshSession.accessToken    );    if (resp.data.session_url) {      window.location.href = resp.data.session_url;    }  } catch (err) {    setLoading(false);  }};                  <\/code>
<\/a><\/div><\/pre>\n
\u041a\u043d\u043e\u043f\u043a\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u0442\u043e\u0442 \u0436\u0435 state.<\/p>\n
<button  type=\"submit\"  disabled={loading}>  {loading ? \"\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430...\" : \"\u041e\u043f\u043b\u0430\u0442\u0430\"}<\/button>                  <\/code>
<\/a><\/div><\/pre>\n
\u0412\u0442\u043e\u0440\u043e\u0439 \u043a\u043b\u0438\u043a \u043f\u043e \u044d\u0442\u043e\u0439 \u043a\u043d\u043e\u043f\u043a\u0435 \u0432 \u0442\u0435\u043a\u0443\u0449\u0435\u043c \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440\u0435 \u0444\u043e\u0440\u043c\u044b \u0431\u043b\u043e\u043a\u0438\u0440\u0443\u0435\u0442\u0441\u044f. \u0414\u0440\u0443\u0433\u043e\u0439 \u0442\u0430\u0431, \u043f\u043e\u0432\u0442\u043e\u0440 HTTP-\u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u0438 \u0434\u0432\u0430 \u043f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u044c\u043d\u044b\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u043d\u0430 backend \u043e\u0442 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f React \u043d\u0435 \u0437\u0430\u0432\u0438\u0441\u044f\u0442.<\/p>\n
Idempotence-Key \u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u044b\u0439 \u043a\u043b\u0438\u043a<\/h3>\n
\u041f\u0440\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u043f\u043b\u0430\u0442\u0435\u0436\u0430 \u042eKassa \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 Idempotence-Key<\/code>. \u0412 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 Django \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442 \u043d\u043e\u0432\u044b\u0439 UUID \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0432\u044b\u0437\u043e\u0432\u0430 process_kassa<\/code>.<\/p>\n
idem = str(uuid.uuid4())kassa_payment = Payment.create(payment_data, idem)                  <\/code>
<\/a><\/div><\/pre>\n
\u0414\u0432\u0430 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0445 POST \u043d\u0430 process-kassa<\/code> \u043f\u043e\u043b\u0443\u0447\u0430\u0442 \u0434\u0432\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 UUID. \u0414\u043b\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u044d\u0442\u043e \u0434\u0432\u0435 \u0440\u0430\u0437\u043d\u044b\u0435 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043f\u043b\u0430\u0442\u0435\u0436\u0430.<\/p>\n
Backend \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u044b\u0439 \u0437\u0430\u043f\u0443\u0441\u043a \u0434\u043e \u0432\u044b\u0437\u043e\u0432\u0430 Payment.create<\/code>.<\/p>\n
Inflight payment \u0432 Django<\/h3>\n
recent_inflight_payment_exists<\/code> \u0438\u0449\u0435\u0442 \u043f\u043b\u0430\u0442\u0435\u0436 \u0442\u043e\u0433\u043e \u0436\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0438 \u0442\u043e\u0433\u043e \u0436\u0435 \u0442\u0438\u043f\u0430 \u0437\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 90 \u0441\u0435\u043a\u0443\u043d\u0434.<\/p>\n
def recent_inflight_payment_exists(    user,    subscription_type: str,    window_seconds: int = 90,) -> bool:    window_start = timezone.now() - timedelta(        seconds=window_seconds    )    return (        KassaPayment.objects.filter(            user=user,            subscription_type=subscription_type,            created_at__gte=window_start,            status=\"pending\",        ).exists()        or        KassaPayment.objects.filter(            user=user,            subscription_type=subscription_type,            created_at__gte=window_start,            kassa_payment_status=\"waiting_for_capture\",        ).exists()    )                  <\/code>
<\/a><\/div><\/pre>\n
process_kassa<\/code> \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442 \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0434\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0433\u043e \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u043b\u0430\u0442\u0435\u0436\u0430.<\/p>\n
if recent_inflight_payment_exists(    request.user,    subscription_type,    window_seconds=90,):    return Response(        {            \"error\":            \"\u041f\u043b\u0430\u0442\u0451\u0436 \u0443\u0436\u0435 \u0441\u043e\u0437\u0434\u0430\u0451\u0442\u0441\u044f, \u043f\u043e\u0434\u043e\u0436\u0434\u0438\u0442\u0435 \u043f\u0430\u0440\u0443 \u0441\u0435\u043a\u0443\u043d\u0434 \"            \"\u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u0430 \u043e\u043f\u043b\u0430\u0442\u0443.\"        },        status=status.HTTP_429_TOO_MANY_REQUESTS,    )                  <\/code>
<\/a><\/div><\/pre>\n
\u041f\u0435\u0440\u0432\u044b\u0439 \u0437\u0430\u043f\u0440\u043e\u0441 \u0441\u043e\u0437\u0434\u0430\u0435\u0442 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u0443\u044e \u0437\u0430\u043f\u0438\u0441\u044c \u0441\u043e \u0441\u0442\u0430\u0442\u0443\u0441\u043e\u043c pending<\/code>. \u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0437\u0430\u043f\u0440\u043e\u0441 \u0442\u043e\u0433\u043e \u0436\u0435 \u0442\u0438\u043f\u0430 \u043f\u043e\u043f\u0430\u0434\u0430\u0435\u0442 \u043f\u043e\u0434 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443.<\/p>\n
\u0422\u0435\u0441\u0442 \u0444\u0438\u043a\u0441\u0438\u0440\u0443\u0435\u0442 \u0434\u0432\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0445 POST. \u041f\u0435\u0440\u0432\u044b\u0439 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 200<\/code> \u0438 session_url<\/code>, \u0432\u0442\u043e\u0440\u043e\u0439 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 429<\/code>.<\/p>\n
\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0439 \u0437\u0430\u043f\u0438\u0441\u0438<\/h3>\n
Django \u0441\u043e\u0437\u0434\u0430\u0435\u0442 KassaPayment<\/code> \u043f\u0435\u0440\u0435\u0434 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u043c \u0432 \u042eKassa.<\/p>\n
payment = KassaPayment.objects.create(    user=request.user,    amount=amount,    subscription_type=subscription_type,    coupon_code=coupon_code or \"\",    discount=int(discount_amount),    status=\"pending\",)                  <\/code>
<\/a><\/div><\/pre>\n
\u041b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0439 id<\/code> \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u043f\u0430\u0434\u0430\u0435\u0442 \u0432 metadata<\/code> \u0443\u0434\u0430\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u043f\u043b\u0430\u0442\u0435\u0436\u0430.<\/p>\n
\u041f\u043e\u0441\u043b\u0435 \u043e\u0442\u0432\u0435\u0442\u0430 \u042eKassa backend \u0437\u0430\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 kassa_payment_id<\/code>.<\/p>\n
kassa_payment = Payment.create(payment_data, idem)payment.kassa_payment_id = kassa_payment.idpayment.save(    update_fields=[        \"kassa_payment_id\",        \"updated_at\",    ])                  <\/code>
<\/a><\/div><\/pre>\n
\u041f\u0440\u0438 \u043e\u0448\u0438\u0431\u043a\u0435 Payment.create<\/code> \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u0430\u044f \u0437\u0430\u043f\u0438\u0441\u044c \u0443\u0434\u0430\u043b\u044f\u0435\u0442\u0441\u044f.<\/p>\n
except Exception:    payment.delete()    return Response(        {\"error\": \"\u041e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u043f\u043b\u0430\u0442\u0435\u0436\u0430\"},        status=500,    )                  <\/code>
<\/a><\/div><\/pre>\n
\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0437\u0430\u043f\u0440\u043e\u0441 \u043f\u043e\u0441\u043b\u0435 \u0442\u0430\u043a\u043e\u0433\u043e \u0441\u0431\u043e\u044f \u043d\u0435 \u0432\u0438\u0434\u0438\u0442 \u043e\u0441\u0442\u0430\u0432\u0448\u0438\u0439\u0441\u044f pending<\/code> \u043e\u0442 \u043d\u0435\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u0433\u043e \u043f\u043b\u0430\u0442\u0435\u0436\u0430 \u042eKassa.<\/p>\n
\u0410\u043a\u0442\u0438\u0432\u043d\u0430\u044f monthly \u0438\u043b\u0438 yearly \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0430<\/h3>\n
\u041f\u0435\u0440\u0435\u0434 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435\u043c \u043f\u043b\u0430\u0442\u0435\u0436\u0430 Django \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442 \u0430\u043a\u0442\u0438\u0432\u043d\u0443\u044e \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0433\u043e \u0442\u0438\u043f\u0430.<\/p>\n
existing = Subscription.objects.filter(    user=request.user,    plan=subscription_type,    status=\"active\",    next_charge_at__gt=timezone.now(),).first()                  <\/code>
<\/a><\/div><\/pre>\n
\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u043a monthly<\/code> \u0438 yearly<\/code>. \u041e\u043d\u0430 \u0441\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u0435\u0442 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0439 plan<\/code>. \u0410\u043a\u0442\u0438\u0432\u043d\u044b\u0439 yearly<\/code> \u0431\u043b\u043e\u043a\u0438\u0440\u0443\u0435\u0442 \u043d\u043e\u0432\u0443\u044e \u043f\u043e\u043a\u0443\u043f\u043a\u0443 yearly<\/code>, \u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0439 monthly<\/code> \u0431\u043b\u043e\u043a\u0438\u0440\u0443\u0435\u0442 \u043d\u043e\u0432\u0443\u044e \u043f\u043e\u043a\u0443\u043f\u043a\u0443 monthly<\/code>.<\/p>\n
Backend \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 409<\/code>, \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043f\u043b\u0430\u043d\u0430 \u0438 \u0434\u0430\u0442\u0443 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0433\u043e \u0441\u043f\u0438\u0441\u0430\u043d\u0438\u044f.<\/p>\n
if existing:    return Response({        \"error\":            \"\u0423 \u0432\u0430\u0441 \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u0430\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0430 \u044d\u0442\u043e\u0433\u043e \u0442\u0438\u043f\u0430.\",        \"plan\": existing.plan,        \"next_charge_at\":            existing.next_charge_at.isoformat(),    }, status=status.HTTP_409_CONFLICT)                  <\/code>
<\/a><\/div><\/pre>\n
\u041d\u043e\u0432\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442 \u042eKassa \u043f\u0440\u0438 \u0442\u0430\u043a\u043e\u043c \u043e\u0442\u0432\u0435\u0442\u0435 \u043d\u0435 \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f.<\/p>\n
Forever<\/h3>\n
forever<\/code> \u043d\u0435 \u0432\u0445\u043e\u0434\u0438\u0442 \u0432 \u043c\u043e\u0434\u0435\u043b\u044c Subscription<\/code>. \u041f\u043e\u0432\u0442\u043e\u0440\u043d\u0430\u044f \u043f\u043e\u043a\u0443\u043f\u043a\u0430 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442\u0441\u044f \u043f\u043e \u0438\u0441\u0442\u043e\u0440\u0438\u0438 \u043f\u043b\u0430\u0442\u0435\u0436\u0435\u0439.<\/p>\n
def has_active_forever_purchase(user) -> bool:    return KassaPayment.objects.filter(        user=user,        subscription_type=\"forever\",        kassa_payment_status=\"succeeded\",    ).exclude(        status=\"refund\",    ).exists()                  <\/code>
<\/a><\/div><\/pre>\n
\u0423\u0441\u043f\u0435\u0448\u043d\u044b\u0439 forever<\/code> \u0431\u0435\u0437 \u043f\u043e\u043b\u043d\u043e\u0433\u043e \u0432\u043e\u0437\u0432\u0440\u0430\u0442\u0430 \u0431\u043b\u043e\u043a\u0438\u0440\u0443\u0435\u0442 \u043d\u043e\u0432\u044b\u0439 \u043f\u043b\u0430\u0442\u0435\u0436.<\/p>\n
if subscription_type == \"forever\":    if has_active_forever_purchase(request.user):        return Response({            \"error\":                \"\u0411\u0435\u0441\u0441\u0440\u043e\u0447\u043d\u0430\u044f \u043f\u043e\u043a\u0443\u043f\u043a\u0430 \u0443\u0436\u0435 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0430. \"                \"\u041f\u043e\u0432\u0442\u043e\u0440\u043d\u0430\u044f \u043e\u043f\u043b\u0430\u0442\u0430 \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f.\"        }, status=status.HTTP_409_CONFLICT)                  <\/code>
<\/a><\/div><\/pre>\n
\u041f\u043e\u0441\u043b\u0435 \u0437\u0430\u043f\u0438\u0441\u0438 \u0441\u043e \u0441\u0442\u0430\u0442\u0443\u0441\u043e\u043c refund<\/code> \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043f\u0435\u0440\u0435\u0441\u0442\u0430\u0435\u0442 \u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0442\u0430\u043a\u0443\u044e \u043f\u043e\u043a\u0443\u043f\u043a\u0443 \u0434\u0435\u0439\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u0439.<\/p>\n
\u041e\u0442\u0432\u0435\u0442\u044b Next.js<\/h3>\n
Next.js \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u0435\u0442 HTTP-\u0441\u0442\u0430\u0442\u0443\u0441\u044b process-kassa<\/code>.<\/p>\n
409<\/code> \u0441 next_charge_at<\/code> \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0441\u044f \u043a \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0439 monthly \u0438\u043b\u0438 yearly \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0435. Frontend \u0444\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u0443\u0435\u0442 \u0434\u0430\u0442\u0443 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0433\u043e \u0441\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0438 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0435\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e.<\/p>\n
if (status === 409 && data?.next_charge_at) {  const when = new Date(    data.next_charge_at  ).toLocaleString(\"ru-RU\", {    year: \"numeric\",    month: \"long\",    day: \"numeric\",    hour: \"2-digit\",    minute: \"2-digit\",  });  setError(    `\u0423 \u0432\u0430\u0441 \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u0430\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0430 ${data.plan}. ` +    `\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435 \u0441\u043f\u0438\u0441\u0430\u043d\u0438\u0435: ${when}.`  );}                  <\/code>
<\/a><\/div><\/pre>\n
409<\/code> \u043e\u0442 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e\u0433\u043e forever<\/code> \u043d\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 next_charge_at<\/code>. Frontend \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 error<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u0435\u0440\u043d\u0443\u043b Django.<\/p>\n
429<\/code> \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0441\u044f \u043a \u043d\u0435\u0434\u0430\u0432\u043d\u0435\u043c\u0443 inflight payment.<\/p>\n
else if (status === 429) {  setError(    data?.error ||    \"\u041f\u043b\u0430\u0442\u0451\u0436 \u0443\u0436\u0435 \u0441\u043e\u0437\u0434\u0430\u0451\u0442\u0441\u044f. \u041f\u043e\u0434\u043e\u0436\u0434\u0438\u0442\u0435 \u043f\u0430\u0440\u0443 \u0441\u0435\u043a\u0443\u043d\u0434.\"  );}                  <\/code>
<\/a><\/div><\/pre>\n
400<\/code> \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u043d\u0435\u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e\u0433\u043e \u0442\u0438\u043f\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0438 \u043e\u0448\u0438\u0431\u043e\u043a \u043a\u0443\u043f\u043e\u043d\u0430.<\/p>\n
Redirect \u043d\u0430 \u042eKassa<\/h3>\n
\u041f\u043e\u0441\u043b\u0435 \u0432\u0441\u0435\u0445 \u043f\u0440\u043e\u0432\u0435\u0440\u043e\u043a Django \u0441\u043e\u0437\u0434\u0430\u0435\u0442 \u043e\u0431\u044a\u0435\u043a\u0442 \u043f\u043b\u0430\u0442\u0435\u0436\u0430 \u0438 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 confirmation_url<\/code>.<\/p>\n
return Response(    {        \"session_url\":            kassa_payment.confirmation.confirmation_url    },    status=200,)                  <\/code>
<\/a><\/div><\/pre>\n
Next.js \u043d\u0435 \u0441\u0442\u0440\u043e\u0438\u0442 \u043f\u043b\u0430\u0442\u0435\u0436\u043d\u0443\u044e \u0444\u043e\u0440\u043c\u0443 \u0434\u043b\u044f \u043a\u0430\u0440\u0442\u044b. \u041e\u043d \u043c\u0435\u043d\u044f\u0435\u0442 \u0430\u0434\u0440\u0435\u0441 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b.<\/p>\n
if (data.session_url) {  window.location.href = data.session_url;}                 <\/code>
<\/a><\/div><\/pre>\n
\u0414\u0430\u043b\u044c\u0448\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435\u0439 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u044f \u042eKassa. return_url<\/code> \u0432\u0435\u0434\u0435\u0442 \u043e\u0431\u0440\u0430\u0442\u043d\u043e \u043d\u0430 \/payment\/success<\/code>.<\/p>\n
\u041f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u044c\u043d\u044b\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u044b<\/h3>\n
\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 inflight \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0430 \u043a\u0430\u043a exists()<\/code> \u043f\u0435\u0440\u0435\u0434 KassaPayment.objects.create()<\/code>. \u041f\u0435\u0440\u0432\u044b\u0439 \u0437\u0430\u043f\u0440\u043e\u0441 \u043e\u0431\u044b\u0447\u043d\u043e \u0443\u0441\u043f\u0435\u0432\u0430\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u0443\u044e \u0441\u0442\u0440\u043e\u043a\u0443 \u0434\u043e \u0432\u0442\u043e\u0440\u043e\u0433\u043e POST.<\/p>\n
\u0414\u0432\u0430 \u0437\u0430\u043f\u0440\u043e\u0441a, \u043f\u0440\u0438\u0448\u0435\u0434\u0448\u0438\u0435 \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u0434\u043e \u043f\u0435\u0440\u0432\u043e\u0433\u043e INSERT<\/code>, \u043c\u043e\u0433\u0443\u0442 \u043e\u0431\u0430 \u043f\u0440\u043e\u0439\u0442\u0438 exists()<\/code>. \u0412 \u0442\u0435\u043a\u0443\u0449\u0435\u043c \u043a\u043e\u0434\u0435 \u043c\u0435\u0436\u0434\u0443 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u043e\u0439 \u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435\u043c \u0437\u0430\u043f\u0438\u0441\u0438 \u043d\u0435\u0442 \u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u043a\u0438 \u0441\u0442\u0440\u043e\u043a\u0438 \u0438\u043b\u0438 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0433\u043e checkout identifier.<\/p>\n
\u0421\u0442\u0440\u043e\u0433\u0430\u044f \u0437\u0430\u0449\u0438\u0442\u0430 \u0434\u043b\u044f \u0442\u0430\u043a\u043e\u0433\u043e \u0441\u043b\u0443\u0447\u0430\u044f \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0438\u0442\u0441\u044f \u043d\u0430 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0431\u0430\u0437\u044b \u0438\u043b\u0438 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440\u0430 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438. \u0421\u0435\u0440\u0432\u0435\u0440 \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0442\u044c checkout_id<\/code>, \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u043e\u0434\u0438\u043d \u0440\u0430\u0437 \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043e\u0434\u0438\u043d Idempotence-Key \u0434\u043b\u044f \u043f\u043e\u0432\u0442\u043e\u0440\u043e\u0432 \u043e\u0434\u043d\u043e\u0439 \u043f\u043e\u043f\u044b\u0442\u043a\u0438 \u043e\u043f\u043b\u0430\u0442\u044b. \u0414\u0440\u0443\u0433\u043e\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u0442\u0440\u0430\u043d\u0437\u0430\u043a\u0446\u0438\u044e \u0438 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0443\u044e \u0437\u0430\u043f\u0438\u0441\u044c \u043f\u043e\u043f\u044b\u0442\u043a\u0438 \u0441 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u043c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0435\u043c.<\/p>\n
\u041a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0438\u0439 loading<\/code> \u0438 90-\u0441\u0435\u043a\u0443\u043d\u0434\u043d\u044b\u0439 inflight \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u044e\u0442 \u043e\u0431\u044b\u0447\u043d\u044b\u0439 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u044b\u0439 \u043a\u043b\u0438\u043a. \u041e\u043d\u0438 \u043d\u0435 \u0437\u0430\u0434\u0430\u044e\u0442 \u0432\u0437\u0430\u0438\u043c\u043d\u043e\u0435 \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u0434\u0432\u0443\u0445 \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u0442\u0440\u0430\u043d\u0437\u0430\u043a\u0446\u0438\u0439.<\/p>\n
\u041f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u043f\u043b\u0430\u0442\u0435\u0436\u0430<\/h3>\n
Next.js \u0445\u0440\u0430\u043d\u0438\u0442 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0439 \u0442\u0430\u0440\u0438\u0444 \u0438 \u043a\u0443\u043f\u043e\u043d. Django \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442 \u043a\u0443\u043f\u043e\u043d \u0438 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 preview. \u041f\u0440\u0438 \u043e\u043f\u043b\u0430\u0442\u0435 Django \u0437\u0430\u043d\u043e\u0432\u043e \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0431\u0430\u0437\u043e\u0432\u0443\u044e \u0446\u0435\u043d\u0443, \u0437\u0430\u043d\u043e\u0432\u043e \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442 \u043a\u0443\u043f\u043e\u043d \u0438 \u0441\u0447\u0438\u0442\u0430\u0435\u0442 \u043a\u043e\u043d\u0435\u0447\u043d\u0443\u044e \u0441\u0443\u043c\u043c\u0443.<\/p>\n
Django \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442 \u0430\u043a\u0442\u0438\u0432\u043d\u0443\u044e \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443, \u0443\u0441\u043f\u0435\u0448\u043d\u044b\u0439 forever<\/code> \u0438 \u043d\u0435\u0434\u0430\u0432\u043d\u0438\u0439 inflight payment. \u041f\u043e\u0441\u043b\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u043e\u043a \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0439 KassaPayment<\/code>.<\/p>\n
\u0421\u0435\u0440\u0432\u0435\u0440 \u0444\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u0442 receipt \u0438 \u043e\u0431\u044a\u0435\u043a\u0442 \u043f\u043b\u0430\u0442\u0435\u0436\u0430 \u042eKassa \u0441 \u0442\u043e\u0439 \u0436\u0435 \u0441\u0443\u043c\u043c\u043e\u0439. \u042eKassa \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 confirmation_url<\/code>. Next.js \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u0438\u0442 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0430 \u044d\u0442\u043e\u0442 \u0430\u0434\u0440\u0435\u0441.<\/p>\n
\u0414\u043b\u044f monthly<\/code> \u0438 yearly<\/code> \u043f\u0435\u0440\u0432\u044b\u0439 \u043f\u043b\u0430\u0442\u0435\u0436 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 save_payment_method=true<\/code>. \u0414\u043b\u044f forever<\/code> \u044d\u0442\u043e\u0442 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u043d\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f.<\/p>\n
\u041f\u043e\u0441\u043b\u0435 \u043f\u0435\u0440\u0432\u043e\u0433\u043e POST \u043a\u043d\u043e\u043f\u043a\u0430 Next.js \u043e\u0441\u0442\u0430\u0435\u0442\u0441\u044f disabled \u0434\u043e redirect \u0438\u043b\u0438 \u043e\u0448\u0438\u0431\u043a\u0438. \u041f\u043e\u0432\u0442\u043e\u0440\u043d\u044b\u0439 \u0437\u0430\u043f\u0440\u043e\u0441, \u0434\u043e\u0448\u0435\u0434\u0448\u0438\u0439 \u0434\u043e Django \u043f\u043e\u0441\u043b\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0439 \u0437\u0430\u043f\u0438\u0441\u0438, \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 429<\/code>. \u0410\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0430 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0433\u043e \u0442\u0438\u043f\u0430 \u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u044b\u0439 forever<\/code> \u043f\u043e\u043b\u0443\u0447\u0430\u044e\u0442 409<\/code>.<\/p>\n<\/div>\n
\u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 https:\/\/habr.com\/ru\/articles\/1081996\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
\u042eKassa \u0441\u043e\u0437\u0434\u0430\u0435\u0442 \u043f\u043b\u0430\u0442\u0435\u0436 \u043f\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0443 backend. \u0421\u0435\u0440\u0432\u0435\u0440 \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u0442 \u0441\u0443\u043c\u043c\u0443, \u0432\u0430\u043b\u044e\u0442\u0443, \u0440\u0435\u0436\u0438\u043c capture, \u0434\u0430\u043d\u043d\u044b\u0435 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u044f, \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0438 Idempotence-Key. \u041f\u0440\u0438 confirmation.type=redirect \u042eKassa \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0430\u0434\u0440\u0435\u0441 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043e\u043f\u043b\u0430\u0442\u044b. Frontend \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u0438\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u043d\u0430 \u044d\u0442\u043e\u0442 \u0430\u0434\u0440\u0435\u0441.\u041a\u0443\u043f\u043e\u043d, \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0439 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u0438 \u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u043a\u0430 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e\u0433\u043e POST \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0412 \u042eKassa \u0443\u0445\u043e\u0434\u0438\u0442 \u0443\u0436\u0435 \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u043d\u043d\u0430\u044f \u0441\u0443\u043c\u043c\u0430.\u041d\u0438\u0436\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0438\u0437 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u00a0AI-Chat, \u043f\u043b\u0430\u0442\u0435\u0436\u0438 \u0432 \u043f\u0440\u043e\u0444\u0438\u043b\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f, Render \u043f\u0440\u043e\u0441\u044b\u043f\u0430\u0435\u0442\u0441\u044f \u043f\u0430\u0440\u0443 \u043c\u0438\u043d\u0443\u0442. Frontend \u043d\u0430\u043f\u0438\u0441\u0430\u043d \u043d\u0430 Next.js, \u043f\u043b\u0430\u0442\u0435\u0436\u043d\u044b\u0439 backend \u043d\u0430 Django REST Framework.\u041f\u0435\u0440\u0432\u044b\u0439 \u043f\u043b\u0430\u0442\u0435\u0436 \u0432 \u042eKassa\u0414\u043b\u044f \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u043f\u043b\u0430\u0442\u0435\u0436\u0430 \u0441\u0435\u0440\u0432\u0435\u0440 \u0444\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u0442 \u043e\u0431\u044a\u0435\u043a\u0442 \u0441 \u0441\u0443\u043c\u043c\u043e\u0439 \u0432 RUB, confirmation, return_url, \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c \u0438 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u043c \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440\u043e\u043c \u043f\u043b\u0430\u0442\u0435\u0436\u0430 \u0432 metadata.\u0412 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u043f\u0435\u0440\u0432\u044b\u0439 \u043f\u043b\u0430\u0442\u0435\u0436 \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f \u0441 capture=false. \u041f\u043e\u0441\u043b\u0435 \u043e\u043f\u043b\u0430\u0442\u044b \u043e\u043d \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442 \u0447\u0435\u0440\u0435\u0437 \u0434\u0432\u0443\u0445\u0441\u0442\u0430\u0434\u0438\u0439\u043d\u044b\u0439 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0439 \u0441 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435\u043c waiting_for_capture. \u0414\u043b\u044f \u0442\u0430\u0440\u0438\u0444\u043e\u0432 monthly \u0438 yearly \u0441\u0435\u0440\u0432\u0435\u0440 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 save_payment_method=true. \u0423 forever \u0441\u043f\u043e\u0441\u043e\u0431 \u043e\u043f\u043b\u0430\u0442\u044b \u0434\u043b\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0445 \u0441\u043f\u0438\u0441\u0430\u043d\u0438\u0439 \u043d\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442\u0441\u044f.def create_payment_data(    amount,    description,    local_payment_id,    subscription_type,    receipt,    payment_method_id=None):    save_pm = subscription_type in («monthly», «yearly»)    data = {        «amount»: {            «value»: str(amount),            «currency»: «RUB»,        },        «capture»: False,        «confirmation»: {            «type»: «redirect»,            «return_url»: f»{settings.FRONT_URL}\/payment\/success»,        },        «description»: description,        «receipt»: receipt,        «metadata»: {            «payment_id»: local_payment_id,            «subscription_type»: subscription_type,        },    }    if save_pm:        data[«save_payment_method»] = True    return data                  metadata.payment_id \u0441\u0432\u044f\u0437\u044b\u0432\u0430\u0435\u0442 \u043f\u043b\u0430\u0442\u0435\u0436 \u042eKassa \u0441 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0439 \u0437\u0430\u043f\u0438\u0441\u044c\u044e. subscription_type \u043e\u0441\u0442\u0430\u0435\u0442\u0441\u044f \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u043f\u0440\u0438 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0439.\u0421\u0443\u043c\u043c\u0430 \u043f\u043b\u0430\u0442\u0435\u0436\u0430Frontend \u043d\u0435 \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u0442 \u0438\u0442\u043e\u0433\u043e\u0432\u0443\u044e \u0441\u0443\u043c\u043c\u0443 \u0432 process-kassa. \u041e\u043d \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442 \u0442\u0438\u043f \u043f\u043e\u043a\u0443\u043f\u043a\u0438 \u0438 \u043a\u043e\u0434 \u043a\u0443\u043f\u043e\u043d\u0430.const resp = await post(  «\/api\/payment\/process-kassa\/»,  {    subscription_type: paymentType,    coupon_code: couponCode,  },  freshSession.accessToken);                  Django \u0441\u0430\u043c \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0431\u0430\u0437\u043e\u0432\u0443\u044e \u0446\u0435\u043d\u0443.BASE_PRICES = {    «monthly»: Decimal(«300»),    «yearly»: Decimal(«2500»),    «forever»: Decimal(«5000»),}def get_base_amount(subscription_type: str) -> Decimal:    if subscription_type not in BASE_PRICES:        raise ValueError(«Unknown subscription_type»)    return BASE_PRICES[subscription_type]                  \u0421\u0443\u043c\u043c\u0430 \u0438\u0437 React state \u043d\u0435 \u0443\u0447\u0430\u0441\u0442\u0432\u0443\u0435\u0442 \u0432 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u043f\u043b\u0430\u0442\u0435\u0436\u0430. \u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 DOM, \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0433\u043e BASE_PRICES \u0438\u043b\u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f preview \u043d\u0435 \u043c\u0435\u043d\u044f\u0435\u0442 \u0441\u0443\u043c\u043c\u0443, \u043a\u043e\u0442\u043e\u0440\u0443\u044e Django \u043f\u0435\u0440\u0435\u0434\u0430\u0441\u0442 \u0432 \u042eKassa.\u041a\u0443\u043f\u043e\u043d\u041a\u0443\u043f\u043e\u043d \u0445\u0440\u0430\u043d\u0438\u0442\u0441\u044f \u0432 Django. \u041c\u043e\u0434\u0435\u043b\u044c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043a\u043e\u0434, \u043f\u0440\u043e\u0446\u0435\u043d\u0442 \u0441\u043a\u0438\u0434\u043a\u0438, \u0441\u0440\u043e\u043a \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f, \u0444\u043b\u0430\u0433 active \u0438 \u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0443 \u043a \u0442\u0438\u043f\u0443 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438.class Coupon(models.Model):    code = models.CharField(max_length=50, unique=True)    discount = models.DecimalField(max_digits=5, decimal_places=2)    valid_from = models.DateTimeField()    valid_to = models.DateTimeField()    active = models.BooleanField(default=True)    subscription_type = models.CharField(        choices=[            («monthly», «Monthly»),            («yearly», «Yearly»),            («forever», «Forever»),        ],        max_length=10,        blank=True,        null=True,    )                  Backend \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u043a\u0443\u043f\u043e\u043d\u0430, \u0441\u0440\u043e\u043a \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0438 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0435 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u043c\u0443 \u0442\u0430\u0440\u0438\u0444\u0443.def apply_coupon(coupon_code, subscription_type):    try:        coupon = Coupon.objects.get(            code=coupon_code,            active=True,        )        if not coupon.apply_to_subscription(subscription_type):            raise ValueError(                «\u042d\u0442\u043e\u0442 \u043a\u0443\u043f\u043e\u043d \u043d\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0439 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438.»            )        if not coupon.is_valid():            raise ValueError(«\u041a\u0443\u043f\u043e\u043d \u043f\u0440\u043e\u0441\u0440\u043e\u0447\u0435\u043d.»)        return coupon.discount    except Coupon.DoesNotExist:        raise ValueError(«\u041d\u0435\u0432\u0435\u0440\u043d\u044b\u0439 \u0438\u043b\u0438 \u043d\u0435\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u043a\u0443\u043f\u043e\u043d.»)                  \u042eKassa \u043a\u043e\u0434 \u043a\u0443\u043f\u043e\u043d\u0430 \u043d\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442. Django \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u0442 \u0432 \u043f\u043b\u0430\u0442\u0435\u0436 \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 amount.Preview \u0441\u0443\u043c\u043c\u044bNext.js \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0437\u0430\u043f\u0440\u043e\u0441 \u043d\u0430 \/validate-coupon\/. \u0412 \u0437\u0430\u043f\u0440\u043e\u0441\u0435 \u0438\u0434\u0443\u0442 subscription_type \u0438 coupon_code.const resp = await post(  «\/api\/payment\/validate-coupon\/»,  {    subscription_type: paymentType,    coupon_code: couponCode,  },  freshSession.accessToken);                  Django \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0431\u0430\u0437\u043e\u0432\u0443\u044e \u0441\u0443\u043c\u043c\u0443, \u043a\u043e\u043d\u0435\u0447\u043d\u0443\u044e \u0441\u0443\u043c\u043c\u0443 \u0438 \u043f\u0440\u043e\u0446\u0435\u043d\u0442 \u0441\u043a\u0438\u0434\u043a\u0438.return Response({    «valid»: True,    «base_amount»: str(base_amount),    «final_amount»: str(final_amount),    «discount_percentage»: str(discount_percentage),})                  \u0421\u043a\u0438\u0434\u043a\u0430 \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0441 \u0442\u043e\u0447\u043d\u043e\u0441\u0442\u044c\u044e \u0434\u043e \u043a\u043e\u043f\u0435\u0435\u043a \u0447\u0435\u0440\u0435\u0437 ROUND_HALF_UP. \u041a\u043e\u043d\u0435\u0447\u043d\u0430\u044f \u0441\u0443\u043c\u043c\u0430 \u043e\u043a\u0440\u0443\u0433\u043b\u044f\u0435\u0442\u0441\u044f \u0434\u043e \u0446\u0435\u043b\u043e\u0433\u043e \u0440\u0443\u0431\u043b\u044f.discount_amount = (    base_amount    * Decimal(discount_percentage)    \/ Decimal(«100»)).quantize(    Decimal(«0.01»),    rounding=ROUND_HALF_UP,)final_amount = (    base_amount — discount_amount).quantize(    Decimal(«1″),    rounding=ROUND_HALF_UP,)                  process_kassa \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442 \u043a\u0443\u043f\u043e\u043d \u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u0442 \u0441\u0443\u043c\u043c\u0443 \u043f\u0435\u0440\u0435\u0434 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435\u043c \u043f\u043b\u0430\u0442\u0435\u0436\u0430.discount_percentage = 0if coupon_code:    discount_percentage = apply_coupon(        coupon_code,        subscription_type,    )amount, discount_amount = compute_final_amount(    base_amount,    discount_percentage,)                  Preview \u043d\u0435 \u0444\u0438\u043a\u0441\u0438\u0440\u0443\u0435\u0442 \u0446\u0435\u043d\u0443 \u043f\u043b\u0430\u0442\u0435\u0436\u0430. \u041c\u0435\u0436\u0434\u0443 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u043e\u0439 \u043a\u0443\u043f\u043e\u043d\u0430 \u0438 \u043d\u0430\u0436\u0430\u0442\u0438\u0435\u043c \u043e\u043f\u043b\u0430\u0442\u044b \u043a\u0443\u043f\u043e\u043d \u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u0442\u044c\u0441\u044f, \u0441\u0442\u0430\u0442\u044c \u043d\u0435\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u043c \u0438\u043b\u0438 \u043f\u0435\u0440\u0435\u0441\u0442\u0430\u0442\u044c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u0442\u0430\u0440\u0438\u0444\u0443. Django \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442 \u0435\u0433\u043e \u0435\u0449\u0435 \u0440\u0430\u0437 \u043f\u0440\u0438 process-kassa.Preview \u0432 Next.jsPricePreview \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u044b\u0435 base_amount, final_amount \u0438 discount_percentage \u043f\u043e\u0441\u043b\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u043a\u0443\u043f\u043e\u043d\u0430.{!!couponCode && preview && preview.valid && (  <p className=»text-gray-700″>    \u0418\u0442\u043e\u0433\u043e: <span className=»line-through»>      {preview.base_amount} \u20bd    <\/span>{» «}    <b>{preview.final_amount} \u20bd<\/b>{» «}    <span className=»text-green-600»>      ({`\u2212${preview.discount_percentage}%`})    <\/span>  <\/p>)}                  \u041f\u0440\u0438 \u0441\u043c\u0435\u043d\u0435 \u0442\u0430\u0440\u0438\u0444\u0430 PaymentContainer \u0441\u0431\u0440\u0430\u0441\u044b\u0432\u0430\u0435\u0442 \u0441\u0442\u0430\u0440\u044b\u0439 preview.setPaymentType={t => {  setPaymentType(t);  setPreview(null);}}                  \u0422\u0435\u043a\u0441\u0442 \u043a\u0443\u043f\u043e\u043d\u0430 \u0445\u0440\u0430\u043d\u0438\u0442\u0441\u044f \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e. \u0412 \u0442\u0435\u043a\u0443\u0449\u0435\u043c \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0435 setCouponCode \u043d\u0435 \u0441\u0431\u0440\u0430\u0441\u044b\u0432\u0430\u0435\u0442 preview. \u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043e\u0434\u0438\u043d \u043a\u0443\u043f\u043e\u043d, \u0437\u0430\u0442\u0435\u043c \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0442\u0435\u043a\u0441\u0442 \u0432 \u043f\u043e\u043b\u0435 \u0438 \u0434\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0432\u0438\u0434\u0435\u0442\u044c \u0441\u0442\u0430\u0440\u0443\u044e \u0441\u0443\u043c\u043c\u0443.\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043a\u0443\u043f\u043e\u043d\u0430 \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0441\u043e \u0441\u0431\u0440\u043e\u0441\u043e\u043c preview.const changeCouponCode = (value: string) => {  setCouponCode(value);  setPreview(null);};                  CouponInput \u0438 \u0431\u044b\u0441\u0442\u0440\u044b\u0435 \u043a\u043d\u043e\u043f\u043a\u0438 \u043a\u0443\u043f\u043e\u043d\u043e\u0432 \u0432 \u044d\u0442\u043e\u043c \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u044e\u0442 changeCouponCode \u0432\u043c\u0435\u0441\u0442\u043e \u043f\u0440\u044f\u043c\u043e\u0433\u043e setCouponCode.\u0410\u043d\u0442\u0438-\u0434\u0430\u0431\u043b\u043a\u043b\u0438\u043a \u0432 Next.jshandleSubmit \u0441\u0442\u0430\u0432\u0438\u0442 loading=true \u043f\u0435\u0440\u0435\u0434 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u043c \u043d\u0430 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043f\u043b\u0430\u0442\u0435\u0436\u0430.const handleSubmit = async (e: React.FormEvent) => {  e.preventDefault();  setLoading(true);  setError(«»);  try {    const freshSession = await getSession();    if (!freshSession?.accessToken) {      setError(«\u041d\u0443\u0436\u043d\u043e \u0432\u043e\u0439\u0442\u0438 \u0432 \u0430\u043a\u043a\u0430\u0443\u043d\u0442.»);      setLoading(false);      return;    }    const resp = await post(      «\/api\/payment\/process-kassa\/»,      {        subscription_type: paymentType,        coupon_code: couponCode,      },      freshSession.accessToken    );    if (resp.data.session_url) {      window.location.href = resp.data.session_url;    }  } catch (err) {    setLoading(false);  }};                  \u041a\u043d\u043e\u043f\u043a\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u0442\u043e\u0442 \u0436\u0435 state.<button  type=»submit»  disabled={loading}>  {loading ? «\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430…» : «\u041e\u043f\u043b\u0430\u0442\u0430»}<\/button>                  \u0412\u0442\u043e\u0440\u043e\u0439 \u043a\u043b\u0438\u043a \u043f\u043e \u044d\u0442\u043e\u0439 \u043a\u043d\u043e\u043f\u043a\u0435 \u0432 \u0442\u0435\u043a\u0443\u0449\u0435\u043c \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440\u0435 \u0444\u043e\u0440\u043c\u044b \u0431\u043b\u043e\u043a\u0438\u0440\u0443\u0435\u0442\u0441\u044f. \u0414\u0440\u0443\u0433\u043e\u0439 \u0442\u0430\u0431, \u043f\u043e\u0432\u0442\u043e\u0440 HTTP-\u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u0438 \u0434\u0432\u0430 \u043f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u044c\u043d\u044b\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u043d\u0430 backend \u043e\u0442 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f React \u043d\u0435 \u0437\u0430\u0432\u0438\u0441\u044f\u0442.Idempotence-Key \u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u044b\u0439 \u043a\u043b\u0438\u043a\u041f\u0440\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u043f\u043b\u0430\u0442\u0435\u0436\u0430 \u042eKassa \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 Idempotence-Key. \u0412 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 Django \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442 \u043d\u043e\u0432\u044b\u0439 UUID \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0432\u044b\u0437\u043e\u0432\u0430 process_kassa.idem = str(uuid.uuid4())kassa_payment = Payment.create(payment_data, idem)                  \u0414\u0432\u0430 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0445 POST \u043d\u0430 process-kassa \u043f\u043e\u043b\u0443\u0447\u0430\u0442 \u0434\u0432\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 UUID. \u0414\u043b\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u044d\u0442\u043e \u0434\u0432\u0435 \u0440\u0430\u0437\u043d\u044b\u0435 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043f\u043b\u0430\u0442\u0435\u0436\u0430.Backend \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u044b\u0439 \u0437\u0430\u043f\u0443\u0441\u043a \u0434\u043e \u0432\u044b\u0437\u043e\u0432\u0430 Payment.create.Inflight payment \u0432 Djangorecent_inflight_payment_exists \u0438\u0449\u0435\u0442 \u043f\u043b\u0430\u0442\u0435\u0436 \u0442\u043e\u0433\u043e \u0436\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0438 \u0442\u043e\u0433\u043e \u0436\u0435 \u0442\u0438\u043f\u0430 \u0437\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 90 \u0441\u0435\u043a\u0443\u043d\u0434.def recent_inflight_payment_exists(    user,    subscription_type: str,    window_seconds: int = 90,) -> bool:    window_start = timezone.now() — timedelta(        seconds=window_seconds    )    return (        KassaPayment.objects.filter(            user=user,            subscription_type=subscription_type,            created_at__gte=window_start,            status=»pending»,        ).exists()        or        KassaPayment.objects.filter(            user=user,            subscription_type=subscription_type,            created_at__gte=window_start,            kassa_payment_status=»waiting_for_capture»,        ).exists()    )                  process_kassa \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442 \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0434\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0433\u043e \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u043b\u0430\u0442\u0435\u0436\u0430.if recent_inflight_payment_exists(    request.user,    subscription_type,    window_seconds=90,):    return Response(        {            «error»:            «\u041f\u043b\u0430\u0442\u0451\u0436 \u0443\u0436\u0435 \u0441\u043e\u0437\u0434\u0430\u0451\u0442\u0441\u044f, \u043f\u043e\u0434\u043e\u0436\u0434\u0438\u0442\u0435 \u043f\u0430\u0440\u0443 \u0441\u0435\u043a\u0443\u043d\u0434 »            «\u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u0430 \u043e\u043f\u043b\u0430\u0442\u0443.»        },        status=status.HTTP_429_TOO_MANY_REQUESTS,    )                  \u041f\u0435\u0440\u0432\u044b\u0439 \u0437\u0430\u043f\u0440\u043e\u0441 \u0441\u043e\u0437\u0434\u0430\u0435\u0442 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u0443\u044e \u0437\u0430\u043f\u0438\u0441\u044c \u0441\u043e \u0441\u0442\u0430\u0442\u0443\u0441\u043e\u043c pending. \u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0437\u0430\u043f\u0440\u043e\u0441 \u0442\u043e\u0433\u043e \u0436\u0435 \u0442\u0438\u043f\u0430 \u043f\u043e\u043f\u0430\u0434\u0430\u0435\u0442 \u043f\u043e\u0434 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443.\u0422\u0435\u0441\u0442 \u0444\u0438\u043a\u0441\u0438\u0440\u0443\u0435\u0442 \u0434\u0432\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0445 POST. \u041f\u0435\u0440\u0432\u044b\u0439 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 200 \u0438 session_url, \u0432\u0442\u043e\u0440\u043e\u0439 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 429.\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0439 \u0437\u0430\u043f\u0438\u0441\u0438Django \u0441\u043e\u0437\u0434\u0430\u0435\u0442 KassaPayment \u043f\u0435\u0440\u0435\u0434 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u043c \u0432 \u042eKassa.payment = KassaPayment.objects.create(    user=request.user,    amount=amount,    subscription_type=subscription_type,    coupon_code=coupon_code or «»,    discount=int(discount_amount),    status=»pending»,)                  \u041b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0439 id \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u043f\u0430\u0434\u0430\u0435\u0442 \u0432 metadata \u0443\u0434\u0430\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u043f\u043b\u0430\u0442\u0435\u0436\u0430.\u041f\u043e\u0441\u043b\u0435 \u043e\u0442\u0432\u0435\u0442\u0430 \u042eKassa backend \u0437\u0430\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 kassa_payment_id.kassa_payment = Payment.create(payment_data, idem)payment.kassa_payment_id =…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-494579","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/494579","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=494579"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/494579\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=494579"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=494579"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=494579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}