{"version":3,"file":"assets/js/chunks/740.3f713cf480b2991d258a.js","mappings":"kQAWA,MAAMA,EAAe,YACfC,EAAW,eAEJC,YAAkB,IAAgB,IAAf,QAAEC,GAAa,EAC3C,MAAOC,IAAe,QAAgB,gBAC/BC,IAAc,QAAgB,eAC9BC,IAAoB,QAAgB,mBAAoB,KACxDC,IAAmB,QAAgB,kBAAmB,KACtDC,IAAkB,QAAgB,iBAAkB,KACpDC,IAAkB,QAAgB,iBAAkB,IAW3D,SAASC,eACL,QAAYN,EAAa,OAAQ,CAAEO,QAAS,OAVhD,QAAc,MAEd,SAAU,MAWV,SAASC,cACL,MAAMC,EAAW,IAAIV,EAAQW,YAC7BX,EAAQY,UAAY,GAEpBZ,EAAQa,QACJ,OAAC,IAAK,CAACC,GAAIhB,EAAUiB,MAAOb,EAAYc,QAAST,eAC7C,cAAKU,MAAM,sBACNX,IACG,OAAC,IAAK,CACFY,MAAOZ,EACPa,IAAKd,EACLe,QAAS,CACLC,MAAO,GACPC,OAAQ,IAEZC,SAAU,CACN,OAAQ,CACJF,MAAO,IACPC,OAAQ,MAGhBE,WAAW,KAGnB,cAAKP,MAAM,yBACNZ,IAAkB,YAAGY,MAAM,0BAA0BZ,IACtD,cAAKY,MAAM,4DACNP,GAEJP,IACG,OAAC,KAAO,CAACY,MAAOZ,EAAkBsB,IAAKrB,QAO3DJ,EAAQ0B,UAAUC,OAAO9B,GA/CzBY,GAEe,QAAYR,IACd2B,YAAW,KAAM,QAAU9B,IAAW,SAgD3DC,YAAY8B,MAAQ,CAChB5B,YAAa,CACT6B,KAAMC,OACNC,UAAU,GAEd9B,WAAY,CACR4B,KAAMC,OACNC,UAAU,GAEd7B,iBAAkB,CACd2B,KAAMC,QAEV3B,gBAAiB,CACb0B,KAAMC,QAEV1B,eAAgB,CACZyB,KAAMC,QAEVzB,eAAgB,CACZwB,KAAMC,UAId,QAAc,mBAAoBhC,c,iEChG9BkC,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOrB,GAAI,wGAAyG,KAElJ,QAAemB,EAAwBG","sources":["webpack://frontend-setup/./src/components/molecules/flyin-update/flyin-update.tsx","webpack://frontend-setup/./src/components/molecules/flyin-update/flyin-update.scss"],"sourcesContent":["import { defineElement, FC, onDidLoad, useProp } from '@atomify/hooks';\nimport { h } from '@atomify/jsx';\nimport { ButtonA } from '@atoms/button/button';\nimport { Flyin } from '@molecules/fly-in/fly-in';\nimport { Image } from '@source/components/atoms/image';\nimport { openFlyin } from '@source/store/flyins';\nimport { useStylesheet } from '@utilities/hooks';\nimport cookies from 'js-cookie';\n\nimport style from './flyin-update.scss';\n\nconst HIDDEN_CLASS = 'u-sr-only';\nconst FLYIN_ID = 'flyin-update';\n\nexport const FlyinUpdate: FC = ({ element }) => {\n    const [flyinCookie] = useProp<string>('flyinCookie');\n    const [flyinLabel] = useProp<string>('flyinLabel');\n    const [flyinButtonLabel] = useProp<string>('flyinButtonLabel', '');\n    const [flyinButtonLink] = useProp<string>('flyinButtonLink', '');\n    const [flyinCardTitle] = useProp<string>('flyinCardTitle', '');\n    const [flyinCardImage] = useProp<string>('flyinCardImage', '');\n\n    useStylesheet(style);\n\n    onDidLoad(() => {\n        renderFlyin();\n\n        const cookie = cookies.get(flyinCookie);\n        if (!cookie) setTimeout(() => openFlyin(FLYIN_ID), 300);\n    });\n\n    function onFlyinClose() {\n        cookies.set(flyinCookie, 'true', { expires: 365 });\n    }\n\n    function renderFlyin() {\n        const children = [...element.childNodes];\n        element.innerHTML = '';\n\n        element.append(\n            <Flyin id={FLYIN_ID} label={flyinLabel} onClose={onFlyinClose}>\n                <div class=\"flyin-update__card\">\n                    {flyinCardImage && (\n                        <Image\n                            image={flyinCardImage}\n                            alt={flyinCardTitle}\n                            preload={{\n                                width: 16,\n                                height: 11,\n                            }}\n                            settings={{\n                                '640w': {\n                                    width: 320,\n                                    height: 220,\n                                },\n                            }}\n                            objectFit={true}\n                        />\n                    )}\n                    <div class=\"flyin-update__content\">\n                        {flyinCardTitle && <p class=\"u-h4 u-margin-bottom-1\">{flyinCardTitle}</p>}\n                        <div class=\"flyin-update__text-content s-rich-text u-margin-bottom-1\">\n                            {children}\n                        </div>\n                        {flyinButtonLabel && (\n                            <ButtonA label={flyinButtonLabel} url={flyinButtonLink} />\n                        )}\n                    </div>\n                </div>\n            </Flyin>,\n        );\n\n        element.classList.remove(HIDDEN_CLASS);\n    }\n};\n\nFlyinUpdate.props = {\n    flyinCookie: {\n        type: String,\n        required: true,\n    },\n    flyinLabel: {\n        type: String,\n        required: true,\n    },\n    flyinButtonLabel: {\n        type: String,\n    },\n    flyinButtonLink: {\n        type: String,\n    },\n    flyinCardTitle: {\n        type: String,\n    },\n    flyinCardImage: {\n        type: String,\n    },\n};\n\ndefineElement('bpd-flyin-update', FlyinUpdate);\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".flyin-update__card{background-color:var(--color-white)}.flyin-update__content{padding:3.2rem 1.6rem}\", \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n"],"names":["HIDDEN_CLASS","FLYIN_ID","FlyinUpdate","element","flyinCookie","flyinLabel","flyinButtonLabel","flyinButtonLink","flyinCardTitle","flyinCardImage","onFlyinClose","expires","renderFlyin","children","childNodes","innerHTML","append","id","label","onClose","class","image","alt","preload","width","height","settings","objectFit","url","classList","remove","setTimeout","props","type","String","required","___CSS_LOADER_EXPORT___","push","module","toString"],"sourceRoot":""}