{"version":3,"file":"index-BEbFjR9m.js","sources":["../../src/pages/account/history/index.tsx"],"sourcesContent":["import IconCart from '@/icons/cart';\nimport { useSdk } from '@/stores/sdk';\nimport { formatDate } from '@/utils/formatDate';\nimport { formatPrice } from '@/utils/formatPrice';\nimport { A } from '@solidjs/router';\nimport { For, createResource } from 'solid-js';\n\n// TODO: Refactor this with the new status\nexport function orderStatus(status: string) {\n switch (status) {\n case 'CANCELLED':\n case 'ERROR':\n case 'CANCELED':\n return 'Annulée';\n\n case 'MANUAL_REGULARISATION':\n case 'TICKETING_REGULARISATION':\n case 'VALIDATED':\n case 'ACCEPTED':\n case 'COMPLETED':\n return 'Terminée';\n\n case 'PAID':\n case 'PAID_ORDER_ERROR':\n case 'PAYMENT_PENDING':\n case 'CREATED':\n case 'PENDING':\n case 'PROCESSING':\n case 'IN_PROGRESS':\n case 'WAITING_FOR_PAYMENT':\n default:\n return 'En attente';\n }\n}\n\nfunction EmptyOrders() {\n return (\n <span class=\"flex items-center justify-between p-4 text-sm\">\n Aucune commande n'a été trouvée\n </span>\n );\n}\n\nexport default function History() {\n const [sdk] = useSdk();\n const [orders] = createResource(sdk.order.history);\n\n return (\n <div class=\"divide-y rounded-lg bg-white\">\n <section class=\"flex items-center space-x-4 p-4 lg:p-6\">\n <IconCart class=\"h-6\" />\n\n <h1 class=\"font-semibold\">Mes commandes</h1>\n </section>\n\n <section class=\"w-full overflow-auto\">\n <ul class=\"divide-y whitespace-nowrap\">\n <For each={orders()} fallback={EmptyOrders()}>\n {(order) => (\n <li class=\"grid grid-cols-[auto,1fr] flex-col gap-x-10 gap-y-2 p-4 text-sm lg:flex lg:flex-row lg:items-center lg:justify-between lg:gap-x-0 lg:gap-y-0\">\n <span class=\"text-gray-600 lg:hidden\">Identifiant</span>\n <span class=\"\">{order.reference}</span>\n\n <span class=\"text-gray-600 lg:hidden\">Date de création</span>\n <span class=\" lg:ml-4 \">{formatDate(order.createdAt)}</span>\n\n <span class=\"text-gray-600 lg:hidden\">Montant</span>\n <span class=\"lg:ml-4 \">{formatPrice(order.total)}</span>\n\n <span class=\"text-gray-600 lg:hidden\">Statut</span>\n <span class=\"lg:ml-4 \">{orderStatus(order.status)}</span>\n\n <span class=\"text-gray-600 lg:hidden\">Détail</span>\n <A\n href={`/account/history/${order.id}`}\n class=\"font-semibold underline lg:ml-4\"\n >\n Voir le détail\n </A>\n </li>\n )}\n </For>\n </ul>\n </section>\n </div>\n );\n}\n"],"names":["orderStatus","status","History","sdk","useSdk","orders","createResource","order","history","_el$2","_tmpl$2","_el$3","firstChild","_el$4","_el$6","nextSibling","_$insert","_$createComponent","IconCart","class","For","each","fallback","_tmpl$","children","_el$7","_tmpl$3","_el$9","_el$11","_el$13","_el$15","reference","formatDate","createdAt","formatPrice","total","A","href","id"],"mappings":"4yCAQO,SAASA,EAAYC,GAC1B,OAAQA,GACN,IAAK,YACL,IAAK,QACL,IAAK,WACH,MAAO,UAET,IAAK,wBACL,IAAK,2BACL,IAAK,YACL,IAAK,WACL,IAAK,YACH,MAAO,WAUT,QACE,MAAO,aAEb,CAUe,SAASC,IACtB,MAAOC,GAAOC,KACPC,GAAUC,EAAeH,EAAII,MAAMC,SAE1C,OAAAC,EAAAC,IAAAC,EAAAF,EAAAG,WAAAC,EAAAF,EAAAC,WAAAE,EAAAH,EAAAI,YAAAH,WAAAI,EAAAL,EAAAM,EAGOC,EAAQ,CAAAC,MAAA,QAAAN,GAAAG,EAAAF,EAAAG,EAONG,EAAG,CAAA,QAACC,GAAI,OAAEhB,GAAQ,EAAA,YAAEiB,GAAQ,OArBrCC,GAqBoD,EAAAC,SACxCjB,IAAK,OAAAkB,EAAAC,IAAAC,EAAAF,EAAAb,WAAAG,YAAAa,EAAAD,EAAAZ,YAAAA,YAAAc,EAAAD,EAAAb,YAAAA,aAAAe,EAAAD,EAAAd,YAAAA,aAAAA,YAAAC,EAAAW,GAGapB,IAAAA,EAAMwB,YAASf,EAAAY,GAGNI,IAAAA,EAAWzB,EAAM0B,aAAUjB,EAAAa,GAG5BK,IAAAA,EAAY3B,EAAM4B,SAAMnB,EAAAc,GAGxB9B,IAAAA,EAAYO,EAAMN,UAAOe,EAAAS,EAAAR,EAGhDmB,EAAC,CAAA,QACAC,GAAI,MAAE,oBAAoB9B,EAAM+B,IAAI,EAAAnB,MAAA,kCAAAK,SAAA,mBAAA,MAAAC,EAhBnC,IAAAA,EAAAE,EAAAC,EAAAC,EAAAC,CAsBN,KAAArB,EAjCX,IAAAA,EAAAE,EAAAE,EAAAC,CAuCF"}