cc-core-cli 1.0.130 → 1.0.131

package/template/admin/src/pages/register.tsx

@@ -0,0 +1,9 @@
+import { RegisterForm } from '@shopstack/cs-admin-lib';
+
+const RegisterPage = () => {
+  return (
+    <RegisterForm />
+  )
+}
+
+export default RegisterPage

package/template/admin/src/pages/setting/entities/[key].tsx

@@ -0,0 +1,10 @@
+import { EntityDetailPageComponent } from '@shopstack/cs-admin-lib';
+
+const EntityDetailPage = () => {
+
+  return (
+    <EntityDetailPageComponent />
+  )
+}
+
+export default EntityDetailPage

package/template/admin/src/pages/setting/entities/index.tsx

@@ -0,0 +1,10 @@
+import { EntitiesPageComponent } from '@shopstack/cs-admin-lib';
+
+const EntitiesPage = () => {
+
+  return (
+    <EntitiesPageComponent />
+  )
+}
+
+export default EntitiesPage

package/template/admin/src/pages/setting/module/[module]/[layout].tsx

@@ -0,0 +1,16 @@
+import { SettingPage } from '@shopstack/cs-admin-lib';
+import { useRouter } from "next/router"
+
+const ModuleSettingPage = () => {
+
+  const router = useRouter()
+
+  return (
+    <SettingPage
+      layout={router.query.layout as string}
+      module={router.query.module as string}
+    />
+  )
+}
+
+export default ModuleSettingPage

package/template/admin/src/pages/setting/modules.tsx

@@ -0,0 +1,10 @@
+import { ModulePageComponent } from '@shopstack/cs-admin-lib';
+
+const ModulePage = () => {
+
+  return (
+    <ModulePageComponent />
+  )
+}
+
+export default ModulePage

package/template/admin/src/styles/global.css

@@ -0,0 +1,101 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@import "./workflow.css";
+
+@layer utilities {
+  .no-scrollbar::-webkit-scrollbar {
+    display: none;
+  }
+
+  .no-scrollbar {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+  }
+
+  .title-hero {
+    @apply text-[48px] font-medium text-font-dark font-['Prompt'];
+  }
+
+  .title-bold {
+    @apply text-[32px] font-medium text-font-dark font-['Prompt'];
+  }
+
+  .header-bold {
+    @apply text-[21px] font-normal text-font-dark font-['Prompt'];
+  }
+
+  .header-base {
+    @apply text-[16px] font-normal text-font-dark font-['Prompt'];
+  }
+
+  .header-subtitle-strong {
+    @apply text-[14px] font-normal text-font-dark font-['Prompt'] tracking-spacing-030;
+  }
+
+  .header-subtitle-light {
+    @apply text-[14px] font-light text-font-dark font-['Prompt'];
+  }
+
+  .header-field-title {
+    @apply text-[12px] font-normal text-font-dark font-['Prompt'] tracking-spacing-040;
+  }
+
+  .body-emphasis {
+    @apply text-[16px] font-semibold text-font-dark font-['Sarabun'] tracking-spacing-034;
+  }
+
+  .body-strong {
+    @apply text-[14px] font-medium text-font-dark font-['Sarabun'] tracking-spacing-030;
+  }
+
+  .body-base {
+    @apply text-[14px] font-extralight text-font font-['Sarabun'] tracking-spacing-030;
+  }
+
+  .paragraph-base {
+    @apply !text-[14px] font-light text-font font-['Sarabun'] tracking-spacing-030;
+  }
+
+  .paragraph-small {
+    @apply text-[12px] font-light text-font font-['Sarabun'] tracking-spacing-026;
+  }
+
+  .tagline-medium {
+    @apply text-[12px] font-medium text-font font-['Sarabun'] tracking-spacing-026;
+  }
+
+  .tagline-base {
+    @apply text-[12px] font-light text-font font-['Sarabun'] tracking-spacing-026;
+  }
+
+  .tagline-small-bold {
+    @apply text-[12px] font-bold text-font font-['Sarabun'] tracking-spacing-026;
+  }
+
+  .tagline-small {
+    @apply text-[12px] font-light text-font font-['Sarabun'] tracking-spacing-026;
+  }
+}
+
+.rmdp-week-day {
+  color: rgb(var(--color-primary)) !important;
+}
+
+.rmdp-arrow {
+  border-color: rgb(var(--color-primary)) !important;
+}
+
+.rmdp-arrow-container:hover {
+  background-color: rgba(var(--color-primary), 0.3) !important;
+}
+
+.rmdp-day.rmdp-selected span:not(.highlight) {
+  background-color: rgb(var(--color-primary)) !important;
+}
+
+@media (hover: hover) {
+  .rmdp-day:not(.rmdp-disabled, .rmdp-day-hidden) span:hover {
+    background-color: rgba(var(--color-primary), 0.3) !important;
+  }
+}

package/template/admin/src/styles/workflow.css

@@ -0,0 +1,40 @@
+/* Custom Node Classes */
+.react-flow__node {
+  @apply !border-none;
+}
+
+.customHandle.react-flow__handle {
+  @apply opacity-0;
+}
+
+.customNode-start-flow {
+  @apply flex justify-center w-[200px];
+}
+
+.customNode-start-flow-radius {
+  @apply p-1 border border-dashed rounded-full bg-white h-[50px] w-[50px] flex justify-center items-center relative border-[#999];
+}
+
+.customNode-flow {
+  @apply p-1 border border-solid rounded bg-white h-16 w-52 flex flex-col items-center justify-center cursor-pointer;
+}
+
+.customHandle {
+  @apply opacity-0;
+}
+
+.customNode-add-flow {
+  @apply flex justify-center;
+}
+
+.custom-node-distribution-btn {
+  @apply p-1 border border-solid border-[#999] rounded-full bg-white h-8 w-8 flex items-center justify-center cursor-pointer mt-[-15px] z-10 absolute;
+}
+
+.custom-node-add-radius-flow {
+  @apply p-1 border border-dashed border-[#999] rounded-full bg-white h-8 w-8 flex items-center justify-center cursor-pointer relative;
+}
+
+.line-between-node {
+  @apply left-1/2 h-6 w-[1px] bg-[#999] relative ml-[-1px];
+}

package/template/admin/src/utils/color.ts

@@ -0,0 +1,88 @@
+import _get from 'lodash/get'
+import _reduce from 'lodash/reduce'
+
+const COLOR_SETTINGS = {
+  action: 'list_detail.action_color',
+  plane: 'list_detail.background_color',
+  'page-header': 'list_detail.page_header',
+  input: 'list_detail.input',
+  card: 'list_detail.frame_bg_color',
+  font: 'list_detail.font_color',
+  'font-dark': 'list_detail.font_dark_color',
+  'table-header-bg': 'list_detail.table_header_bg',
+  'table-header-txt': 'list_detail.table_header_color',
+  'table-row-hover': 'list_detail.table_row_hover_bg',
+  'table-sort-header-bg': 'list_detail.table_header_sort_bg',
+  'table-sort-body-bg': 'list_detail.table_body_sort_bg',
+  'table-row-select-color': 'list_detail.table_row_select_color',
+  'group-table-headers-bg': 'list_detail.group_table_headers_bg',
+  'select-selected': 'list_detail.select_color',
+  'select-hover': 'list_detail.hover_color',
+  'boolean-false': 'list_detail.boolean_value_false',
+  'boolean-true': 'list_detail.boolean_value_true',
+  'menu-bg': 'menu_setting.menu_background_color',
+  'menu-line': 'menu_setting.menu_line_color',
+  'menu-text': 'menu_setting.menu_text_color',
+  'menu-text-active': 'menu_setting.menu_text_active_color',
+  'menu-bg-active': 'menu_setting.menu_background_active_color',
+  'submenu-text': 'menu_setting.submenu_text_color',
+  'submenu-text-active': 'menu_setting.submenu_text_active_color',
+  'submenu-line-active': 'menu_setting.submenu_line_active_color',
+  'submenu-bg-hover': 'menu_setting.submenu_background_hover_color'
+}
+
+export const withOpacity = (variableName, alpha?) => ({ opacityValue }) => {
+  if (alpha) {
+    return `rgba(var(${variableName}), ${alpha})`;
+  }
+  if (opacityValue !== undefined) {
+    return `rgba(var(${variableName}), ${opacityValue})`;
+  }
+  return `rgb(var(${variableName}))`;
+};
+
+export const getRGBColor = (hex, type) => {
+  const color = hex.replace(/#/g, "");
+  const r = parseInt(color.substr(0, 2), 16);
+  const g = parseInt(color.substr(2, 2), 16);
+  const b = parseInt(color.substr(4, 2), 16);
+  return `--color-${type}: ${r}, ${g}, ${b};`;
+};
+
+export const getStyleColor = (data: any, setting: any): string => {
+  const res = []
+  for (const key in COLOR_SETTINGS) {
+    const settingKey = COLOR_SETTINGS[key]
+    const value = _get(data, settingKey) || _get(setting, settingKey)
+    res.push(getRGBColor(value, key))
+  }
+  return res.join('\n')
+}
+
+export const getTailwindColor = (): object => {
+  const res = _reduce(COLOR_SETTINGS, (r, i, k) => {
+    r[k] = withOpacity(`--color-${k}`)
+    return r
+  }, {})
+
+  return res
+}
+
+export const getRandomColor = () => {
+  let letters = '0123456789ABCDEF';
+  let color = '#';
+  for (let i = 0; i < 6; i++) {
+    color += letters[Math.floor(Math.random() * 16)];
+  }
+  return color;
+}
+
+export const removeAlpha = (color: string): string => {
+  if (!color) return color
+
+  if (color.length == 9) {
+    return color.slice(0, 7)
+  }
+
+  return color
+}

package/template/admin/tailwind.config.js

@@ -0,0 +1,57 @@
+const { withOpacity, getTailwindColor } = require('./src/utils/color.ts')
+/** @type {import("tailwindcss").Config} */
+
+const colors = getTailwindColor()
+
+module.exports = {
+  content: [
+    "./src/components/**/*.{js,ts,jsx,tsx}",
+    "./src/pages/**/*.{js,ts,jsx,tsx}",
+    "./src/hooks/**/*.{js,ts,jsx,tsx}",
+    "./node_modules/@shopstack/cc-admin-lib/dist/client/module/index.js"
+  ],
+  theme: {
+    extend: {
+      letterSpacing: {
+        'spacing-026': '0.26px',
+        'spacing-030': '0.3px',
+        'spacing-034': '0.34px',
+        'spacing-040': '0.40px',
+      },
+      colors: {
+        primary: withOpacity("--color-primary"),
+        "primary-50": withOpacity("--color-primary", 0.05),
+        "primary-100": withOpacity("--color-primary", 0.1),
+        "primary-200": withOpacity("--color-primary", 0.2),
+        "primary-300": withOpacity("--color-primary", 0.3),
+        "primary-400": withOpacity("--color-primary", 0.4),
+        "primary-500": withOpacity("--color-primary", 0.5),
+        "primary-600": withOpacity("--color-primary", 0.6),
+        "primary-700": withOpacity("--color-primary", 0.7),
+        "primary-800": withOpacity("--color-primary", 0.8),
+        "primary-900": withOpacity("--color-primary", 0.9),
+        secondary: withOpacity("--color-secondary"),
+        "secondary-50": withOpacity("--color-secondary", 0.05),
+        "secondary-100": withOpacity("--color-secondary", 0.1),
+        "secondary-200": withOpacity("--color-secondary", 0.2),
+        "secondary-300": withOpacity("--color-secondary", 0.3),
+        "secondary-400": withOpacity("--color-secondary", 0.4),
+        "secondary-500": withOpacity("--color-secondary", 0.5),
+        "secondary-600": withOpacity("--color-secondary", 0.6),
+        "secondary-700": withOpacity("--color-secondary", 0.7),
+        "secondary-800": withOpacity("--color-secondary", 0.8),
+        "secondary-900": withOpacity("--color-secondary", 0.9),
+        "gray": "#F5F5F7",
+        "line": "#DAE1EB",
+        "label": "#222222",
+        "icon": "#C3C3C3",
+        "dark-plane": "#343434",
+        "disabled": "#c3c3c3",
+        "error": "#F44336",
+        "table-row-bg": '#FFFFFF',
+        ...colors,
+      }
+    }
+  },
+  plugins: [],
+}

package/template/admin/tsconfig.json

@@ -0,0 +1,36 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

package/template/admin_v3/Dockerfile

@@ -0,0 +1,15 @@
+FROM node:22-alpine
+
+RUN mkdir /app
+WORKDIR /app
+
+COPY package.json .
+RUN npm install
+
+COPY . .
+
+ARG commit_hash
+ENV BUILD_ID ${commit_hash}
+
+RUN npm run build
+CMD ["npm", "run", "start"]

package/template/admin_v3/README.md

@@ -0,0 +1 @@
+# cs-admin

package/template/admin_v3/_env

@@ -0,0 +1,10 @@
+NODE_ENV=dev
+PORT=4000
+COOKIE_SECURE=false
+COOKIE_HTTP_ONLY=false
+COOKIE_SAME_SITE=
+SYSTEM_APP_KEY=APP_KEY
+SYSTEM_SECRET_KEY=SECRET_KEY
+RECOIL_DUPLICATE_ATOM_KEY_CHECKING_ENABLED=false
+API_GATEWAY=http://127.0.0.1:3000/api/v1
+API_GATEWAY_MEDIA=http://127.0.0.1:3000  

package/template/admin_v3/_gitignore

@@ -0,0 +1,5 @@
+.next
+node_modules
+
+dist/*
+.rollup.cache/*

package/template/admin_v3/_npmrc

@@ -0,0 +1 @@
+//registry.npmjs.org/:_authToken={SHOPSATCK_TOKEN}

package/template/admin_v3/docker-compose.yml

@@ -0,0 +1,11 @@
+version: "3.0"
+services:
+  cs-admin:
+    build:
+      context: .
+    image: cs-admin
+    container_name: cs-admin
+    restart: always
+    env_file: .env
+    ports:
+      - "4000:3000"

package/template/admin_v3/next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

package/template/admin_v3/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "cs-admin",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "start:dev": "next dev -p 4001",
+    "build": "next build",
+    "build:lib": "rollup -c",
+    "start": "next start",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@shopstack/cs-admin-lib": "^3.0.0"
+  },
+  "devDependencies": {
+    "@babel/preset-env": "^7.27.2",
+    "@babel/preset-react": "^7.27.1",
+    "@babel/preset-typescript": "^7.27.1",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.3",
+    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@rollup/plugin-typescript": "^12.1.2",
+    "@types/node": "22.10.2",
+    "@types/react": "19.0.2",
+    "acorn-jsx": "^5.3.2",
+    "rollup": "^4.41.0",
+    "rollup-plugin-dts": "^6.2.1",
+    "rollup-plugin-node-polyfills": "^0.2.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-svg": "^2.0.0",
+    "rollup-plugin-svg-import": "^3.0.0"
+  }
+}

package/template/admin_v3/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

package/template/admin_v3/public/images/component/barchart.svg

@@ -0,0 +1,20 @@
+<svg width="73" height="49" viewBox="0 0 73 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3669_28586)">
+<rect width="73" height="49" rx="4" fill="#F5F5F7"/>
+<circle cx="6.5" cy="11.5" r="1.5" fill="#DAE1EB"/>
+<circle cx="6.5" cy="24.5" r="1.5" fill="#DAE1EB"/>
+<circle cx="6.5" cy="36.5" r="1.5" fill="#DAE1EB"/>
+<line x1="10" y1="11.75" x2="68" y2="11.75" stroke="#DAE1EB" stroke-width="0.5"/>
+<line x1="10" y1="24.75" x2="68" y2="24.75" stroke="#DAE1EB" stroke-width="0.5"/>
+<line x1="10" y1="36.75" x2="68" y2="36.75" stroke="#DAE1EB" stroke-width="0.5"/>
+<path d="M16 19C16 17.8954 16.8954 17 18 17H21C22.1046 17 23 17.8954 23 19V48H16V19Z" fill="#C4D9FF" fill-opacity="0.6" stroke="#DAE1EB" stroke-width="0.5"/>
+<path d="M30 36C30 34.8954 30.8954 34 32 34H35C36.1046 34 37 34.8954 37 36V48H30V36Z" fill="#79AAFF" fill-opacity="0.6" stroke="#DAE1EB" stroke-width="0.5"/>
+<path d="M44 11C44 9.89543 44.8954 9 46 9H49C50.1046 9 51 9.89543 51 11V48H44V11Z" fill="#C4D9FF" fill-opacity="0.6" stroke="#DAE1EB" stroke-width="0.5"/>
+<path d="M58 30C58 28.8954 58.8954 28 60 28H63C64.1046 28 65 28.8954 65 30V48H58V30Z" fill="#79AAFF" fill-opacity="0.6" stroke="#DAE1EB" stroke-width="0.5"/>
+</g>
+<defs>
+<clipPath id="clip0_3669_28586">
+<rect width="73" height="49" rx="4" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/template/admin_v3/public/images/component/bubble_chart.svg

@@ -0,0 +1,17 @@
+<svg width="73" height="49" viewBox="0 0 73 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3669_28591)">
+<rect width="73" height="49" rx="4" fill="#F5F5F7"/>
+<line x1="18.25" y1="7" x2="18.25" y2="49" stroke="#DAE1EB" stroke-width="0.5"/>
+<line x1="36.25" y1="7" x2="36.25" y2="49" stroke="#DAE1EB" stroke-width="0.5"/>
+<line x1="55.25" y1="7" x2="55.25" y2="49" stroke="#DAE1EB" stroke-width="0.5"/>
+<circle cx="18.5" cy="33.5" r="10.5" fill="#C4D9FF" fill-opacity="0.6" stroke="#DAE1EB" stroke-width="0.5"/>
+<circle cx="18.5" cy="19.5" r="5.5" fill="#79AAFF" fill-opacity="0.6" stroke="#DAE1EB" stroke-width="0.5"/>
+<circle cx="36.5" cy="28.5" r="11.5" fill="#79AAFF" fill-opacity="0.6" stroke="#DAE1EB" stroke-width="0.5"/>
+<circle cx="4.5" cy="4.5" r="4.5" transform="matrix(1 0 0 -1 51 33)" fill="#C4D9FF" fill-opacity="0.6" stroke="#DAE1EB" stroke-width="0.5"/>
+</g>
+<defs>
+<clipPath id="clip0_3669_28591">
+<rect width="73" height="49" rx="4" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/template/admin_v3/public/images/component/button.svg

@@ -0,0 +1,17 @@
+<svg width="73" height="49" viewBox="0 0 73 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3669_28577)">
+<rect width="73" height="49" rx="4" fill="#F5F5F7"/>
+<mask id="mask0_3669_28577" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="73" height="49">
+<rect width="73" height="49" rx="4" fill="#F5F5F7"/>
+</mask>
+<g mask="url(#mask0_3669_28577)">
+<path d="M6 24.5C6 18.701 10.701 14 16.5 14H56.5C62.299 14 67 18.701 67 24.5C67 30.299 62.299 35 56.5 35H16.5C10.701 35 6 30.299 6 24.5Z" fill="#1B6BE7"/>
+<path d="M23.198 21.01H24.178L26.968 28H25.928L25.228 26.26H22.138L21.458 28H20.408L23.198 21.01ZM24.948 25.41L23.688 22.14L22.428 25.41H24.948ZM30.5497 28.15C30.0164 28.15 29.5431 28.05 29.1297 27.85C28.7164 27.65 28.3931 27.36 28.1597 26.98C27.9331 26.5933 27.8197 26.1367 27.8197 25.61C27.8197 25.0833 27.9331 24.63 28.1597 24.25C28.3931 23.8633 28.7164 23.5667 29.1297 23.36C29.5497 23.1533 30.0297 23.05 30.5697 23.05C31.3031 23.05 31.8897 23.1933 32.3297 23.48V24.31C31.8964 24.01 31.3431 23.86 30.6697 23.86C30.1231 23.86 29.6797 24.01 29.3397 24.31C29.0064 24.6033 28.8397 25.0367 28.8397 25.61C28.8397 26.1833 29.0064 26.6167 29.3397 26.91C29.6731 27.2033 30.1097 27.35 30.6497 27.35C31.3231 27.35 31.9031 27.19 32.3897 26.87V27.69C32.1564 27.85 31.8897 27.9667 31.5897 28.04C31.2964 28.1133 30.9497 28.15 30.5497 28.15ZM35.7385 28.15C35.2518 28.15 34.8751 28.01 34.6085 27.73C34.3485 27.45 34.2185 27.0533 34.2185 26.54V23.98H33.4885V23.2H34.2185V21.76H35.2385V23.2H36.4185V23.98H35.2385V26.47C35.2385 26.79 35.2985 27.0167 35.4185 27.15C35.5451 27.2833 35.7718 27.35 36.0985 27.35C36.2918 27.35 36.4851 27.3067 36.6785 27.22V28.02C36.4251 28.1067 36.1118 28.15 35.7385 28.15ZM38.6187 22.26C38.452 22.26 38.312 22.2033 38.1987 22.09C38.0854 21.9767 38.0287 21.8367 38.0287 21.67C38.0287 21.5033 38.0854 21.3633 38.1987 21.25C38.312 21.1367 38.452 21.08 38.6187 21.08C38.792 21.08 38.9354 21.1367 39.0487 21.25C39.1687 21.3633 39.2287 21.5033 39.2287 21.67C39.2287 21.8367 39.1687 21.9767 39.0487 22.09C38.9354 22.2033 38.792 22.26 38.6187 22.26ZM38.1087 23.2H39.1387V28H38.1087V23.2ZM43.4587 28.15C42.9187 28.15 42.442 28.05 42.0287 27.85C41.622 27.6433 41.302 27.35 41.0687 26.97C40.842 26.5833 40.7287 26.13 40.7287 25.61C40.7287 25.0967 40.842 24.6467 41.0687 24.26C41.2954 23.8733 41.6154 23.5767 42.0287 23.37C42.442 23.1567 42.9187 23.05 43.4587 23.05C43.9987 23.05 44.4754 23.1567 44.8887 23.37C45.302 23.5767 45.622 23.8733 45.8487 24.26C46.082 24.6467 46.1987 25.0967 46.1987 25.61C46.1987 26.13 46.082 26.5833 45.8487 26.97C45.622 27.35 45.302 27.6433 44.8887 27.85C44.4754 28.05 43.9987 28.15 43.4587 28.15ZM43.4587 27.35C43.9787 27.35 44.392 27.19 44.6987 26.87C45.0054 26.55 45.1587 26.13 45.1587 25.61C45.1587 25.07 45.0054 24.6433 44.6987 24.33C44.392 24.0167 43.9787 23.86 43.4587 23.86C42.9387 23.86 42.5254 24.0167 42.2187 24.33C41.912 24.6433 41.7587 25.07 41.7587 25.61C41.7587 26.13 41.912 26.55 42.2187 26.87C42.5254 27.19 42.9387 27.35 43.4587 27.35ZM47.6959 23.2H48.6759V23.89C48.9026 23.6033 49.1792 23.3933 49.5059 23.26C49.8392 23.12 50.1859 23.05 50.5459 23.05C51.1859 23.05 51.6626 23.22 51.9759 23.56C52.2892 23.9 52.4459 24.3567 52.4459 24.93V28H51.4359V25.03C51.4359 24.25 51.0626 23.86 50.3159 23.86C49.9959 23.86 49.6959 23.9367 49.4159 24.09C49.1426 24.2367 48.9059 24.4633 48.7059 24.77V28H47.6959V23.2Z" fill="white"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_3669_28577">
+<rect width="73" height="49" rx="4" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/template/admin_v3/public/images/component/calendar.svg

@@ -0,0 +1,63 @@
+<svg width="73" height="49" viewBox="0 0 73 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3669_28553)">
+<rect width="73" height="49" rx="4" fill="#F5F5F7"/>
+<g filter="url(#filter0_d_3669_28553)">
+<path d="M0 10H60C62.2091 10 64 11.7909 64 14V49H4C1.79086 49 0 47.2091 0 45V10Z" fill="url(#paint0_linear_3669_28553)"/>
+<path d="M60 10.25C62.0711 10.25 63.75 11.9289 63.75 14V48.75H4C1.92893 48.75 0.25 47.0711 0.25 45V10.25H60Z" stroke="url(#paint1_linear_3669_28553)" stroke-width="0.5"/>
+</g>
+<path d="M42 27.25C47.3848 27.25 51.75 31.6152 51.75 37C51.75 42.3848 47.3848 46.75 42 46.75H2C1.0335 46.75 0.25 45.9665 0.25 45V27.25H42Z" fill="url(#paint2_linear_3669_28553)" stroke="url(#paint3_linear_3669_28553)" stroke-width="0.5"/>
+<circle cx="42" cy="37" r="10" fill="#E9F1FF"/>
+<path d="M38.65 40.1C38.17 40.1 37.74 40.01 37.36 39.83C36.98 39.65 36.6967 39.4033 36.51 39.09L36.89 38.64C37.0567 38.9 37.2967 39.1067 37.61 39.26C37.93 39.4067 38.27 39.48 38.63 39.48C39.1033 39.48 39.4833 39.3533 39.77 39.1C40.0567 38.84 40.2 38.5067 40.2 38.1C40.2 37.6467 40.02 37.2933 39.66 37.04C39.3 36.78 38.81 36.65 38.19 36.65H37.91V36.02H38.18C38.7133 36.02 39.14 35.8867 39.46 35.62C39.7867 35.3533 39.95 35.0133 39.95 34.6C39.95 34.26 39.8367 33.9967 39.61 33.81C39.39 33.6167 39.0833 33.52 38.69 33.52C38.33 33.52 37.9967 33.5967 37.69 33.75C37.39 33.8967 37.1533 34.1 36.98 34.36L36.6 33.91C36.8 33.5967 37.09 33.35 37.47 33.17C37.85 32.99 38.27 32.9 38.73 32.9C39.3233 32.9 39.7967 33.05 40.15 33.35C40.51 33.6433 40.69 34.0333 40.69 34.52C40.69 34.9333 40.56 35.3033 40.3 35.63C40.0467 35.95 39.7033 36.1767 39.27 36.31C39.8033 36.41 40.2167 36.6167 40.51 36.93C40.8033 37.2433 40.95 37.64 40.95 38.12C40.95 38.5067 40.8533 38.85 40.66 39.15C40.4733 39.45 40.2067 39.6833 39.86 39.85C39.5133 40.0167 39.11 40.1 38.65 40.1ZM44.4364 40.1C43.6897 40.1 43.1164 39.7967 42.7164 39.19C42.323 38.5833 42.1264 37.6867 42.1264 36.5C42.1264 35.3133 42.323 34.4167 42.7164 33.81C43.1164 33.2033 43.6897 32.9 44.4364 32.9C45.1764 32.9 45.743 33.2033 46.1364 33.81C46.5364 34.4167 46.7364 35.3133 46.7364 36.5C46.7364 37.6867 46.5364 38.5833 46.1364 39.19C45.743 39.7967 45.1764 40.1 44.4364 40.1ZM44.4364 39.52C44.9297 39.52 45.313 39.2633 45.5864 38.75C45.8597 38.2367 45.9964 37.4867 45.9964 36.5C45.9964 35.5067 45.8597 34.7567 45.5864 34.25C45.3197 33.7367 44.9364 33.48 44.4364 33.48C43.9364 33.48 43.5497 33.7367 43.2764 34.25C43.003 34.7567 42.8664 35.5067 42.8664 36.5C42.8664 37.4933 43.003 38.2467 43.2764 38.76C43.5497 39.2667 43.9364 39.52 44.4364 39.52Z" fill="#4B91FE"/>
+<path d="M13.67 39.31C14.1567 38.95 14.6433 38.52 15.13 38.02C15.6233 37.52 16.0367 36.99 16.37 36.43C16.7033 35.87 16.87 35.34 16.87 34.84C16.87 34.44 16.7533 34.12 16.52 33.88C16.2867 33.64 15.97 33.52 15.57 33.52C15.23 33.52 14.9067 33.6033 14.6 33.77C14.2933 33.93 14.0567 34.1367 13.89 34.39L13.49 33.94C13.6967 33.6133 13.9833 33.36 14.35 33.18C14.7233 32.9933 15.1333 32.9 15.58 32.9C16.2067 32.9 16.7033 33.0733 17.07 33.42C17.4367 33.7667 17.62 34.23 17.62 34.81C17.62 35.5633 17.3233 36.34 16.73 37.14C16.1433 37.94 15.4433 38.69 14.63 39.39H17.96V40H13.67V39.31ZM19.7264 39.53C20.213 39.4167 20.6664 39.23 21.0864 38.97C21.5064 38.7033 21.8597 38.3867 22.1464 38.02C22.433 37.6467 22.623 37.2533 22.7164 36.84C22.5897 37.0133 22.403 37.1567 22.1564 37.27C21.9097 37.3833 21.6364 37.44 21.3364 37.44C20.903 37.44 20.523 37.3433 20.1964 37.15C19.8764 36.95 19.6264 36.68 19.4464 36.34C19.273 35.9933 19.1864 35.6033 19.1864 35.17C19.1864 34.73 19.2764 34.34 19.4564 34C19.6364 33.6533 19.8897 33.3833 20.2164 33.19C20.5497 32.9967 20.9364 32.9 21.3764 32.9C22.0964 32.9 22.6597 33.1433 23.0664 33.63C23.4797 34.11 23.6864 34.7567 23.6864 35.57C23.6864 36.33 23.5197 37.0333 23.1864 37.68C22.8597 38.3267 22.403 38.8633 21.8164 39.29C21.2297 39.7167 20.563 39.99 19.8164 40.11L19.7264 39.53ZM21.3764 36.84C21.8297 36.84 22.1964 36.6867 22.4764 36.38C22.7564 36.0733 22.8964 35.6733 22.8964 35.18C22.8964 34.68 22.7597 34.28 22.4864 33.98C22.213 33.6733 21.8497 33.52 21.3964 33.52C20.9497 33.52 20.5897 33.6733 20.3164 33.98C20.0497 34.28 19.9164 34.68 19.9164 35.18C19.9164 35.68 20.0497 36.0833 20.3164 36.39C20.583 36.69 20.9364 36.84 21.3764 36.84Z" fill="#DAE1EB"/>
+<g filter="url(#filter1_d_3669_28553)">
+<path d="M0 10H62C63.1046 10 64 10.8954 64 12V25H0V10Z" fill="url(#paint4_linear_3669_28553)"/>
+</g>
+<path d="M13.8691 15.408H17.6531V16.256H14.8851V17.824H16.9411V18.584H14.8851V21H13.8691V15.408ZM18.3316 17.16H19.3076V17.776C19.4622 17.568 19.6809 17.4133 19.9636 17.312C20.2516 17.2107 20.5796 17.16 20.9476 17.16V17.928C20.5582 17.928 20.2196 17.9893 19.9316 18.112C19.6489 18.2293 19.4516 18.416 19.3396 18.672V21H18.3316V17.16ZM22.5574 16.488C22.3974 16.488 22.2614 16.4347 22.1494 16.328C22.0427 16.2213 21.9894 16.088 21.9894 15.928C21.9894 15.768 22.0427 15.6347 22.1494 15.528C22.2614 15.416 22.3974 15.36 22.5574 15.36C22.7174 15.36 22.8534 15.416 22.9654 15.528C23.0774 15.6347 23.1334 15.768 23.1334 15.928C23.1334 16.088 23.0774 16.2213 22.9654 16.328C22.8534 16.4347 22.7174 16.488 22.5574 16.488ZM22.0454 17.16H23.0694V21H22.0454V17.16Z" fill="#DAE1EB"/>
+<path d="M38.2273 21.12C37.8966 21.12 37.5686 21.088 37.2433 21.024C36.9232 20.9653 36.6592 20.8853 36.4512 20.784V19.912C36.7179 20.04 36.9979 20.136 37.2912 20.2C37.5846 20.264 37.8726 20.296 38.1553 20.296C38.5126 20.296 38.7846 20.2293 38.9713 20.096C39.1579 19.9627 39.2513 19.7787 39.2513 19.544C39.2513 19.3787 39.2086 19.2427 39.1233 19.136C39.0379 19.024 38.9126 18.928 38.7473 18.848C38.5819 18.7627 38.3286 18.6533 37.9872 18.52C37.4646 18.3067 37.0859 18.0693 36.8512 17.808C36.6166 17.5467 36.4992 17.2213 36.4992 16.832C36.4992 16.528 36.5819 16.2587 36.7472 16.024C36.9126 15.7893 37.1446 15.608 37.4432 15.48C37.7419 15.352 38.0859 15.288 38.4753 15.288C38.7953 15.288 39.0779 15.3147 39.3233 15.368C39.5739 15.416 39.8193 15.4933 40.0593 15.6V16.448C39.5953 16.224 39.1259 16.112 38.6513 16.112C38.3099 16.112 38.0459 16.176 37.8592 16.304C37.6726 16.4267 37.5792 16.6027 37.5792 16.832C37.5792 16.9973 37.6219 17.1333 37.7072 17.24C37.7926 17.3413 37.9046 17.4293 38.0432 17.504C38.1872 17.5733 38.4432 17.6853 38.8112 17.84C39.1846 17.9947 39.4779 18.1467 39.6913 18.296C39.9099 18.4453 40.0726 18.6213 40.1793 18.824C40.2913 19.0213 40.3472 19.264 40.3472 19.552C40.3472 20.048 40.1686 20.4347 39.8112 20.712C39.4539 20.984 38.9259 21.12 38.2273 21.12ZM42.8411 21.12C42.3825 21.12 42.0065 21 41.7131 20.76C41.4198 20.5147 41.2731 20.1867 41.2731 19.776C41.2731 19.3493 41.4118 19.016 41.6891 18.776C41.9665 18.536 42.3558 18.416 42.8571 18.416C43.3425 18.416 43.7611 18.5147 44.1131 18.712V18.608C44.1131 18.336 44.0278 18.1387 43.8571 18.016C43.6918 17.8933 43.4225 17.832 43.0491 17.832C42.8145 17.832 42.5825 17.856 42.3531 17.904C42.1238 17.9467 41.9211 18.008 41.7451 18.088V17.296C41.9051 17.2213 42.1185 17.16 42.3851 17.112C42.6571 17.064 42.9185 17.04 43.1691 17.04C43.8358 17.04 44.3291 17.184 44.6491 17.472C44.9691 17.7547 45.1291 18.1493 45.1291 18.656V21H44.1771V20.624C44.0118 20.784 43.8225 20.9067 43.6091 20.992C43.4011 21.0773 43.1451 21.12 42.8411 21.12ZM43.0891 20.384C43.3131 20.384 43.5158 20.3413 43.6971 20.256C43.8785 20.1653 44.0171 20.0427 44.1131 19.888V19.464C43.8198 19.256 43.4838 19.152 43.1051 19.152C42.5665 19.152 42.2971 19.36 42.2971 19.776C42.2971 19.9787 42.3638 20.1307 42.4971 20.232C42.6358 20.3333 42.8331 20.384 43.0891 20.384ZM47.7912 21.12C47.3699 21.12 47.0499 21.0027 46.8312 20.768C46.6125 20.5333 46.5032 20.2027 46.5032 19.776V17.928H45.9272V17.16H46.5032V16.008H47.5112V17.16H48.4312V17.928H47.5112V19.648C47.5112 19.8933 47.5565 20.0693 47.6472 20.176C47.7379 20.2773 47.9032 20.328 48.1432 20.328C48.3085 20.328 48.4712 20.2907 48.6312 20.216V20.984C48.4019 21.0747 48.1219 21.12 47.7912 21.12Z" fill="#DAE1EB"/>
+</g>
+<defs>
+<filter id="filter0_d_3669_28553" x="-4" y="10" width="72" height="47" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3669_28553"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3669_28553" result="shape"/>
+</filter>
+<filter id="filter1_d_3669_28553" x="-4" y="10" width="72" height="23" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3669_28553"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3669_28553" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_3669_28553" x1="64" y1="29.5" x2="0" y2="29.5" gradientUnits="userSpaceOnUse">
+<stop offset="0.620192" stop-color="white"/>
+<stop offset="1" stop-color="#F5F5F7"/>
+</linearGradient>
+<linearGradient id="paint1_linear_3669_28553" x1="64" y1="29.5" x2="0" y2="29.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DAE1EB"/>
+<stop offset="1" stop-color="#F5F5F7"/>
+</linearGradient>
+<linearGradient id="paint2_linear_3669_28553" x1="52" y1="37" x2="0" y2="37" gradientUnits="userSpaceOnUse">
+<stop offset="0.3" stop-color="#F5FAFF"/>
+<stop offset="0.75" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint3_linear_3669_28553" x1="52" y1="37" x2="0" y2="37" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DAE1EB"/>
+<stop offset="1" stop-color="#F5F5F7"/>
+</linearGradient>
+<linearGradient id="paint4_linear_3669_28553" x1="64" y1="17.5" x2="0" y2="17.5" gradientUnits="userSpaceOnUse">
+<stop offset="0.620192" stop-color="#11418C"/>
+<stop offset="1" stop-color="#F5F5F7"/>
+</linearGradient>
+<clipPath id="clip0_3669_28553">
+<rect width="73" height="49" rx="4" fill="white"/>
+</clipPath>
+</defs>
+</svg>