{"version":3,"file":"script.js","mappings":"yBACA,IAAIA,EAAsB,GCD1BA,EAAoBC,EAAI,WACvB,GAA0B,iBAAfC,WAAyB,OAAOA,WAC3C,IACC,OAAOC,MAAQ,IAAIC,SAAS,cAAb,GACd,MAAOC,GACR,GAAsB,iBAAXC,OAAqB,OAAOA,QALjB,G,WCAxB,IAAIC,EACAP,EAAoBC,EAAEO,gBAAeD,EAAYP,EAAoBC,EAAEQ,SAAW,IACtF,IAAIC,EAAWV,EAAoBC,EAAES,SACrC,IAAKH,GAAaG,IACbA,EAASC,gBACZJ,EAAYG,EAASC,cAAcC,MAC/BL,GAAW,CACf,IAAIM,EAAUH,EAASI,qBAAqB,UACzCD,EAAQE,SAAQR,EAAYM,EAAQA,EAAQE,OAAS,GAAGH,KAK7D,IAAKL,EAAW,MAAM,IAAIS,MAAM,yDAChCT,EAAYA,EAAUU,QAAQ,OAAQ,IAAIA,QAAQ,QAAS,IAAIA,QAAQ,YAAa,KACpFjB,EAAoBkB,EAAIX,E,GCfxB,IAAI,EAA+BY,MCA/B,EAA+BC,SC4FtBC,EAAe,SAACC,GAC5B,MAA6HA,EAArHC,KAAAA,OAAR,MAAe,MAAf,IAA6HD,EAAvGE,QAAAA,OAAtB,MAAgC,MAAhC,IAA6HF,EAAtFG,QAAAA,OAAvC,MAAiD,MAAjD,IAA6HH,EAArEI,KAAAA,OAAxD,MAA+D,MAA/D,IAA6HJ,EAAvDK,OAAAA,OAAtE,MAA+E,MAA/E,IAA6HL,EAAvCM,MAAAA,OAAtF,MAA8F,UAA9F,IAA6HN,EAApBO,QAEnGC,OAFN,SAEwB,QAAU,GAC5BC,EAAa,GAAH,OAAMP,EAAN,YAAiBC,EAAjB,YAA4BC,GAI5C,OAFe,SAAWH,EAAX,UAAqBQ,EAArB,YAAmCH,GAAnC,UAAgDG,EAAhD,YAA8DJ,EAA9D,YAAwEC,EAAxE,YAAiFE,KAE/E,QCtDlB,EA5Cc,SAAC,GAAyC,IDqG5BE,EAC3B,EAAQC,EAAR,EAAkBC,EAAlB,EAAoCC,EAApC,EAAwDC,EAAxD,EAAqEC,EAArE,EAAoFC,EAApF,EAAoGC,ECtGpFC,EAAuC,EAAvCA,WAAYC,EAA2B,EAA3BA,SAAUC,EAAiB,EAAjBA,WAC9BC,EAAiEH,EAAjEG,cAAeC,EAAkDJ,EAAlDI,UAAWC,EAAuCL,EAAvCK,OAAQC,EAA+BN,EAA/BM,UAAWC,EAAoBP,EAApBO,QAASzB,EAAWkB,EAAXlB,OAE9D,OAAO,wCACN,6BAAO0B,wBAAyB,CAC/BC,OAAQ,qCACaR,EADb,mDAEKI,EAFL,YAEeD,EAFf,kCAGOE,EAHP,+BAIIJ,EAAa,SAAW,IAJ5B,+CAMaD,EANb,mEDgGiBT,ECzFDe,ED0F1B,EAAqHf,EAA7GC,KAAAA,OAAR,MAAe,EAAf,IAAqHD,EAAnGE,SAAAA,OAAlB,MAA6B,MAA7B,IAAqHF,EAAjFG,WAAAA,OAApC,MAAiD,MAAjD,IAAqHH,EAA7DI,IAAAA,OAAxD,MAA8D,MAA9D,IAAqHJ,EAAhDK,MAAAA,OAArE,MAA6E,MAA7E,IAAqHL,EAAjCM,OAAAA,OAApF,MAA6F,MAA7F,IAAqHN,EAAjBO,KAAAA,OAApG,MAA2G,MAA3G,EAEe,IAAMN,EAAN,UAAgBC,EAAhB,YAA4BC,GAA5B,UAA8CC,EAA9C,YAAqDC,EAArD,YAA8DC,EAA9D,YAAwEC,ICnG7E,kCAQOlB,EAAaC,GARpB,sBAUNL,QAAQ,OAAQ,QAGnB,iCACE0B,aADF,EACEA,EAAeO,KAAI,SAACC,EAAYC,GAChC,IAAMC,EAAsB,sBAAH,OAAyBZ,EAAzB,+CAAwEW,EAAxE,oBACnBE,EAAmB,SAAAC,GAAQ,mCAA0Bd,EAA1B,qBAA+Cc,EAA/C,+CAA8FH,EAA9F,qBAEjC,MAAO,sBACJC,EADI,mCAEJC,EAAiB,SAFb,yCAGJA,EAAiB,YAHb,kDAIIH,EAAWvB,MAJf,qCAMJyB,EANI,mCAOJC,EAAiB,SAPb,mCAQJA,EAAiB,YARb,gCASJA,EAAiB,YATb,uFAWeH,EAAWvB,MAX1B,qCAaJ0B,EAAiB,SAbb,+DAceH,EAAWvB,MAd1B,4BAgBLX,QAAQ,OAAQ,WCzCtB,EAAe,IAA0B,sBCkBzC,EAfsB,SAAC,GAAiB,IAAfuC,EAAe,EAAfA,SACxB,OAAO,2BAAKC,UAAU,iBACpBD,aADK,EACLA,EAAUN,KAAI,SAACQ,EAASN,GACxB,IAAQO,EAAoBD,EAApBC,SAAUC,EAAUF,EAAVE,MAElB,OAAO,2BAAKC,IAAKT,EAAOK,UAAU,gBACjC,2BAAKA,UAAWE,EAAW,sBAAwB,wBAClD,2BAAKG,UAAS,UAAKC,EAAL,YAAqBJ,EAAW,UAAY,eAG3D,4BAAMF,UAAU,oBAAoBT,wBAAyB,CAAEC,OAAQW,WCL3ElD,SAASsD,iBAAiB,oBAAoB,WACpBtD,SAASuD,iBAAiB,gCAClCC,SAAQ,SAAAf,GACxB,IAAMX,EAAa2B,KAAKC,MAAMjB,EAAWkB,QAAQ7B,YACzC8B,EAAQ9B,EAAR8B,IAEFC,EAAUpB,EAAWM,UAAUe,SAAS,SACxC9B,EAAaS,EAAWM,UAAUe,SAAS,YAC3CC,EAAatB,EAAWM,UAAUe,SAAS,aAEjDE,EAAAA,EAAAA,QAAO,wCACN,oBAAC,EAAD,CAAOlC,WAAYA,EAAYC,SAAU6B,EAAK5B,WAAYA,IAE1D,oBAACiC,EAAD,CAAcnC,WAAYA,EAAYC,SAAU6B,EAAKC,QAASA,EAAS7B,WAAYA,EAAY+B,WAAYA,KACvGtB,GAELA,SAAAA,EAAYyB,gBAAgB,yBAI9B,IAAMD,EAAe,SAAC,GAA8D,IAA5DnC,EAA4D,EAA5DA,WAAYC,EAAgD,EAAhDA,SAAU8B,EAAsC,EAAtCA,QAAS7B,EAA6B,EAA7BA,WAAY+B,EAAiB,EAAjBA,WAC1D9B,EAA2BH,EAA3BG,cAAekC,EAAYrC,EAAZqC,SAEvBC,EAAAA,EAAAA,YAAU,WACT,IAAMC,EAAmBrE,SAASuD,iBAAT,6BAAgDxB,EAAhD,oCACnBuC,EAAsB,GAE5BD,SAAAA,EAAkBb,SAAQ,SAAAe,GACzBD,EAAoBE,KAAKD,aAAzB,EAAyBA,EAAeE,iBAGzCJ,SAAAA,EAAkBb,SAAQ,SAAAe,GACzBA,EAAcG,MAAMC,OAASC,KAAKC,IAAL,MAAAD,KAAYN,GAAuB,UAE/D,CAACrC,IAGJ,IAAM6C,EAAa,SAAC,GAA0B,IAAxBrC,EAAwB,EAAxBA,WAAYC,EAAY,EAAZA,MACzBqC,EAAkEtC,EAAlEsC,KAAMC,EAA4DvC,EAA5DuC,MAAOC,EAAqDxC,EAArDwC,cAAeC,EAAsCzC,EAAtCyC,OAAQC,EAA8B1C,EAA9B0C,KAAMC,EAAwB3C,EAAxB2C,UAAWtC,EAAaL,EAAbK,SAEvDuC,GAAeC,EAAAA,EAAAA,QAAO,MACtBC,GAAoBD,EAAAA,EAAAA,QAAO,OAEjClB,EAAAA,EAAAA,YAAU,WACT,GAAIL,EAAY,OACTyB,GAAmBH,SAAA,UAAAA,EAAcI,eAAd,eAAuBhB,cAAe,IAAM,GAErEc,EAAkBE,QAAQf,MAAMgB,MAAhC,UAA2CF,EAA3C,MACAD,EAAkBE,QAAQf,MAAMhD,IAAhC,UAAyC8D,EAAmB,EAA5D,MACAD,EAAkBE,QAAQf,MAAM7C,KAAhC,WAA2C2D,EAAmB,EAAI,GAAlE,SAEC,IAEH,IAAMG,EAAgB,4BAAM5C,UAAU,eAAekC,EAAeD,GAC9DY,EAAgB,4BAAM7C,UAAU,cAAcT,wBAAyB,CAAEC,OAAQ2C,KAEvF,OAAO,2BAAK/B,IAAKT,EAAOmD,GAAE,yBAAoBnD,IAC7C,2BAAKK,UAAU,iBAAiB+C,IAAKT,GACpC,0BAAItC,UAAU,YAAYT,wBAAyB,CAAEC,OAAQwC,KAE5D/C,GAAc+B,EAAa,2BAAKhB,UAAU,kBAAkB+C,IAAKP,GAAoBI,EAA1D,MAA4EC,GAAuB,GAE/H,oBAAC,EAAD,CAAe9C,SAAUA,IAEvBd,GAAe+B,EAAsE,GAAzD,2BAAKhB,UAAU,mBAAmB4C,IAC9D9B,GAAW,+BAEb,yBAAGd,UAAU,YAAYgD,KAAMZ,EAAM7C,wBAAyB,CAAEC,OAAQ6C,QAK3E,OAAO,2BAAKrC,UAAS,oCAA+BoB,EAAQ6B,QAAvC,2BAAiE7B,EAAQ8B,OAAzE,2BAAkG9B,EAAQ+B,SAC7HjE,aADK,EACLA,EAAeO,KAAI,SAACC,EAAYC,GAAb,OAAuB,oBAACoC,EAAD,CAAY3B,IAAKT,EAAOD,WAAYA,EAAYC,MAAOA,S","sources":["webpack://b-pricing-table/webpack/bootstrap","webpack://b-pricing-table/webpack/runtime/global","webpack://b-pricing-table/webpack/runtime/publicPath","webpack://b-pricing-table/external var \"React\"","webpack://b-pricing-table/external var \"ReactDOM\"","webpack://b-pricing-table/../Components/Helper/getCSS.js","webpack://b-pricing-table/./src/Style.js","webpack://b-pricing-table/./src/icons/state.svg","webpack://b-pricing-table/./src/PriceFeatures.js","webpack://b-pricing-table/./src/script.js"],"sourcesContent":["// The require scope\nvar __webpack_require__ = {};\n\n","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","var scriptUrl;\nif (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + \"\";\nvar document = __webpack_require__.g.document;\nif (!scriptUrl && document) {\n\tif (document.currentScript)\n\t\tscriptUrl = document.currentScript.src\n\tif (!scriptUrl) {\n\t\tvar scripts = document.getElementsByTagName(\"script\");\n\t\tif(scripts.length) scriptUrl = scripts[scripts.length - 1].src\n\t}\n}\n// When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration\n// or pass an empty string (\"\") and set the __webpack_public_path__ variable from your code to use your own logic.\nif (!scriptUrl) throw new Error(\"Automatic publicPath is not supported in this browser\");\nscriptUrl = scriptUrl.replace(/#.*$/, \"\").replace(/\\?.*$/, \"\").replace(/\\/[^\\/]+$/, \"/\");\n__webpack_require__.p = scriptUrl;","var __WEBPACK_NAMESPACE_OBJECT__ = React;","var __WEBPACK_NAMESPACE_OBJECT__ = ReactDOM;","export const getBackgroundCSS = (bg, isSolid = true, isGradient = true, isImage = true) => {\r\n\tconst { type = 'solid', color = '#000000b3', gradient = 'linear-gradient(135deg, #4527a4, #8344c5)', image = {}, position = 'center center', attachment = 'initial', repeat = 'no-repeat', size = 'cover', overlayColor = '#000000b3' } = bg;\r\n\r\n\tconst styles = ('gradient' === type && isGradient) ? `background: ${gradient};` :\r\n\t\t('image' === type && isImage) ?\r\n\t\t\t`background: url(${image?.url});\r\n\t\t\t\tbackground-color: ${overlayColor};\r\n\t\t\t\tbackground-position: ${position};\r\n\t\t\t\tbackground-size: ${size};\r\n\t\t\t\tbackground-repeat: ${repeat};\r\n\t\t\t\tbackground-attachment: ${attachment};\r\n\t\t\t\tbackground-blend-mode: overlay;` :\r\n\t\t\tisSolid && `background: ${color};`;\r\n\r\n\treturn styles;\r\n} // PHP version in Stepped Content\r\n\r\nexport const getBorderCSS = (border) => {\r\n\tconst { width = '0px', style = 'solid', color = '#0000', side = 'all', radius = '0px' } = border;\r\n\r\n\tconst borderSideCheck = s => {\r\n\t\tconst bSide = side?.toLowerCase();\r\n\t\treturn bSide?.includes('all') || bSide?.includes(s);\r\n\t}\r\n\r\n\tconst noWidth = width === '0px' || !width;\r\n\tconst borderCSS = `${width} ${style} ${color}`;\r\n\r\n\tconst styles = `\r\n\t\t${noWidth ? '' : borderSideCheck('top') ? `border-top: ${borderCSS};` : ''}\r\n\t\t${noWidth ? '' : borderSideCheck('right') ? `border-right: ${borderCSS};` : ''}\r\n\t\t${noWidth ? '' : borderSideCheck('bottom') ? `border-bottom: ${borderCSS};` : ''}\r\n\t\t${noWidth ? '' : borderSideCheck('left') ? `border-left: ${borderCSS};` : ''}\r\n\t\t${!radius ? '' : `border-radius: ${radius};`}\r\n\t`;\r\n\r\n\treturn styles;\r\n}\r\n\r\nexport const getColorsCSS = (colors) => {\r\n\tconst { color = '#333', bgType = 'solid', bg = '#0000', gradient = 'linear-gradient(135deg, #4527a4, #8344c5)' } = colors;\r\n\r\n\tconst styles = `\r\n\t\t${color ? `color: ${color};` : ''}\r\n\t\t${gradient || bg ? `background: ${'gradient' === bgType ? gradient : bg};` : ''}\r\n\t`;\r\n\r\n\treturn styles;\r\n}\r\n\r\nexport const getIconCSS = (icon, isSize = true, isColor = true) => {\r\n\tconst { fontSize = 16, colorType = 'solid', color = 'inherit', gradient = 'linear-gradient(135deg, #4527a4, #8344c5)' } = icon;\r\n\r\n\tconst colorCSS = 'gradient' === colorType ?\r\n\t\t`color: transparent; background-image: ${gradient}; -webkit-background-clip: text; background-clip: text;` :\r\n\t\t`color: ${color};`;\r\n\r\n\tconst styles = `\r\n\t\t${!fontSize || !isSize ? '' : `font-size: ${fontSize}px;`}\r\n\t\t${isColor ? colorCSS : ''}\r\n\t`;\r\n\r\n\treturn styles;\r\n}\r\n\r\nexport const getMultiShadowCSS = (value, type = 'box') => {\r\n\tlet styles = '';\r\n\r\n\tvalue?.map((item, index) => {\r\n\t\tconst { hOffset = '0px', vOffset = '0px', blur = '0px', spreed = '0px', color = '#7090b0', isInset = false } = item;\r\n\r\n\t\tconst inset = isInset ? 'inset' : '';\r\n\t\tconst offsetBlur = `${hOffset} ${vOffset} ${blur}`;\r\n\t\tconst isComa = index + 1 >= value.length ? '' : ', ';\r\n\r\n\t\tstyles += 'text' === type ? `${offsetBlur} ${color}${isComa}` : `${offsetBlur} ${spreed} ${color} ${inset}${isComa}`;\r\n\t});\r\n\r\n\treturn styles || 'none';\r\n}\r\n\r\nexport const getSeparatorCSS = (separator) => {\r\n\tconst { width = '50%', height = '2px', style = 'solid', color = '#bbb' } = separator;\r\n\r\n\tconst styles = `\r\n\t\twidth: ${width};\r\n\t\t${'0px' === height && '0em' === height && '0rem' === height ? '' : `border-top: ${height} ${style} ${color};`}\r\n\t`;\r\n\r\n\treturn styles;\r\n}\r\n\r\nexport const getShadowCSS = (shadow) => {\r\n\tconst { type = 'box', hOffset = '0px', vOffset = '0px', blur = '0px', spreed = '0px', color = '#7090b0', isInset = false } = shadow;\r\n\r\n\tconst inset = isInset ? 'inset' : '';\r\n\tconst offsetBlur = `${hOffset} ${vOffset} ${blur}`;\r\n\r\n\tconst styles = 'text' === type ? `${offsetBlur} ${color}` : `${offsetBlur} ${spreed} ${color} ${inset}`;\r\n\r\n\treturn styles || 'none';\r\n}\r\n\r\nexport const getSpaceCSS = (space) => {\r\n\tconst { side = 2, vertical = '0px', horizontal = '0px', top = '0px', right = '0px', bottom = '0px', left = '0px' } = space;\r\n\r\n\tconst styles = 2 === side ? `${vertical} ${horizontal}` : `${top} ${right} ${bottom} ${left}`;\r\n\r\n\treturn styles;\r\n}\r\n\r\nexport const getTypoCSS = (selector, typo, isFamily = true) => {\r\n\tconst { fontFamily = 'Default', fontCategory = 'sans-serif', fontVariant = 400, fontWeight = 400, isUploadFont = true, fontSize = { desktop: 15, tablet: 15, mobile: 15 }, fontStyle = 'normal', textTransform = 'none', textDecoration = 'auto', lineHeight = '135%', letterSpace = '0px' } = typo;\r\n\r\n\tconst generateCss = (value, cssProperty) => !value ? '' : `${cssProperty}: ${value};`;\r\n\r\n\tconst isEmptyFamily = !isFamily || !fontFamily || 'Default' === fontFamily;\r\n\tconst desktopFontSize = fontSize?.desktop || fontSize;\r\n\tconst tabletFontSize = fontSize?.tablet || desktopFontSize;\r\n\tconst mobileFontSize = fontSize?.mobile || tabletFontSize;\r\n\r\n\tconst styles = `\r\n\t\t${isEmptyFamily ? '' : `font-family: '${fontFamily}', ${fontCategory};`}\r\n\t\t${generateCss(fontWeight, 'font-weight')}\r\n\t\t${`font-size: ${desktopFontSize}px;`}\r\n\t\t${generateCss(fontStyle, 'font-style')}\r\n\t\t${generateCss(textTransform, 'text-transform')}\r\n\t\t${generateCss(textDecoration, 'text-decoration')}\r\n\t\t${generateCss(lineHeight, 'line-height')}\r\n\t\t${generateCss(letterSpace, 'letter-spacing')}\r\n\t`;\r\n\r\n\t// Google font link\r\n\tconst linkQuery = !fontVariant || 400 === fontVariant ? '' : '400i' === fontVariant ? ':ital@1' : fontVariant?.includes('00i') ? `: ital, wght@1, ${fontVariant?.replace('00i', '00')} ` : `: wght@${fontVariant} `;\r\n\r\n\tconst link = isEmptyFamily ? '' : `https://fonts.googleapis.com/css2?family=${fontFamily?.split(' ').join('+')}${linkQuery.replace(/ /g, '')}&display=swap`;\r\n\r\n\treturn {\r\n\t\tgoogleFontLink: !isUploadFont || isEmptyFamily ? '' : `@import url(${link});`,\r\n\t\tstyles: `${selector}{\r\n\t\t\t${styles}\r\n\t\t}\r\n\t\t@media (max-width: 768px) {\r\n\t\t\t${selector}{\r\n\t\t\t\t${`font-size: ${tabletFontSize}px;`}\r\n\t\t\t}\r\n\t\t}\r\n\t\t@media (max-width: 576px) {\r\n\t\t\t${selector}{\r\n\t\t\t\t${`font-size: ${mobileFontSize}px;`}\r\n\t\t\t}\r\n\t\t}`.replace(/\\s+/g, ' ').trim()\r\n\t}\r\n}\r\n\r\nexport const getBoxCSS = (val = {}) => Object.values(val).join(' ');","import { getShadowCSS, getSpaceCSS } from '../../Components/Helper/getCSS';\r\n\r\nconst Style = ({ attributes, clientId, isStandard }) => {\r\n\tconst { pricingTables, columnGap, rowGap, textAlign, padding, shadow } = attributes;\r\n\r\n\treturn <>\r\n\t\t<style dangerouslySetInnerHTML={{\r\n\t\t\t__html: `\r\n\t\t\t#bptbPricingTables-${clientId} .bptbPricingTables{\r\n\t\t\t\tgrid-gap: ${rowGap} ${columnGap};\r\n\t\t\t\ttext-align: ${textAlign};\r\n\t\t\t\tpadding: ${isStandard ? '30px 0' : '0'}\r\n\t\t\t}\r\n\t\t\t#bptbPricingTables-${clientId} .bptbPricingTables .bptbPriceTable{\r\n\t\t\t\tpadding: ${getSpaceCSS(padding)};\r\n\t\t\t\tbox-shadow: ${getShadowCSS(shadow)};\r\n\t\t\t}\r\n\t\t\t`.replace(/\\s+/g, ' ')\r\n\t\t}} />\r\n\r\n\t\t<style>\r\n\t\t\t{pricingTables?.map((priceTable, index) => {\r\n\t\t\t\tconst defPriceTableSelect = `#bptbPricingTables-${clientId} .bptbPricingTables #bptbPriceTable-${index} .bptbPriceTable`;\r\n\t\t\t\tconst priceTableSelect = hasClass => `#bptbPricingTables-${clientId}.is-style-${hasClass} .bptbPricingTables #bptbPriceTable-${index} .bptbPriceTable`;\r\n\r\n\t\t\t\treturn `\r\n\t\t\t\t\t${defPriceTableSelect} .priceName,\r\n\t\t\t\t\t${priceTableSelect('basic')} .priceAmountWrap,\r\n\t\t\t\t\t${priceTableSelect('standard')} .priceAmountWrap{\r\n\t\t\t\t\t\tcolor: ${priceTable.color};\r\n\t\t\t\t\t}\r\n\t\t\t\t\t${defPriceTableSelect} .priceLink,\r\n\t\t\t\t\t${priceTableSelect('basic')} .priceName,\r\n\t\t\t\t\t${priceTableSelect('standard')}::before,\r\n\t\t\t\t\t${priceTableSelect('ultimate')} .priceAmountWrap{\r\n\t\t\t\t\t\tcolor: #fff;\r\n\t\t\t\t\t\tbackground-color: ${priceTable.color};\r\n\t\t\t\t\t}\r\n\t\t\t\t\t${priceTableSelect('basic')} .priceName::before{\r\n\t\t\t\t\t\tborder-top-color: ${priceTable.color};\r\n\t\t\t\t\t}\r\n\t\t\t\t`.replace(/\\s+/g, ' ')\r\n\t\t\t})}\r\n\t\t</style>\r\n\t</>\r\n}\r\nexport default Style;","export default __webpack_public_path__ + \"src/icons/state.svg\";","\r\nimport featureState from './icons/state.svg';\r\n\r\nconst PriceFeatures = ({ features }) => {\r\n\treturn <div className='priceFeatures'>\r\n\t\t{features?.map((feature, index) => {\r\n\t\t\tconst { isEnable, label } = feature;\r\n\r\n\t\t\treturn <div key={index} className='priceFeature'>\r\n\t\t\t\t<svg className={isEnable ? 'priceFeatureEnabled' : 'priceFeatureDisabled'}>\r\n\t\t\t\t\t<use xlinkHref={`${featureState}#${isEnable ? 'enabled' : 'disabled'}`}></use>\r\n\t\t\t\t</svg>\r\n\r\n\t\t\t\t<span className='priceFeatureLabel' dangerouslySetInnerHTML={{ __html: label }} />\r\n\t\t\t</div>;\r\n\t\t})}\r\n\t</div>\r\n}\r\nexport default PriceFeatures;","import { useEffect, useRef } from 'react';\r\nimport { render } from 'react-dom';\r\n\r\nimport './style.scss';\r\nimport Style from './Style';\r\nimport PriceFeatures from './PriceFeatures';\r\n\r\n// Pricing Table\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\tconst allPricingTables = document.querySelectorAll('.wp-block-bptb-pricing-table');\r\n\tallPricingTables.forEach(priceTable => {\r\n\t\tconst attributes = JSON.parse(priceTable.dataset.attributes);\r\n\t\tconst { cId } = attributes;\r\n\r\n\t\tconst isBasic = priceTable.className.includes('basic');\r\n\t\tconst isStandard = priceTable.className.includes('standard');\r\n\t\tconst isUltimate = priceTable.className.includes('ultimate');\r\n\r\n\t\trender(<>\r\n\t\t\t<Style attributes={attributes} clientId={cId} isStandard={isStandard} />\r\n\r\n\t\t\t<PricingTable attributes={attributes} clientId={cId} isBasic={isBasic} isStandard={isStandard} isUltimate={isUltimate} />\r\n\t\t</>, priceTable);\r\n\r\n\t\tpriceTable?.removeAttribute('data-attributes');\r\n\t});\r\n});\r\n\r\nconst PricingTable = ({ attributes, clientId, isBasic, isStandard, isUltimate }) => {\r\n\tconst { pricingTables, columns } = attributes;\r\n\r\n\tuseEffect(() => {\r\n\t\tconst priceFeaturesAll = document.querySelectorAll(`#bptbPricingTables-${clientId} .bptbPriceTable .priceFeatures`);\r\n\t\tconst priceFeaturesHeight = [];\r\n\r\n\t\tpriceFeaturesAll?.forEach(priceFeatures => {\r\n\t\t\tpriceFeaturesHeight.push(priceFeatures?.clientHeight);\r\n\t\t});\r\n\r\n\t\tpriceFeaturesAll?.forEach(priceFeatures => {\r\n\t\t\tpriceFeatures.style.height = Math.max(...priceFeaturesHeight) + 'px';\r\n\t\t});\r\n\t}, [pricingTables]);\r\n\r\n\t// Single Price Table\r\n\tconst PriceTable = ({ priceTable, index }) => {\r\n\t\tconst { name, price, priceCurrency, period, link, linkLabel, features } = priceTable;\r\n\r\n\t\tconst priceTableEl = useRef(null);\r\n\t\tconst priceAmountWrapEl = useRef(null);\r\n\r\n\t\tuseEffect(() => {\r\n\t\t\tif (isUltimate) {\r\n\t\t\t\tconst widthOfPriceWrap = priceTableEl?.current?.clientHeight / 100 * 82;\r\n\r\n\t\t\t\tpriceAmountWrapEl.current.style.width = `${widthOfPriceWrap}px`;\r\n\t\t\t\tpriceAmountWrapEl.current.style.top = `${widthOfPriceWrap / 2}px`;\r\n\t\t\t\tpriceAmountWrapEl.current.style.left = `${-widthOfPriceWrap / 2 + 60}px`;\r\n\t\t\t}\r\n\t\t}, []);\r\n\r\n\t\tconst priceAmountEl = <span className='priceAmount'>{priceCurrency}{price}</span>;\r\n\t\tconst pricePeriodEl = <span className='pricePeriod' dangerouslySetInnerHTML={{ __html: period }} />;\r\n\r\n\t\treturn <div key={index} id={`bptbPriceTable-${index}`}>\r\n\t\t\t<div className='bptbPriceTable' ref={priceTableEl}>\r\n\t\t\t\t<h3 className='priceName' dangerouslySetInnerHTML={{ __html: name }} />\r\n\r\n\t\t\t\t{isStandard || isUltimate ? <div className='priceAmountWrap' ref={priceAmountWrapEl}>{priceAmountEl} / {pricePeriodEl}</div> : ''}\r\n\r\n\t\t\t\t<PriceFeatures features={features} />\r\n\r\n\t\t\t\t{!isStandard && !isUltimate ? <div className='priceAmountWrap'>{priceAmountEl}</div> : ''}\r\n\t\t\t\t{!isBasic && <br />}\r\n\r\n\t\t\t\t<a className='priceLink' href={link} dangerouslySetInnerHTML={{ __html: linkLabel }} />\r\n\t\t\t</div>\r\n\t\t</div>;\r\n\t}\r\n\r\n\treturn <div className={`bptbPricingTables columns-${columns.desktop} columns-tablet-${columns.tablet} columns-mobile-${columns.mobile}`}>\r\n\t\t{pricingTables?.map((priceTable, index) => <PriceTable key={index} priceTable={priceTable} index={index} />)}\r\n\t</div>\r\n}"],"names":["__webpack_require__","g","globalThis","this","Function","e","window","scriptUrl","importScripts","location","document","currentScript","src","scripts","getElementsByTagName","length","Error","replace","p","React","ReactDOM","getShadowCSS","shadow","type","hOffset","vOffset","blur","spreed","color","isInset","inset","offsetBlur","space","side","vertical","horizontal","top","right","bottom","left","attributes","clientId","isStandard","pricingTables","columnGap","rowGap","textAlign","padding","dangerouslySetInnerHTML","__html","map","priceTable","index","defPriceTableSelect","priceTableSelect","hasClass","features","className","feature","isEnable","label","key","xlinkHref","featureState","addEventListener","querySelectorAll","forEach","JSON","parse","dataset","cId","isBasic","includes","isUltimate","render","PricingTable","removeAttribute","columns","useEffect","priceFeaturesAll","priceFeaturesHeight","priceFeatures","push","clientHeight","style","height","Math","max","PriceTable","name","price","priceCurrency","period","link","linkLabel","priceTableEl","useRef","priceAmountWrapEl","widthOfPriceWrap","current","width","priceAmountEl","pricePeriodEl","id","ref","href","desktop","tablet","mobile"],"sourceRoot":""}