@inspirer-dev/crm-dashboard 1.0.85 → 1.0.88

package/admin/src/components/ButtonsBuilder/index.tsx

@@ -263,7 +263,10 @@ const ButtonsBuilder = forwardRef<HTMLDivElement, ButtonsBuilderProps>(
                           <SingleSelect
                             value={btn.type || 'url'}
                             onChange={(val: string) =>
-                              updateButton(btn.id, { type: val as 'url' | 'screen' })
+                              updateButton(btn.id, {
+                                type: val as 'url' | 'screen',
+                                ...(val === 'url' ? { screenSlug: '' } : { url: '' }),
+                              })
                             }
                             disabled={disabled}
                             size="S"

package/admin/src/components/StepFlowBuilder/panels/EventTriggerConfig.tsx

@@ -26,6 +26,8 @@ const ANALYTICS_EVENTS: Record<string, { value: string; label: string }[]> = {
     { value: 'battle', label: 'Battle Completed' },
     { value: 'contract', label: 'Contract Completed' },
     { value: 'withdrawal', label: 'Withdrawal Completed' },
+    { value: 'deposit_abandoned', label: 'Deposit Abandoned' },
+    { value: 'balance_low', label: 'Balance Low' },
   ],
   Case: [
     { value: 'gg-case-fav', label: 'Case Favorite' },
@@ -43,12 +45,8 @@ const ANALYTICS_EVENTS: Record<string, { value: string; label: string }[]> = {
     { value: 'gg-profile-skin-sell', label: 'Profile Skin Sell' },
     { value: 'gg-profile-skin-trade', label: 'Profile Skin Trade' },
   ],
-  Upgrade: [
-    { value: 'gg-upgrade-launch', label: 'Upgrade Launch' },
-  ],
-  Contract: [
-    { value: 'gg-contract-create', label: 'Contract Create' },
-  ],
+  Upgrade: [{ value: 'gg-upgrade-launch', label: 'Upgrade Launch' }],
+  Contract: [{ value: 'gg-contract-create', label: 'Contract Create' }],
   Deposit: [
     { value: 'gg-deposit-deppage-refill', label: 'Deposit Page Refill' },
     { value: 'gg-depositbait-banner-herodepbonus-click', label: 'Hero Deposit Bonus Banner' },
@@ -260,11 +258,7 @@ const EventTriggerConfig: React.FC<EventTriggerConfigProps> = ({ data, onUpdate,
                 }}
               >
                 <Flex direction="column" gap={1}>
-                  <Typography
-                    variant="omega"
-                    fontWeight="semiBold"
-                    style={{ color: theme.text }}
-                  >
+                  <Typography variant="omega" fontWeight="semiBold" style={{ color: theme.text }}>
                     {getEventLabel(eventValue)}
                   </Typography>
                   <Typography variant="pi" textColor="neutral500">
@@ -389,11 +383,7 @@ const EventTriggerConfig: React.FC<EventTriggerConfigProps> = ({ data, onUpdate,
             </SingleSelect>
           </Box>
         </Flex>
-        <Typography
-          variant="pi"
-          textColor="neutral500"
-          style={{ marginTop: 8, display: 'block' }}
-        >
+        <Typography variant="pi" textColor="neutral500" style={{ marginTop: 8, display: 'block' }}>
           {timeout > 0
             ? `Если событие не произойдёт за ${timeout} ${timeoutUnit}, кампания продолжится автоматически`
             : 'Установите 0 для бесконечного ожидания события'}
@@ -422,8 +412,8 @@ const EventTriggerConfig: React.FC<EventTriggerConfigProps> = ({ data, onUpdate,
             <>
               {logic === 'or' ? (
                 <>
-                  Кампания продолжится, когда пользователь выполнит{' '}
-                  <strong>любое</strong> из выбранных событий
+                  Кампания продолжится, когда пользователь выполнит <strong>любое</strong> из
+                  выбранных событий
                 </>
               ) : (
                 <>
@@ -433,7 +423,11 @@ const EventTriggerConfig: React.FC<EventTriggerConfigProps> = ({ data, onUpdate,
               )}
               {timeout > 0 && (
                 <>
-                  {' '}или через <strong>{timeout} {timeoutUnit}</strong>
+                  {' '}
+                  или через{' '}
+                  <strong>
+                    {timeout} {timeoutUnit}
+                  </strong>
                 </>
               )}
               .

package/admin/src/components/TriggerConfigField/index.tsx

@@ -3,6 +3,7 @@ import {
   Box,
   Field,
   Flex,
+  NumberInput,
   TextInput,
   Typography,
   SingleSelect,
@@ -25,6 +26,8 @@ const ANALYTICS_EVENTS: Record<string, { value: string; label: string }[]> = {
     { value: 'battle', label: 'Battle Completed' },
     { value: 'contract', label: 'Contract Completed' },
     { value: 'withdrawal', label: 'Withdrawal Completed' },
+    { value: 'deposit_abandoned', label: 'Deposit Abandoned' },
+    { value: 'balance_low', label: 'Balance Low' },
   ],
   Case: [
     { value: 'gg-case-fav', label: 'Case Favorite' },
@@ -121,6 +124,8 @@ interface TriggerConfig {
   scheduleDays?: number[];
   scheduleCron?: string;
   scheduleEveryMinutes?: number;
+  depositAbandonedTimeoutMinutes?: number;
+  balanceLowThreshold?: number;
 }
 
 interface TriggerConfigFieldProps {
@@ -206,6 +211,8 @@ const parseConfig = (value: string | TriggerConfig | null | undefined): TriggerC
     scheduleDays: Array.isArray(parsed.scheduleDays) ? parsed.scheduleDays : [1, 2, 3, 4, 5],
     scheduleCron: parsed.scheduleCron || '0 12 * * *',
     scheduleEveryMinutes: parsed.scheduleEveryMinutes ?? 5,
+    depositAbandonedTimeoutMinutes: parsed.depositAbandonedTimeoutMinutes ?? 10,
+    balanceLowThreshold: parsed.balanceLowThreshold ?? 5,
   });
   if (typeof value === 'string') {
     try {
@@ -566,6 +573,119 @@ const TriggerConfigField = forwardRef<HTMLDivElement, TriggerConfigFieldProps>(
                   </Typography>
                 </Box>
 
+                {config.eventName === 'deposit_abandoned' && (
+                  <Box
+                    padding={4}
+                    hasRadius
+                    style={{
+                      background: colors.event.innerCard,
+                      border: `1px solid ${colors.event.border}`,
+                    }}
+                  >
+                    <Flex alignItems="center" gap={3}>
+                      <Box
+                        style={{
+                          width: 40,
+                          height: 40,
+                          borderRadius: 10,
+                          background: 'linear-gradient(135deg, #f97316 0%, #ea580c 100%)',
+                          display: 'flex',
+                          alignItems: 'center',
+                          justifyContent: 'center',
+                          color: '#fff',
+                          flexShrink: 0,
+                        }}
+                      >
+                        <Clock width={20} height={20} />
+                      </Box>
+                      <Box style={{ flex: 1 }}>
+                        <Typography
+                          variant="pi"
+                          fontWeight="bold"
+                          textColor="neutral700"
+                          style={{ marginBottom: 4, display: 'block' }}
+                        >
+                          Таймаут незавершённого депозита
+                        </Typography>
+                        <Typography variant="pi" textColor="neutral500">
+                          Через сколько минут считать депозит брошенным
+                        </Typography>
+                      </Box>
+                      <Box style={{ width: 100 }}>
+                        <NumberInput
+                          value={config.depositAbandonedTimeoutMinutes ?? 10}
+                          onValueChange={(val: number | undefined) =>
+                            handleUpdate({ depositAbandonedTimeoutMinutes: val ?? 10 })
+                          }
+                          disabled={disabled}
+                          step={1}
+                          min={1}
+                          max={60}
+                        />
+                      </Box>
+                      <Typography variant="pi" textColor="neutral500">
+                        мин
+                      </Typography>
+                    </Flex>
+                  </Box>
+                )}
+
+                {config.eventName === 'balance_low' && (
+                  <Box
+                    padding={4}
+                    hasRadius
+                    style={{
+                      background: colors.event.innerCard,
+                      border: `1px solid ${colors.event.border}`,
+                    }}
+                  >
+                    <Flex alignItems="center" gap={3}>
+                      <Box
+                        style={{
+                          width: 40,
+                          height: 40,
+                          borderRadius: 10,
+                          background: 'linear-gradient(135deg, #ef4444 0%, #dc2626 100%)',
+                          display: 'flex',
+                          alignItems: 'center',
+                          justifyContent: 'center',
+                          color: '#fff',
+                          flexShrink: 0,
+                        }}
+                      >
+                        <Clock width={20} height={20} />
+                      </Box>
+                      <Box style={{ flex: 1 }}>
+                        <Typography
+                          variant="pi"
+                          fontWeight="bold"
+                          textColor="neutral700"
+                          style={{ marginBottom: 4, display: 'block' }}
+                        >
+                          Порог баланса
+                        </Typography>
+                        <Typography variant="pi" textColor="neutral500">
+                          Событие сработает когда баланс упадёт ниже этой суммы
+                        </Typography>
+                      </Box>
+                      <Box style={{ width: 100 }}>
+                        <NumberInput
+                          value={config.balanceLowThreshold ?? 5}
+                          onValueChange={(val: number | undefined) =>
+                            handleUpdate({ balanceLowThreshold: val ?? 5 })
+                          }
+                          disabled={disabled}
+                          step={0.5}
+                          min={0}
+                        />
+                      </Box>
+                      <Typography variant="pi" textColor="neutral500">
+                        $
+                      </Typography>
+                    </Flex>
+                  </Box>
+                )}
+
                 <Box
                   padding={4}
                   hasRadius