{"version":3,"sources":["webpack:///./app/javascript/dashboard/components/ui/commslayer/themes/foundation-colors.js","webpack:///./tailwind.config.js","webpack:///./app/javascript/widget/views/ResourceList.vue?ed19","webpack:///./app/javascript/widget/constants/colors.js","webpack:///app/javascript/widget/views/ResourceList.vue","webpack:///./app/javascript/widget/views/ResourceList.vue?64e0","webpack:///./app/javascript/widget/views/ResourceList.vue","webpack:///./app/javascript/widget/components/OrderTracking.vue?187a","webpack:///app/javascript/widget/components/OrderTracking.vue","webpack:///./app/javascript/widget/components/OrderTracking.vue?92cc","webpack:///./app/javascript/widget/components/OrderTracking.vue","webpack:///./app/javascript/widget/components/GroupedAvatars.vue?2f9f","webpack:///./app/javascript/widget/components/GroupedAvatars.vue?4d56","webpack:///app/javascript/widget/components/GroupedAvatars.vue","webpack:///./app/javascript/widget/components/GroupedAvatars.vue","webpack:///./app/javascript/dashboard/components/ui/commslayer/themes/shadows.js","webpack:///./app/javascript/dashboard/components/ui/commslayer/themes/semantic-colors.js","webpack:///./app/javascript/widget/views/ResourceList.vue?ccd0","webpack:///./app/javascript/widget/components/OrderTracking.vue?b10b","webpack:///./app/javascript/widget/components/TeamAvailability.vue?8af4","webpack:///./app/javascript/widget/views/Home.vue?cd12","webpack:///./app/javascript/widget/views/Home.vue?4a18","webpack:///./app/javascript/widget/components/AvailableAgents.vue?df8c","webpack:///app/javascript/widget/components/AvailableAgents.vue","webpack:///./app/javascript/widget/components/AvailableAgents.vue","webpack:///./app/javascript/widget/components/AvailableAgents.vue?a900","webpack:///app/javascript/widget/components/TeamAvailability.vue","webpack:///./app/javascript/widget/components/TeamAvailability.vue?b386","webpack:///./app/javascript/widget/components/TeamAvailability.vue","webpack:///./app/javascript/widget/components/TeamAvailability.vue?5444","webpack:///app/javascript/widget/components/AgentBotTriggers.vue","webpack:///./app/javascript/widget/components/AgentBotTriggers.vue?ea97","webpack:///./app/javascript/widget/components/AgentBotTriggers.vue","webpack:///./app/javascript/widget/components/AgentBotTriggers.vue?1f7c","webpack:///app/javascript/widget/views/Home.vue","webpack:///./app/javascript/widget/views/Home.vue?129f","webpack:///./app/javascript/widget/views/Home.vue","webpack:///./app/javascript/shared/components/FluentIcon/DashboardIcon.vue?9d7a","webpack:///app/javascript/shared/components/FluentIcon/DashboardIcon.vue","webpack:///./app/javascript/shared/components/FluentIcon/DashboardIcon.vue?deba","webpack:///./app/javascript/shared/components/FluentIcon/DashboardIcon.vue"],"names":["gray","azure","blue","green","orange","purple","red","yellow","blackAlpha","whiteAlpha","foundationColors","blueDark","greenDark","yellowDark","slate","slateDark","redDark","violet","violetDark","defaultTheme","boxShadows","commslayerBoxShadows","commslayerFoundationColors","semanticColors","commslayerSemanticColors","createThemes","module","exports","darkMode","content","theme","fontSize","xxs","colors","primary","DEFAULT","medium","dark","hover","secondary","low","tertiary","subtle","faint","deep","high","accent","success","neutral","light","error","warning","bubble","outgoing","private","transparent","white","white_transparent","black_transparent","modal","current","navPanelBg","navPanelLines","magnolia","lightgray","purplelink","spacegrey","doctor","powderviola","stategrey","woot","blue2","blue3","blue4","blue5","blue7","blue8","blue11","blue10","blue9","blue6","green12","green6","green7","green8","green10","green9","green11","yellow2","yellow3","yellow5","yellow10","yellow9","yellow11","yellow8","yellow7","yellow1","slate2","slate3","slate4","slate5","slate7","slate8","slate11","slate10","slate1","black","slate12","slate9","red12","red6","red8","red11","red10","red9","violet1","violet12","violet6","violet8","violet11","violet9","violet7","body","keyframes","wiggle","transform","opacity","shimmer","animation","extend","screens","boxShadow","dropdown","card","widget","thin","focus","plugins","tw","require","PRIMARY","SECONDARY","ACCENT","component","_vm","this","_c","_self","resources","length","staticClass","class","containedInPreview","_v","_s","$t","_l","resource","index","key","id","on","$event","handleMouseOver","handleMouseLeave","preventDefault","onResourceClicked","ref","refInFor","resourceTitle","attrs","iconLib","_e","style","color","computedColor","buildOrderTrackingForm","user","name","avatar","users","isOnline","replyWaitMessage","availableAgents","widgetColor","startConversation","hasConversation","workflow","triggerWorkflow","showResources","conversationSize","unreadMessageCount","openArticleInArticleViewer","size","icon","type","icons","viewBox"],"mappings":"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","file":"js/20-9e2d62bf83d21e533630.chunk.js","sourcesContent":["/**\n * Exported Shopify Polaris inspired foundation colors.\n * @see https://polaris.shopify.com/design/colors\n */\n\nexport const gray = {\n  1: 'rgba(255, 255, 255, 1)',\n  2: 'rgba(253, 253, 253, 1)',\n  3: 'rgba(250, 250, 250, 1)',\n  4: 'rgba(247, 247, 247, 1)',\n  5: 'rgba(243, 243, 243, 1)',\n  6: 'rgba(241, 241, 241, 1)',\n  7: 'rgba(235, 235, 235, 1)',\n  8: 'rgba(227, 227, 227, 1)',\n  9: 'rgba(212, 212, 212, 1)',\n  10: 'rgba(204, 204, 204, 1)',\n  11: 'rgba(181, 181, 181, 1)',\n  12: 'rgba(138, 138, 138, 1)',\n  13: 'rgba(97, 97, 97, 1)',\n  14: 'rgba(74, 74, 74, 1)',\n  15: 'rgba(48, 48, 48, 1)',\n  16: 'rgba(26, 26, 26, 1)',\n};\n\nexport const azure = {\n  1: 'rgba(251, 253, 255, 1)',\n  2: 'rgba(242, 249, 255, 1)',\n  3: 'rgba(234, 244, 255, 1)',\n  4: 'rgba(224, 240, 255, 1)',\n  5: 'rgba(213, 235, 255, 1)',\n  6: 'rgba(202, 230, 255, 1)',\n  7: 'rgba(192, 225, 255, 1)',\n  8: 'rgba(168, 216, 255, 1)',\n  9: 'rgba(145, 208, 255, 1)',\n  10: 'rgba(81, 192, 255, 1)',\n  11: 'rgba(0, 148, 213, 1)',\n  12: 'rgba(0, 124, 180, 1)',\n  13: 'rgba(0, 103, 155, 1)',\n  14: 'rgba(0, 82, 124, 1)',\n  15: 'rgba(0, 58, 90, 1)',\n  16: 'rgba(0, 33, 51, 1)',\n};\n\nexport const blue = {\n  1: '#F3F9FF',\n  2: '#E8F5FF',\n  3: '#DDF1FF',\n  4: '#D1ECFF',\n  5: '#C6E7FF',\n  6: '#BBE3FF',\n  7: '#AFDEFF',\n  8: '#A4DAFF',\n  9: '#99D5FF',\n  10: '#62BEFF',\n  11: '#1F93FF',\n  12: '#1673CC',\n  13: '#0E5399',\n  14: '#073466',\n  15: '#031633',\n  16: '#0A1D2E',\n};\n\nexport const green = {\n  1: 'rgba(250, 255, 251, 1)',\n  2: 'rgba(230, 254, 234, 1)',\n  3: 'rgba(205, 254, 212, 1)',\n  4: 'rgba(175, 254, 191, 1)',\n  5: 'rgba(146, 252, 172, 1)',\n  6: 'rgba(110, 247, 153, 1)',\n  7: 'rgba(82, 244, 144, 1)',\n  8: 'rgba(44, 237, 131, 1)',\n  9: 'rgba(17, 223, 123, 1)',\n  10: 'rgba(24, 191, 121, 1)',\n  11: 'rgba(13, 156, 106, 1)',\n  12: 'rgba(4, 123, 93, 1)',\n  13: 'rgba(3, 94, 76, 1)',\n  14: 'rgba(1, 75, 64, 1)',\n  15: 'rgba(7, 54, 48, 1)',\n  16: 'rgba(2, 38, 34, 1)',\n};\n\nexport const orange = {\n  1: 'rgba(255, 253, 250, 1)',\n  2: 'rgba(255, 247, 238, 1)',\n  3: 'rgba(255, 241, 227, 1)',\n  4: 'rgba(255, 235, 213, 1)',\n  5: 'rgba(255, 228, 198, 1)',\n  6: 'rgba(255, 221, 182, 1)',\n  7: 'rgba(255, 214, 164, 1)',\n  8: 'rgba(255, 200, 121, 1)',\n  9: 'rgba(255, 184, 0, 1)',\n  10: 'rgba(229, 165, 0, 1)',\n  11: 'rgba(178, 132, 0, 1)',\n  12: 'rgba(149, 111, 0, 1)',\n  13: 'rgba(124, 88, 0, 1)',\n  14: 'rgba(94, 66, 0, 1)',\n  15: 'rgba(65, 45, 0, 1)',\n  16: 'rgba(37, 26, 0, 1)',\n};\n\nexport const purple = {\n  1: 'rgba(253, 253, 255, 1)',\n  2: 'rgba(248, 247, 255, 1)',\n  3: 'rgba(243, 241, 255, 1)',\n  4: 'rgba(239, 236, 255, 1)',\n  5: 'rgba(233, 229, 255, 1)',\n  6: 'rgba(228, 222, 255, 1)',\n  7: 'rgba(223, 217, 255, 1)',\n  8: 'rgba(212, 204, 255, 1)',\n  9: 'rgba(199, 188, 255, 1)',\n  10: 'rgba(170, 149, 255, 1)',\n  11: 'rgba(148, 116, 255, 1)',\n  12: 'rgba(128, 81, 255, 1)',\n  13: 'rgba(113, 38, 255, 1)',\n  14: 'rgba(87, 0, 209, 1)',\n  15: 'rgba(59, 0, 147, 1)',\n  16: 'rgba(28, 0, 79, 1)',\n};\n\nexport const red = {\n  1: 'rgba(255, 250, 251, 1)',\n  2: 'rgba(255, 246, 248, 1)',\n  3: 'rgba(255, 236, 239, 1)',\n  4: 'rgba(254, 232, 235, 1)',\n  5: 'rgba(254, 225, 230, 1)',\n  6: 'rgba(254, 217, 223, 1)',\n  7: 'rgba(254, 209, 215, 1)',\n  8: 'rgba(254, 193, 199, 1)',\n  9: 'rgba(253, 172, 177, 1)',\n  10: 'rgba(247, 128, 134, 1)',\n  11: 'rgba(226, 44, 56, 1)',\n  12: 'rgba(199, 10, 36, 1)',\n  13: 'rgba(163, 10, 36, 1)',\n  14: 'rgba(142, 11, 33, 1)',\n  15: 'rgba(95, 7, 22, 1)',\n  16: 'rgba(47, 4, 11, 1)',\n};\n\nexport const yellow = {\n  1: 'rgba(255, 253, 246, 1)',\n  2: 'rgba(255, 248, 219, 1)',\n  3: 'rgba(255, 244, 191, 1)',\n  4: 'rgba(255, 239, 157, 1)',\n  5: 'rgba(255, 235, 120, 1)',\n  6: 'rgba(255, 230, 0, 1)',\n  7: 'rgba(247, 223, 0, 1)',\n  8: 'rgba(234, 211, 0, 1)',\n  9: 'rgba(225, 203, 0, 1)',\n  10: 'rgba(197, 178, 0, 1)',\n  11: 'rgba(153, 138, 0, 1)',\n  12: 'rgba(130, 117, 0, 1)',\n  13: 'rgba(105, 95, 0, 1)',\n  14: 'rgba(79, 71, 0, 1)',\n  15: 'rgba(51, 46, 0, 1)',\n  16: 'rgba(31, 28, 0, 1)',\n};\n\nexport const blackAlpha = {\n  1: 'rgba(0, 0, 0, 0)',\n  2: 'rgba(0, 0, 0, 0.01)',\n  3: 'rgba(0, 0, 0, 0.02)',\n  4: 'rgba(0, 0, 0, 0.03)',\n  5: 'rgba(0, 0, 0, 0.05)',\n  6: 'rgba(0, 0, 0, 0.06)',\n  7: 'rgba(0, 0, 0, 0.08)',\n  8: 'rgba(0, 0, 0, 0.11)',\n  9: 'rgba(0, 0, 0, 0.17)',\n  10: 'rgba(0, 0, 0, 0.20)',\n  11: 'rgba(0, 0, 0, 0.29)',\n  12: 'rgba(0, 0, 0, 0.46)',\n  13: 'rgba(0, 0, 0, 0.62)',\n  14: 'rgba(0, 0, 0, 0.71)',\n  15: 'rgba(0, 0, 0, 0.81)',\n  16: 'rgba(0, 0, 0, 0.90)',\n};\n\nexport const whiteAlpha = {\n  1: 'rgba(255, 255, 255, 0.01)',\n  2: 'rgba(255, 255, 255, 0.02)',\n  3: 'rgba(255, 255, 255, 0.03)',\n  4: 'rgba(255, 255, 255, 0.04)',\n  5: 'rgba(255, 255, 255, 0.05)',\n  6: 'rgba(255, 255, 255, 0.06)',\n  7: 'rgba(255, 255, 255, 0.08)',\n  8: 'rgba(255, 255, 255, 0.11)',\n  9: 'rgba(255, 255, 255, 0.14)',\n  10: 'rgba(255, 255, 255, 0.17)',\n  11: 'rgba(255, 255, 255, 0.22)',\n  12: 'rgba(255, 255, 255, 0.29)',\n  13: 'rgba(255, 255, 255, 0.44)',\n  14: 'rgba(255, 255, 255, 0.6)',\n  15: 'rgba(255, 255, 255, 0.7)',\n  16: 'rgba(255, 255, 255, 0.8)',\n};\n\nexport const foundationColors = {\n  'brand-azure': azure,\n  'brand-blue': blue,\n  'brand-gray': gray,\n  'brand-green': green,\n  'brand-orange': orange,\n  'brand-red': red,\n  'brand-yellow': yellow,\n  'brand-white-alpha': whiteAlpha,\n  'brand-black-alpha': blackAlpha,\n};\n","const {\n  blue,\n  blueDark,\n  green,\n  greenDark,\n  yellow,\n  yellowDark,\n  slate,\n  slateDark,\n  red,\n  redDark,\n  violet,\n  violetDark,\n} = require('@radix-ui/colors');\nconst defaultTheme = require('tailwindcss/defaultTheme');\n\nconst {\n  boxShadows: commslayerBoxShadows,\n} = require('./app/javascript/dashboard/components/ui/commslayer/themes/shadows');\nconst {\n  foundationColors: commslayerFoundationColors,\n} = require('./app/javascript/dashboard/components/ui/commslayer/themes/foundation-colors');\nconst {\n  semanticColors: commslayerSemanticColors,\n} = require('./app/javascript/dashboard/components/ui/commslayer/themes/semantic-colors');\nconst { createThemes } = require('tw-colors');\n\nmodule.exports = {\n  darkMode: 'class',\n  content: [\n    './app/javascript/widget/**/*.vue',\n    './app/javascript/v3/**/*.vue',\n    './app/javascript/dashboard/**/*.vue',\n    './app/javascript/portal/**/*.vue',\n    './app/javascript/shared/**/*.vue',\n    './app/javascript/survey/**/*.vue',\n    './app/views/**/*.html.erb',\n    './app/javascript/dashboard/components/ui/commslayer/**/*.js',\n  ],\n  theme: {\n    fontSize: {\n      ...defaultTheme.fontSize,\n      xxs: '0.625rem',\n    },\n    colors: {\n      primary: {\n        DEFAULT: '#151718',\n        medium: '#1C1E20',\n        dark: {\n          DEFAULT: '#D7DBDF',\n          hover: '#25292B',\n        },\n      },\n      secondary: {\n        DEFAULT: '#868E96',\n        medium: '#DEE2E6',\n        low: '#E4E3E6',\n        dark: {\n          DEFAULT: '#868E96',\n          medium: '#25292B',\n          low: '#4C5155',\n        },\n      },\n      tertiary: {\n        DEFAULT: '#140428',\n        subtle: '#f9f7fa',\n        faint: '#e6e4f3',\n        low: '#CBC3D6',\n        medium: '#5646AD',\n        deep: '#443592',\n        high: '#2D174A',\n        dark: {\n          DEFAULT: '#140428',\n          subtle: '#060805',\n          faint: '#1f1f2e',\n          low: '#CBC3D6',\n          medium: '#5646AD',\n          deep: '#443592',\n          high: '#2D174A',\n        },\n      },\n      accent: {\n        DEFAULT: '#1f93ff',\n        low: '#DFEFFE',\n        medium: '#cee7fe',\n        hover: '#1f93ff',\n        dark: {\n          DEFAULT: '#1f93ff',\n          hover: '#D7DBDF',\n          low: '#173461',\n          medium: '#cee7fe',\n        },\n      },\n      success: {\n        DEFAULT: '#1BDC74',\n        medium: '#09974b',\n        dark: {\n          DEFAULT: '#1BDC74',\n          medium: '#09974b',\n        },\n      },\n      neutral: {\n        DEFAULT: '#ffffff',\n        light: '#F2F2F2',\n        faint: '#F4F3F5',\n        subtle: '#F8F9FA',\n        low: '#F3F3F5',\n        medium: '#E8E8E8',\n        high: '#E4E3E6',\n        dark: {\n          DEFAULT: '#25292B',\n          light: '#1C1E20',\n          faint: '#25292B',\n          subtle: '#25292B',\n          medium: '#2F3336',\n          high: '#697074',\n        },\n      },\n      error: {\n        DEFAULT: '#f2555a',\n        medium: '#CD2B31',\n        dark: {\n          DEFAULT: '#f2555a',\n          medium: '#fb797d',\n        },\n      },\n      warning: {\n        DEFAULT: '#F09A0B',\n        subtle: '#F9F5E1',\n        faint: '#fffbd1',\n        low: '#fef2a4',\n        high: '#bd8019',\n        dark: {\n          DEFAULT: '#F09A0B',\n          subtle: '#F9F5E1',\n          faint: '#594a05',\n          low: '#7e6604',\n          high: '#bd8019',\n        },\n      },\n      bubble: {\n        DEFAULT: '#FFFFFF',\n        outgoing: '#EEEEEE',\n        private: '#FFFACD',\n        error: '#FFBDBD',\n        dark: {\n          DEFAULT: '#151718',\n          outgoing: '#323739',\n          private: '#594a05',\n          error: '#692C2C',\n        },\n      },\n      transparent: 'transparent',\n      white: '#fff',\n      white_transparent: 'rgba(255, 255, 255, 0.9)',\n      black_transparent: 'rgba(0, 0, 0, 0.9)',\n      modal: 'rgba(0, 0, 0, 0.4)',\n      current: 'currentColor',\n      navPanelBg: '#140428',\n      navPanelLines: '#2D174A',\n      magnolia: '#f9f7fa',\n      lightgray: '#f1f0f2',\n      purplelink: '#5646AD',\n      spacegrey: '#140428',\n      doctor: '#f9f9fa',\n      powderviola: '#CBC3D6',\n      stategrey: '#D7DBDF',\n      woot: {\n        25: blue.blue2,\n        50: blue.blue3,\n        75: blue.blue4,\n        100: blue.blue5,\n        200: blue.blue7,\n        300: blue.blue8,\n        400: blueDark.blue11,\n        500: blueDark.blue10,\n        600: blueDark.blue9,\n        700: blueDark.blue8,\n        800: blueDark.blue6,\n        900: blueDark.blue2,\n      },\n      green: {\n        50: greenDark.green12,\n        100: green.green6,\n        200: green.green7,\n        300: green.green8,\n        400: greenDark.green10,\n        500: greenDark.green9,\n        600: green.green10,\n        700: green.green11,\n        800: greenDark.green7,\n        900: greenDark.green6,\n      },\n      yellow: {\n        50: yellow.yellow2,\n        100: yellow.yellow3,\n        200: yellow.yellow5,\n        300: yellowDark.yellow10,\n        400: yellowDark.yellow9,\n        500: yellowDark.yellow11,\n        600: yellow.yellow8,\n        700: yellowDark.yellow7,\n        800: yellowDark.yellow2,\n        900: yellowDark.yellow1,\n      },\n      slate: {\n        25: slate.slate2,\n        50: slate.slate3,\n        75: slate.slate4,\n        100: slate.slate5,\n        200: slate.slate7,\n        300: slate.slate8,\n        400: slateDark.slate11,\n        500: slateDark.slate10,\n        600: slate.slate11,\n        700: slateDark.slate8,\n        800: slateDark.slate4,\n        900: slateDark.slate1,\n      },\n      black: {\n        50: slate.slate2,\n        100: slateDark.slate12,\n        200: slate.slate7,\n        300: slate.slate8,\n        400: slateDark.slate11,\n        500: slate.slate9,\n        600: slateDark.slate9,\n        700: slateDark.slate8,\n        800: slateDark.slate7,\n        900: slateDark.slate2,\n      },\n      red: {\n        50: redDark.red12,\n        100: red.red6,\n        200: red.red8,\n        300: redDark.red11,\n        400: redDark.red10,\n        500: red.red9,\n        600: red.red10,\n        700: red.red11,\n        800: redDark.red8,\n        900: red.red12,\n      },\n      violet: {\n        50: violet.violet1,\n        100: violetDark.violet12,\n        200: violet.violet6,\n        300: violet.violet8,\n        400: violet.violet11,\n        500: violet.violet9,\n        600: violetDark.violet8,\n        700: violetDark.violet7,\n        800: violetDark.violet6,\n        900: violet.violet12,\n      },\n      body: slateDark.slate7,\n    },\n    keyframes: {\n      ...defaultTheme.keyframes,\n      wiggle: {\n        '0%': { transform: 'translateX(0)' },\n        '15%': { transform: 'translateX(0.375rem)' },\n        '30%': { transform: 'translateX(-0.375rem)' },\n        '45%': { transform: 'translateX(0.375rem)' },\n        '60%': { transform: 'translateX(-0.375rem)' },\n        '75%': { transform: 'translateX(0.375rem)' },\n        '90%': { transform: 'translateX(-0.375rem)' },\n        '100%': { transform: 'translateX(0)' },\n      },\n      'loader-pulse': {\n        '0%': { opacity: 0.4 },\n        '50%': { opacity: 1 },\n        '100%': { opacity: 0.4 },\n      },\n      shimmer: {\n        '100%': {\n          transform: 'translateX(100%)',\n        },\n      },\n    },\n    animation: {\n      ...defaultTheme.animation,\n      wiggle: 'wiggle 0.5s ease-in-out',\n      'loader-pulse': 'loader-pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n      shimmer: 'shimmer 2s infinite',\n    },\n    extend: {\n      screens: {\n        '3xl': '1920px', // You can adjust the size to whatever you need\n      },\n      boxShadow: {\n        '2xl': '0px 2px 0px 0px rgba(31, 148, 255, 0.16)',\n        dropdown: [\n          '0px 127px 36px 0px rgba(0, 0, 0, 0)',\n          '0px 81px 33px 0px rgba(0, 0, 0, 0.01)',\n          '0px 46px 27px 0px rgba(0, 0, 0, 0.04)',\n          '0px 20px 20px 0px rgba(0, 0, 0, 0.06)',\n          '0px 5px 11px 0px rgba(0, 0, 0, 0.07)',\n        ],\n        card: [\n          '0px 125px 35px 0px rgba(0, 0, 0, 0.00)',\n          '0px 80px 32px 0px rgba(0, 0, 0, 0.00)',\n          '0px 45px 27px 0px rgba(0, 0, 0, 0.02)',\n          '0px 20px 20px 0px rgba(0, 0, 0, 0.03)',\n          '0px 5px 11px 0px rgba(0, 0, 0, 0.03)',\n        ],\n        widget: [\n          '0px 274px 77px 0px rgba(0, 0, 0, 0.00)',\n          '0px 175px 70px 0px rgba(0, 0, 0, 0.01)',\n          '0px 98px 59px 0px rgba(0, 0, 0, 0.03)',\n          '0px 44px 44px 0px rgba(0, 0, 0, 0.04)',\n          '0px 11px 24px 0px rgba(0, 0, 0, 0.05)',\n        ],\n        thin: [\n          '0px 1px 2px 0px rgba(18, 18, 23, 0.06)',\n          '0px 1px 3px 0px rgba(18, 18, 23, 0.1)',\n        ],\n        focus: '0 0 0 1px #1f93ff, 0 0 2px 2px #cee7fe',\n        medium:\n          '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n        'button-success':\n          '0px 1px 3px 0px rgba(18, 18, 23, 0.1), 0px 1px 2px 0px rgba(18, 18, 23, 0.05), 0px -1px 0px 0px #39A843 inset',\n        'button-success-hover':\n          '0px 5px 10px 0px rgba(18, 18, 23, 0.1), 0px 2px 4px 0px rgba(18, 18, 23, 0.05), 0px -1px 0px 0px #39A843 inset',\n        'button-warning':\n          '0px 1px 3px 0px rgba(18, 18, 23, 0.1), 0px 1px 2px 0px rgba(18, 18, 23, 0.05), 0px -1px 0px #DCB838 inset',\n        'button-warning-hover':\n          '0px 5px 10px 0px rgba(18, 18, 23, 0.1), 0px 2px 4px 0px rgba(18, 18, 23, 0.05), 0px -1px 0px 0px #DCB838 inset',\n        'button-alert':\n          '0px 1px 3px 0px rgba(18, 18, 23, 0.1), 0px 1px 2px 0px rgba(18, 18, 23, 0.05), 0px -1px 0px 0px #B9412E inset',\n        'button-alert-hover':\n          '0px 5px 10px 0px rgba(18, 18, 23, 0.1), 0px 2px 4px 0px rgba(18, 18, 23, 0.05), 0px -1px 0px 0px #B9412E inset',\n        'button-primary':\n          '0px 1px 3px 0px rgba(18, 18, 23, 0.1), 0px 1px 2px 0px rgba(18, 18, 23, 0.05), 0px -1px 0px 0px #2B88DF inset',\n        'button-primary-hover':\n          '0px 5px 10px 0px rgba(18, 18, 23, 0.1), 0px 2px 4px 0px rgba(18, 18, 23, 0.05), 0px -1px 0px 0px #2B88DF inset',\n        'button-secondary':\n          '0px 1px 3px 0px rgba(18, 18, 23, 0.1), 0px 1px 2px 0px rgba(18, 18, 23, 0.05), 0px -1px 0px 0px #F2F2F2 inset',\n        'button-secondary-hover':\n          '0px 5px 10px 0px rgba(18, 18, 23, 0.1), 0px 2px 4px 0px rgba(18, 18, 23, 0.05), 0px -1px 0px 0px #F2F2F2 inset',\n        'button-secondary-dark':\n          '0px 1px 3px 0px rgba(18, 18, 23, 0.1), 0px 1px 2px 0px rgba(18, 18, 23, 0.05), 0px -1px 0px 0px #5C5C5C inset',\n        'button-secondary-dark-hover':\n          '0px 5px 10px 0px rgba(18, 18, 23, 0.1), 0px 2px 4px 0px rgba(18, 18, 23, 0.05), 0px -1px 0px 0px #5C5C5C inset',\n        'active-menu': '0px -2px 0px 0px #D7DBDF inset',\n        'active-menu-dark': '0px -2px 0px 0px #474D52 inset',\n        ...commslayerBoxShadows,\n      },\n      colors: {\n        ...commslayerFoundationColors,\n      },\n    },\n  },\n  plugins: [\n    // eslint-disable-next-line\n    require('@tailwindcss/typography'),\n\n    /**\n     * Tailwind plugin to easily add multiple color themes (eg: light, dark) to your projects.\n     *\n     * @see https://github.com/L-Blondy/tw-colors/tree/master\n     */\n    createThemes(\n      {\n        light: commslayerSemanticColors.light,\n        dark: commslayerSemanticColors.dark,\n      },\n      { defaultTheme: 'light' }\n    ),\n  ],\n};\n","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.resources.length > 0)?_c('div',{staticClass:\"popular-link\",class:{\n    'px-3 pt-3': !_vm.containedInPreview,\n    'px-0 pt-3': _vm.containedInPreview,\n  }},[_c('div',{staticClass:\"popular-link__inner\"},[_c('div',{staticClass:\"popular-link__title\"},[_vm._v(\"\\n      \"+_vm._s(_vm.$t('RESOURCE_LIST.POPULAR_LINKS'))+\"\\n    \")]),_vm._v(\" \"),_c('ul',{class:{ 'ml-0 mb-0': _vm.containedInPreview }},_vm._l((_vm.resources),function(resource,index){return _c('li',{key:resource.id,staticClass:\"popular-link__list\",on:{\"mouseover\":function($event){return _vm.handleMouseOver(index)},\"mouseleave\":function($event){return _vm.handleMouseLeave(index)}}},[_c('div',{staticClass:\"popular-link__item\",on:{\"click\":function($event){$event.preventDefault();return _vm.onResourceClicked(resource)}}},[_c('span',{ref:\"listText\",refInFor:true,staticClass:\"flex-1 popular-link__item-text\"},[_vm._v(_vm._s(_vm.resourceTitle(resource)))]),_vm._v(\" \"),_c('Icon',{ref:\"listIcon\",refInFor:true,staticClass:\"popular-link__icon\",attrs:{\"size\":\"16\",\"icon\":\"arrow-right-new\",\"view-box\":\"0 0 16 16\",\"icons\":_vm.iconLib}})],1)])}),0)])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","const tw = require('../../../../tailwind.config');\n\n// the default color for popular link\nexport const PRIMARY = tw.theme.colors.primary.DEFAULT;\nexport const SECONDARY = tw.theme.colors.secondary.DEFAULT;\nexport const ACCENT = tw.theme.colors.accent.DEFAULT;\n","<template>\n  <div\n    v-if=\"resources.length > 0\"\n    class=\"popular-link\"\n    :class=\"{\n      'px-3 pt-3': !containedInPreview,\n      'px-0 pt-3': containedInPreview,\n    }\"\n  >\n    <div class=\"popular-link__inner\">\n      <div class=\"popular-link__title\">\n        {{ $t('RESOURCE_LIST.POPULAR_LINKS') }}\n      </div>\n      <ul :class=\"{ 'ml-0 mb-0': containedInPreview }\">\n        <li\n          v-for=\"(resource, index) in resources\"\n          :key=\"resource.id\"\n          class=\"popular-link__list\"\n          @mouseover=\"handleMouseOver(index)\"\n          @mouseleave=\"handleMouseLeave(index)\"\n        >\n          <div\n            class=\"popular-link__item\"\n            @click.prevent=\"onResourceClicked(resource)\"\n          >\n            <span ref=\"listText\" class=\"flex-1 popular-link__item-text\">{{\n              resourceTitle(resource)\n            }}</span>\n            <Icon\n              ref=\"listIcon\"\n              class=\"popular-link__icon\"\n              size=\"16\"\n              icon=\"arrow-right-new\"\n              view-box=\"0 0 16 16\"\n              :icons=\"iconLib\"\n            />\n          </div>\n        </li>\n      </ul>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport Icon from '../../shared/components/FluentIcon/Icon.vue';\nimport icons from '../../shared/components/FluentIcon/icons.json';\nimport {\n  PRIMARY,\n  SECONDARY,\n  ACCENT,\n} from '../../../javascript/widget/constants/colors.js';\n\nconst WIDGET = 'widget';\nconst PREVIEW = 'preview';\n\nexport default {\n  components: {\n    Icon,\n  },\n  props: {\n    containedIn: {\n      type: String,\n      default: WIDGET,\n    },\n    color: {\n      type: String,\n      default: ACCENT,\n    },\n  },\n  computed: {\n    ...mapGetters({\n      resources: 'inboxChatResources/getActiveResources',\n      widgetColor: 'appConfig/getWidgetColor',\n    }),\n    iconLib() {\n      return icons;\n    },\n    containedInPreview() {\n      return this.containedIn === PREVIEW;\n    },\n    computedColor() {\n      if (this.containedIn === WIDGET) return this.widgetColor;\n      return this.color;\n    },\n  },\n  created() {\n    if (this.containedIn === WIDGET) {\n      this.$store.dispatch(\n        'inboxChatResources/get',\n        window.chatwootWebChannel.websiteToken\n      );\n    }\n  },\n  methods: {\n    resourceTitle(resource) {\n      if (resource.resource_type === 'Article') {\n        return resource.resource.title;\n      }\n      return resource.resource.name;\n    },\n    onResourceClicked(resource) {\n      if (resource.resource_type === 'Article') {\n        this.$emit('view-article', resource.resource.api_url);\n      } else if (resource.resource_type === 'Workflow') {\n        this.$emit('start-flow', resource.resource.id);\n      }\n    },\n    handleMouseOver(index) {\n      const text = this.$refs.listText[index];\n      const icon = this.$refs.listIcon[index];\n      if (text && icon) {\n        text.style.color = this.computedColor;\n        this.$nextTick(() => {\n          icon.$el.style.color = this.computedColor;\n        });\n      }\n    },\n    handleMouseLeave(index) {\n      const text = this.$refs.listText[index];\n      const icon = this.$refs.listIcon[index];\n      if (text && icon) {\n        text.style.color = PRIMARY;\n        this.$nextTick(() => {\n          icon.$el.style.color = SECONDARY;\n        });\n      }\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.popular-link {\n  @apply w-full;\n\n  &__inner {\n    @apply shadow-sm\n    rounded-md\n    bg-neutral\n    overflow-hidden;\n  }\n\n  &__title {\n    @apply text-sm\n    font-semibold\n    px-5\n    py-4\n    text-primary;\n  }\n\n  &__list {\n    @apply border-t\n    border-solid\n    border-lightgray\n    flex\n    content-center\n    cursor-pointer\n    px-5\n    py-3\n    transition-all\n    ease-in-out\n    duration-200;\n\n    &:hover {\n      @apply bg-neutral-subtle;\n    }\n  }\n\n  &__item {\n    @apply flex\n    items-center\n    justify-between\n    w-full\n    text-sm;\n  }\n\n  &__item-text {\n    @apply text-primary\n    transition-all\n    ease-in-out\n    duration-200;\n  }\n\n  &__icon {\n    @apply ml-3\n    transition-all\n    ease-in-out\n    duration-200\n    text-secondary;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ResourceList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ResourceList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ResourceList.vue?vue&type=template&id=7417714e&scoped=true&\"\nimport script from \"./ResourceList.vue?vue&type=script&lang=js&\"\nexport * from \"./ResourceList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ResourceList.vue?vue&type=style&index=0&id=7417714e&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7417714e\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"track-order\"},[_c('div',{staticClass:\"track-order-inner\"},[_c('button',{staticClass:\"track-order-button\",style:({ color: _vm.computedColor }),on:{\"click\":_vm.buildOrderTrackingForm}},[_c('span',{staticClass:\"track-order-button-text\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('TRACK_ORDER'))+\"\\n      \")]),_vm._v(\" \"),_c('fluent-icon',{attrs:{\"icon\":\"arrow-right-new\",\"size\":\"16\",\"view-box\":\"0 0 16 16\"}})],1),_vm._v(\" \"),_c('div',{staticClass:\"track-order-shipping-icon\"},[_c('svg',{attrs:{\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 20 20\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"d\":\"M19.4635 4.25635C19.4635 4.13229 19.4266 4.01103 19.3575 3.90798C19.2884 3.80492 19.1903 3.72472 19.0755 3.67757L10.2378 0.0469277C10.0854 -0.0156426 9.91456 -0.0156426 9.76222 0.0469277L0.924443 3.67757C0.809684 3.72471 0.71153 3.80491 0.642454 3.90797C0.573378 4.01102 0.536497 4.13229 0.536499 4.25635V15.7436C0.536497 15.8677 0.573378 15.989 0.642454 16.092C0.71153 16.1951 0.809684 16.2753 0.924443 16.3224L9.76222 19.9531C9.91429 20.0157 10.0849 20.0156 10.237 19.953C10.2445 19.9505 9.90992 20.0878 19.0755 16.3224C19.1903 16.2753 19.2884 16.1951 19.3575 16.092C19.4266 15.989 19.4635 15.8677 19.4635 15.7436V4.25635ZM9.99999 7.26316L6.7436 5.92541L13.781 2.85545L17.2552 4.28267L9.99999 7.26316ZM1.78793 5.24248L4.59744 6.39666V9.65288C4.59744 9.99844 4.8776 10.2786 5.22315 10.2786C5.5687 10.2786 5.84887 9.99844 5.84887 9.65288V6.91076L9.37427 8.35902V18.4408L1.78793 15.3242V5.24248ZM9.99999 1.30215L12.1691 2.19325L5.13172 5.26321L2.74481 4.28264L9.99999 1.30215ZM10.6257 8.35902L18.212 5.24248V15.3242L10.6257 18.4408V8.35902Z\",\"fill\":\"#5646AD\"}})])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"track-order\">\n    <div class=\"track-order-inner\">\n      <button\n        class=\"track-order-button\"\n        :style=\"{ color: computedColor }\"\n        @click=\"buildOrderTrackingForm\"\n      >\n        <span class=\"track-order-button-text\">\n          {{ $t('TRACK_ORDER') }}\n        </span>\n        <fluent-icon icon=\"arrow-right-new\" size=\"16\" view-box=\"0 0 16 16\" />\n      </button>\n      <div class=\"track-order-shipping-icon\">\n        <svg\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 20 20\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M19.4635 4.25635C19.4635 4.13229 19.4266 4.01103 19.3575 3.90798C19.2884 3.80492 19.1903 3.72472 19.0755 3.67757L10.2378 0.0469277C10.0854 -0.0156426 9.91456 -0.0156426 9.76222 0.0469277L0.924443 3.67757C0.809684 3.72471 0.71153 3.80491 0.642454 3.90797C0.573378 4.01102 0.536497 4.13229 0.536499 4.25635V15.7436C0.536497 15.8677 0.573378 15.989 0.642454 16.092C0.71153 16.1951 0.809684 16.2753 0.924443 16.3224L9.76222 19.9531C9.91429 20.0157 10.0849 20.0156 10.237 19.953C10.2445 19.9505 9.90992 20.0878 19.0755 16.3224C19.1903 16.2753 19.2884 16.1951 19.3575 16.092C19.4266 15.989 19.4635 15.8677 19.4635 15.7436V4.25635ZM9.99999 7.26316L6.7436 5.92541L13.781 2.85545L17.2552 4.28267L9.99999 7.26316ZM1.78793 5.24248L4.59744 6.39666V9.65288C4.59744 9.99844 4.8776 10.2786 5.22315 10.2786C5.5687 10.2786 5.84887 9.99844 5.84887 9.65288V6.91076L9.37427 8.35902V18.4408L1.78793 15.3242V5.24248ZM9.99999 1.30215L12.1691 2.19325L5.13172 5.26321L2.74481 4.28264L9.99999 1.30215ZM10.6257 8.35902L18.212 5.24248V15.3242L10.6257 18.4408V8.35902Z\"\n            fill=\"#5646AD\"\n          />\n        </svg>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nconst WIDGET = 'widget';\n\nimport { mapGetters } from 'vuex';\nimport { getContrastingTextColor } from '@chatwoot/utils';\nimport configMixin from 'widget/mixins/configMixin';\nimport FluentIcon from 'shared/components/FluentIcon/Index.vue';\nexport default {\n  name: 'OrderTracking',\n  components: {\n    FluentIcon,\n  },\n  mixins: [configMixin],\n  props: {\n    color: {\n      type: String,\n      required: false,\n    },\n    containedIn: {\n      type: String,\n      required: false,\n      default: WIDGET,\n    },\n  },\n  computed: {\n    ...mapGetters({\n      widgetColor: 'appConfig/getWidgetColor',\n    }),\n    textColor() {\n      return getContrastingTextColor(this.widgetColor);\n    },\n    computedColor() {\n      if (this.containedIn === WIDGET) return this.widgetColor;\n\n      return this.color;\n    },\n  },\n  methods: {\n    buildOrderTrackingForm() {\n      this.$store.dispatch('conversation/buildOrderTrackingForm');\n      this.$emit('start-conversation');\n    },\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n.track-order {\n  @apply px-5 py-3 shadow-sm rounded-md bg-neutral;\n}\n.track-order-inner {\n  @apply flex items-center justify-between text-sm font-semibold text-slate-700;\n}\n.track-order-button {\n  @apply inline-flex text-sm rounded-md py-1 px-2 -ml-2 leading-6 text-slate-800 justify-between items-center hover:bg-neutral-subtle relative transition-all ease-in-out duration-300;\n}\n.track-order-button-text {\n  @apply pr-2 text-sm;\n}\n.track-order-shipping-icon {\n  @apply w-8 aspect-square bg-violet-200 rounded-md flex items-center justify-center flex-none;\n}\n</style>\n","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OrderTracking.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OrderTracking.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OrderTracking.vue?vue&type=template&id=6ff942bb&scoped=true&\"\nimport script from \"./OrderTracking.vue?vue&type=script&lang=js&\"\nexport * from \"./OrderTracking.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OrderTracking.vue?vue&type=style&index=0&id=6ff942bb&prod&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6ff942bb\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"flex\"},_vm._l((_vm.users),function(user,index){return _c('span',{key:user.id,class:`${\n      index ? '-ml-4' : ''\n    } inline-block rounded-md text-white shadow-solid`},[_c('thumbnail',{attrs:{\"size\":\"36px\",\"username\":user.name,\"src\":user.avatar,\"has-border\":\"\"}})],1)}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GroupedAvatars.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GroupedAvatars.vue?vue&type=script&lang=js&\"","<template>\n  <div class=\"flex\">\n    <span\n      v-for=\"(user, index) in users\"\n      :key=\"user.id\"\n      :class=\"`${\n        index ? '-ml-4' : ''\n      } inline-block rounded-md text-white shadow-solid`\"\n    >\n      <thumbnail\n        size=\"36px\"\n        :username=\"user.name\"\n        :src=\"user.avatar\"\n        has-border\n      />\n    </span>\n  </div>\n</template>\n\n<script>\nimport Thumbnail from 'dashboard/components/widgets/Thumbnail.vue';\n\nexport default {\n  name: 'GroupedAvatars',\n  components: { Thumbnail },\n  props: {\n    users: {\n      type: Array,\n      default: () => [],\n    },\n  },\n};\n</script>\n","import { render, staticRenderFns } from \"./GroupedAvatars.vue?vue&type=template&id=222ce3ac&\"\nimport script from \"./GroupedAvatars.vue?vue&type=script&lang=js&\"\nexport * from \"./GroupedAvatars.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","/**\n * Exported Shopify Polaris inspired box shadows.\n * @see https://polaris.shopify.com/tokens/shadow\n */\n\nexport const boxShadows = {\n  'brand-0': 'none',\n  'brand-100': '0px 1px 0px 0px rgba(26, 26, 26, 0.07)',\n  'brand-200': '0px 3px 1px -1px rgba(26, 26, 26, 0.07)',\n  'brand-300': '0px 4px 6px -2px rgba(26, 26, 26, 0.20)',\n  'brand-400': '0px 8px 16px -4px rgba(26, 26, 26, 0.22)',\n  'brand-500': '0px 12px 20px -8px rgba(26, 26, 26, 0.24)',\n  'brand-600': '0px 20px 20px -8px rgba(26, 26, 26, 0.28)',\n  'brand-bevel-100':\n    '1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.17) inset, 0px 1px 0px 0px rgba(204, 204, 204, 0.5) inset',\n  'brand-inset-100':\n    '0px 1px 2px 0px rgba(26, 26, 26, 0.15) inset, 0px 1px 1px 0px rgba(26, 26, 26, 0.15) inset',\n  'brand-inset-200':\n    '0px 2px 1px 0px rgba(26, 26, 26, 0.20) inset, 1px 0px 1px 0px rgba(26, 26, 26, 0.12) inset, -1px 0px 1px 0px rgba(26, 26, 26, 0.12) inset',\n  'brand-button-primary-success':\n    '0px -1px 0px 1px rgba(12, 81, 50, 0.8) inset, 0px 0px 0px 1px rgba(19, 111, 69, 0.8) inset, 0px 0.5px 0px 1.5px rgba(255, 255, 255, 0.251) inset',\n  'brand-button-primary-success-inset':\n    '-1px 0px 1px 0px rgba(0, 0, 0, 0.2) inset, 1px 0px 1px 0px rgba(0, 0, 0, 0.2) inset, 0px 2px 0px 0px rgba(0, 0, 0, 0.6) inset',\n  'brand-button-primary':\n    '0rem -0.0625rem 0rem 0.0625rem rgb(36 82 182 / 80%) inset, 0rem 0rem 0rem 0.0625rem rgb(11 122 181 / 80%) inset, 0rem 0.03125rem 0rem 0.09375rem hsla(0, 0%, 100%, .349) inset',\n  'brand-button-primary-active':\n    '-0.0625rem 0rem 0.0625rem 0rem rgba(0,0,0,.2) inset,0.0625rem 0rem 0.0625rem 0rem rgba(0,0,0,.2) inset,0rem 0.125rem 0rem 0rem rgba(0,0,0,.6) inset',\n  'brand-border-inset': '0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset',\n  'brand-button':\n    '0rem -0.0625rem 0rem 0rem #b5b5b5 inset,0rem 0rem 0rem 0.0625rem rgba(0,0,0,.1) inset,0rem 0.03125rem 0rem 0.09375rem #fff inset',\n  'brand-button-active':\n    '-0.0625rem 0rem 0.0625rem 0rem rgba(26,26,26,.122) inset,0.0625rem 0rem 0.0625rem 0rem rgba(26,26,26,.122) inset,0rem 0.125rem 0.0625rem 0rem rgba(26,26,26,.2) inset',\n  'brand-button-primary-critical':\n    '0rem -0.0625rem 0rem 0.0625rem rgba(142,31,11,.8) inset,0rem 0rem 0rem 0.0625rem rgba(181,38,11,.8) inset,0rem 0.03125rem 0rem 0.09375rem hsla(0,0%,100%,.349) inset',\n  'brand-button-primary-critical-inset':\n    '-0.0625rem 0rem 0.0625rem 0rem rgba(0,0,0,.2) inset,0.0625rem 0rem 0.0625rem 0rem rgba(0,0,0,.2) inset,0rem 0.125rem 0rem 0rem rgba(0,0,0,.6) inset',\n};\n","import { blue, gray } from './foundation-colors.js';\n\nconst light = {\n  'brand-background': gray[1],\n  'brand-background-secondary': gray[3],\n  'brand-text': gray[15],\n  'brand-text-secondary': gray[13],\n  'brand-icon-secondary': gray[12],\n  'brand-link': blue[11],\n  'brand-link-hover': blue[12],\n  'brand-border': gray[8],\n  'brand-border-secondary': gray[7],\n};\n\nconst dark = {\n  'brand-background': 'hsl(200, 8.0%, 12%)',\n  'brand-background-secondary': 'hsl(200, 7.0%, 8.8%)',\n  'brand-text': gray[8],\n  'brand-text-secondary': gray[11],\n  'brand-icon-secondary': gray[11],\n  'brand-link': blue[11],\n  'brand-link-hover': blue[12],\n  'brand-border': gray[14],\n  'brand-border-secondary': gray[14],\n};\n\n/**\n * Exported Commslayer semantic colors.\n */\nexport const semanticColors = {\n  light,\n  dark,\n};\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ref--3-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/dist/cjs.js??ref--3-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--3-3!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ResourceList.vue?vue&type=style&index=0&id=7417714e&prod&lang=scss&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ref--3-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/dist/cjs.js??ref--3-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--3-3!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OrderTracking.vue?vue&type=style&index=0&id=6ff942bb&prod&scoped=true&lang=scss&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ref--3-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/dist/cjs.js??ref--3-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--3-3!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TeamAvailability.vue?vue&type=style&index=0&id=34d7614f&prod&scoped=true&lang=scss&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ref--3-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/dist/cjs.js??ref--3-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--3-3!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=style&index=0&id=76316384&prod&scoped=true&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"z-50 rounded-md w-full flex flex-1 flex-col justify-end\",class:{ 'justify-end': !_vm.showResources }},[_c('div',{staticClass:\"px-3 pt-6 w-full\"},[_c('team-availability',{attrs:{\"available-agents\":_vm.availableAgents,\"has-conversation\":!!_vm.conversationSize,\"unread-count\":_vm.unreadMessageCount},on:{\"start-conversation\":_vm.startConversation}})],1),_vm._v(\" \"),_c('div',{staticClass:\"px-3 pt-3 w-full\"},[_c('order-tracking',{on:{\"start-conversation\":_vm.startConversation}})],1),_vm._v(\" \"),(_vm.showAgentTriggers)?_c('div',{staticClass:\"px-3 pt-3 w-full\"},[_c('agent-bot-triggers',{on:{\"start-conversation\":_vm.startConversation}})],1):_vm._e(),_vm._v(\" \"),_c('resource-list',{on:{\"view-article\":_vm.openArticleInArticleViewer,\"start-flow\":_vm.triggerWorkflow}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvailableAgents.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvailableAgents.vue?vue&type=script&lang=js&\"","<template>\n  <grouped-avatars :users=\"users\" />\n</template>\n\n<script>\nimport GroupedAvatars from 'widget/components/GroupedAvatars.vue';\n\nexport default {\n  name: 'AvailableAgents',\n  components: { GroupedAvatars },\n  props: {\n    agents: {\n      type: Array,\n      default: () => [],\n    },\n  },\n  computed: {\n    users() {\n      return this.agents.slice(0, 4).map(agent => ({\n        id: agent.id,\n        avatar: agent.avatar_url,\n        name: agent.name,\n      }));\n    },\n  },\n};\n</script>\n","import { render, staticRenderFns } from \"./AvailableAgents.vue?vue&type=template&id=9b8cb78a&\"\nimport script from \"./AvailableAgents.vue?vue&type=script&lang=js&\"\nexport * from \"./AvailableAgents.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('grouped-avatars',{attrs:{\"users\":_vm.users}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"team-avail\">\n    <div class=\"team-avail-inner\">\n      <div class=\"\">\n        <div class=\"team-avail-head\">\n          {{\n            isOnline\n              ? $t('TEAM_AVAILABILITY.ONLINE')\n              : $t('TEAM_AVAILABILITY.OFFLINE')\n          }}\n        </div>\n        <div class=\"team-avail-msg\">\n          {{ replyWaitMessage }}\n        </div>\n      </div>\n      <div class=\"team-availability-agents\">\n        <available-agents v-if=\"isOnline\" :agents=\"availableAgents\" />\n      </div>\n    </div>\n    <button\n      class=\"team-avail-button\"\n      :style=\"{ color: widgetColor }\"\n      @click=\"startConversation\"\n    >\n      <span class=\"team-avail-button-text\">\n        {{\n          hasConversation\n            ? $t('CONTINUE_CONVERSATION')\n            : $t('START_CONVERSATION')\n        }}\n      </span>\n      <fluent-icon icon=\"arrow-right-new\" size=\"16\" view-box=\"0 0 16 16\" />\n    </button>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport { getContrastingTextColor } from '@chatwoot/utils';\nimport nextAvailabilityTime from 'widget/mixins/nextAvailabilityTime';\nimport AvailableAgents from 'widget/components/AvailableAgents.vue';\nimport configMixin from 'widget/mixins/configMixin';\nimport availabilityMixin from 'widget/mixins/availability';\nimport FluentIcon from 'shared/components/FluentIcon/Index.vue';\nimport { IFrameHelper } from 'widget/helpers/utils';\nimport { CHATWOOT_ON_START_CONVERSATION } from '../constants/sdkEvents';\n\nexport default {\n  name: 'TeamAvailability',\n  components: {\n    AvailableAgents,\n    FluentIcon,\n  },\n  mixins: [configMixin, nextAvailabilityTime, availabilityMixin],\n  props: {\n    availableAgents: {\n      type: Array,\n      default: () => {},\n    },\n    hasConversation: {\n      type: Boolean,\n      default: false,\n    },\n    unreadCount: {\n      type: Number,\n      default: 0,\n    },\n  },\n\n  computed: {\n    ...mapGetters({\n      widgetColor: 'appConfig/getWidgetColor',\n    }),\n    textColor() {\n      return getContrastingTextColor(this.widgetColor);\n    },\n    isOnline() {\n      const { workingHoursEnabled } = this.channelConfig;\n      const anyAgentOnline = this.availableAgents.length > 0;\n\n      if (workingHoursEnabled) {\n        return this.isInBetweenTheWorkingHours;\n      }\n      return anyAgentOnline;\n    },\n  },\n  methods: {\n    startConversation() {\n      this.$emit('start-conversation');\n      if (!this.hasConversation) {\n        IFrameHelper.sendMessage({\n          event: 'onEvent',\n          eventIdentifier: CHATWOOT_ON_START_CONVERSATION,\n          data: { hasConversation: false },\n        });\n      }\n    },\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n.team-avail {\n  @apply px-5 py-3 shadow-sm rounded-md bg-neutral;\n}\n.team-avail-inner {\n  @apply flex items-center justify-between;\n}\n.team-avail-head {\n  @apply text-sm font-semibold text-primary;\n}\n.team-avail-msg {\n  @apply text-sm mt-1 text-slate-500;\n}\n.team-availability-agents {\n  @apply -mt-14;\n}\n.team-avail-button {\n  @apply inline-flex text-sm font-semibold rounded-md py-1 mt-2 px-2 -ml-2 leading-6 text-slate-800 justify-between items-center hover:bg-neutral-subtle transition-all ease-in-out duration-200;\n}\n.team-avail-button-text {\n  @apply pr-2 text-sm;\n}\n</style>\n","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TeamAvailability.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TeamAvailability.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TeamAvailability.vue?vue&type=template&id=34d7614f&scoped=true&\"\nimport script from \"./TeamAvailability.vue?vue&type=script&lang=js&\"\nexport * from \"./TeamAvailability.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TeamAvailability.vue?vue&type=style&index=0&id=34d7614f&prod&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"34d7614f\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"team-avail\"},[_c('div',{staticClass:\"team-avail-inner\"},[_c('div',{},[_c('div',{staticClass:\"team-avail-head\"},[_vm._v(\"\\n        \"+_vm._s(_vm.isOnline\n            ? _vm.$t('TEAM_AVAILABILITY.ONLINE')\n            : _vm.$t('TEAM_AVAILABILITY.OFFLINE'))+\"\\n      \")]),_vm._v(\" \"),_c('div',{staticClass:\"team-avail-msg\"},[_vm._v(\"\\n        \"+_vm._s(_vm.replyWaitMessage)+\"\\n      \")])]),_vm._v(\" \"),_c('div',{staticClass:\"team-availability-agents\"},[(_vm.isOnline)?_c('available-agents',{attrs:{\"agents\":_vm.availableAgents}}):_vm._e()],1)]),_vm._v(\" \"),_c('button',{staticClass:\"team-avail-button\",style:({ color: _vm.widgetColor }),on:{\"click\":_vm.startConversation}},[_c('span',{staticClass:\"team-avail-button-text\"},[_vm._v(\"\\n      \"+_vm._s(_vm.hasConversation\n          ? _vm.$t('CONTINUE_CONVERSATION')\n          : _vm.$t('START_CONVERSATION'))+\"\\n    \")]),_vm._v(\" \"),_c('fluent-icon',{attrs:{\"icon\":\"arrow-right-new\",\"size\":\"16\",\"view-box\":\"0 0 16 16\"}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div v-for=\"workflow in getWorkflows\" :key=\"workflow.id\">\n      <div class=\"p-4 shadow-sm rounded-md bg-white dark:bg-slate-700\">\n        <div class=\"flex items-center justify-between \">\n          <div class=\"  \">\n            <div class=\"text-sm font-medium text-slate-700 dark:text-slate-50\">\n              <button\n                  class=\"inline-flex text-sm font-medium rounded-md py-1 px-2 -ml-2 leading-6 text-slate-800 dark:text-slate-50 justify-between items-center hover:bg-slate-25 dark:hover:bg-slate-800\"\n                  :style=\"{ color: widgetColor }\"\n                  @click=\"triggerWorkflow(workflow.id)\"\n              >\n            <span class=\"pr-2 text-sm\">\n              {{ workflow.name }}\n            </span>\n                <fluent-icon icon=\"arrow-right\" size=\"14\"/>\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n\n<script>\n\nimport {mapGetters} from \"vuex\";\nimport FluentIcon from 'shared/components/FluentIcon/DashboardIcon';\n\n\nexport default {\n  components:\n      {\n        FluentIcon\n      },\n  computed: {\n    ...mapGetters({\n      getWorkflows: 'workflows/getWorkflows', // Rename to avoid conflict\n      widgetColor: 'appConfig/getWidgetColor',\n    }),\n  },\n  methods: {\n    triggerWorkflow(workflowId) {\n      const {websiteToken} = window.chatwootWebChannel;\n      this.$store.dispatch('workflows/trigger', {websiteToken, workflowId});\n      //setTimeout(() => this.$emit('start-conversation'), 300);\n        this.$emit('start-conversation');\n\n    },\n  },\n  mounted() {\n    const {websiteToken} = window.chatwootWebChannel;\n    this.$store.dispatch('workflows/get', {\n      websiteToken\n    });\n    this.$watch('getWorkflows', (newVal) => {\n      console.log('Updated workflows:', newVal);\n    });\n  },\n\n\n};\n</script>\n\n<style></style>\n\n\n\n","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AgentBotTriggers.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AgentBotTriggers.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AgentBotTriggers.vue?vue&type=template&id=09f4f202&\"\nimport script from \"./AgentBotTriggers.vue?vue&type=script&lang=js&\"\nexport * from \"./AgentBotTriggers.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',_vm._l((_vm.getWorkflows),function(workflow){return _c('div',{key:workflow.id},[_c('div',{staticClass:\"p-4 shadow-sm rounded-md bg-white dark:bg-slate-700\"},[_c('div',{staticClass:\"flex items-center justify-between\"},[_c('div',{staticClass:\"\"},[_c('div',{staticClass:\"text-sm font-medium text-slate-700 dark:text-slate-50\"},[_c('button',{staticClass:\"inline-flex text-sm font-medium rounded-md py-1 px-2 -ml-2 leading-6 text-slate-800 dark:text-slate-50 justify-between items-center hover:bg-slate-25 dark:hover:bg-slate-800\",style:({ color: _vm.widgetColor }),on:{\"click\":function($event){return _vm.triggerWorkflow(workflow.id)}}},[_c('span',{staticClass:\"pr-2 text-sm\"},[_vm._v(\"\\n            \"+_vm._s(workflow.name)+\"\\n          \")]),_vm._v(\" \"),_c('fluent-icon',{attrs:{\"icon\":\"arrow-right\",\"size\":\"14\"}})],1)])])])])])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"z-50 rounded-md w-full flex flex-1 flex-col justify-end\"\n    :class=\"{ 'justify-end': !showResources }\"\n  >\n    <div class=\"px-3 pt-6 w-full\">\n      <team-availability\n        :available-agents=\"availableAgents\"\n        :has-conversation=\"!!conversationSize\"\n        :unread-count=\"unreadMessageCount\"\n        @start-conversation=\"startConversation\"\n      />\n    </div>\n    <div class=\"px-3 pt-3 w-full\">\n      <order-tracking @start-conversation=\"startConversation\" />\n    </div>\n    <div v-if=\"showAgentTriggers\" class=\"px-3 pt-3 w-full\">\n      <agent-bot-triggers @start-conversation=\"startConversation\" />\n    </div>\n    <resource-list\n      @view-article=\"openArticleInArticleViewer\"\n      @start-flow=\"triggerWorkflow\"\n    />\n  </div>\n</template>\n\n<script>\nimport TeamAvailability from 'widget/components/TeamAvailability.vue';\nimport OrderTracking from 'widget/components/OrderTracking.vue';\nimport AgentBotTriggers from 'widget/components/AgentBotTriggers.vue';\nimport ResourceList from './ResourceList.vue';\n\nimport { mapGetters } from 'vuex';\nimport darkModeMixin from 'widget/mixins/darkModeMixin';\nimport routerMixin from 'widget/mixins/routerMixin';\nimport configMixin from 'widget/mixins/configMixin';\n\nexport default {\n  name: 'Home',\n  components: {\n    TeamAvailability,\n    OrderTracking,\n    AgentBotTriggers,\n    ResourceList,\n  },\n  mixins: [configMixin, routerMixin, darkModeMixin],\n  props: {\n    hasFetched: {\n      type: Boolean,\n      default: false,\n    },\n    isCampaignViewClicked: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  computed: {\n    ...mapGetters({\n      availableAgents: 'agent/availableAgents',\n      activeCampaign: 'campaign/getActiveCampaign',\n      conversationSize: 'conversation/getConversationSize',\n      unreadMessageCount: 'conversation/getUnreadMessageCount',\n      resources: 'inboxChatResources/getResources',\n    }),\n    widgetLocale() {\n      return this.$i18n.locale || 'en';\n    },\n    showAgentTriggers() {\n      return false;\n    },\n    showResources() {\n      return true;\n    },\n    defaultLocale() {\n      const widgetLocale = this.widgetLocale;\n      const { allowed_locales: allowedLocales, default_locale: defaultLocale } =\n        this.portal.config;\n\n      // IMPORTANT: Variation strict locale matching, Follow iso_639_1_code\n      // If the exact match of a locale is available in the list of portal locales, return it\n      // Else return the default locale. Eg: `es` will not work if `es_ES` is available in the list\n      if (allowedLocales.includes(widgetLocale)) {\n        return widgetLocale;\n      }\n      return defaultLocale;\n    },\n  },\n  mounted() {\n    if (this.portal && this.popularArticles.length === 0) {\n      const locale = this.defaultLocale;\n      this.$store.dispatch('article/fetch', {\n        slug: this.portal.slug,\n        locale,\n      });\n    }\n  },\n  methods: {\n    startConversation() {\n      if (this.preChatFormEnabled && !this.conversationSize) {\n        return this.replaceRoute('prechat-form');\n      }\n      return this.replaceRoute('messages');\n    },\n    openArticleInArticleViewer(link) {\n      let linkToOpen = `${link}?show_plain_layout=true`;\n      const isDark = this.prefersDarkMode;\n      if (isDark) {\n        linkToOpen = `${linkToOpen}&theme=dark`;\n      }\n      this.$router.push({\n        name: 'article-viewer',\n        params: { link: linkToOpen },\n      });\n    },\n    triggerWorkflow(workflowId) {\n      const { websiteToken } = window.chatwootWebChannel;\n      this.$store.dispatch('workflows/trigger', { websiteToken, workflowId });\n      this.$emit('start-conversation');\n      return this.replaceRoute('messages');\n    },\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n.widget-home-bg {\n  background: linear-gradient(\n    161deg,\n    #f4f3f5 8.3%,\n    #f4f3f5 25.01%,\n    #f4f3f5 58.1%,\n    #e4e4fa 94.45%\n  );\n}\n\n.widget-home-bg-dark {\n  background: linear-gradient(\n    161deg,\n    #26292b 8.3%,\n    #26292b 25.01%,\n    #1f1f27 58.1%,\n    #3c3758 94.45%\n  );\n}\n</style>\n","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=76316384&scoped=true&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&id=76316384&prod&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"76316384\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('base-icon',{attrs:{\"size\":_vm.size,\"icon\":_vm.icon,\"type\":_vm.type,\"icons\":_vm.icons,\"view-box\":_vm.viewBox,\"icon-lib\":_vm.iconLib}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <base-icon\n    :size=\"size\"\n    :icon=\"icon\"\n    :type=\"type\"\n    :icons=\"icons\"\n    :view-box=\"viewBox\"\n    :icon-lib=\"iconLib\"\n  />\n</template>\n<script>\nimport BaseIcon from './Icon.vue';\nimport dashboardIcons from './dashboard-icons.json';\nimport defaultIcons from './icons.json';\n\nexport default {\n  name: 'FluentIcon',\n  components: {\n    BaseIcon,\n  },\n  props: {\n    icon: {\n      type: String,\n      required: true,\n    },\n    size: {\n      type: [String, Number],\n      default: '20',\n    },\n    type: {\n      type: String,\n      default: 'outline',\n    },\n    viewBox: {\n      type: String,\n      default: '0 0 24 24',\n    },\n    iconLib: {\n      type: String,\n      default: 'fluent',\n    },\n  },\n  data() {\n    return { icons: { ...defaultIcons, ...dashboardIcons } };\n  },\n};\n</script>\n","import mod from \"-!../../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DashboardIcon.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DashboardIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DashboardIcon.vue?vue&type=template&id=8ee4851c&\"\nimport script from \"./DashboardIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./DashboardIcon.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}